/* ==========================================================================
   Pirladent Customer Authentication & Registration — WoodMart Native Surface
   Single-Column Centered Layout Matching Official Production Specification
   ========================================================================== */

/* Notices container width matches the single card container */
body.woocommerce-account:not(.logged-in) .woocommerce > :is(.woocommerce-notices-wrapper, .woocommerce-error, .woocommerce-info, .woocommerce-message) {
	box-sizing: border-box;
	max-width: 500px;
	margin: 0 auto 20px;
}

/* Base Card Container */
.woocommerce .wd-registration-page {
	--wd-form-height: 48px;
	box-sizing: border-box;
	max-width: 500px;
	margin: 40px auto 60px;
	padding: 44px 38px;
	background: #ffffff;
	border: 1px solid var(--el-color-border-soft, #e4e1ea);
	border-radius: var(--wd-brd-radius, 24px);
	box-shadow: 0 16px 40px rgba(45, 22, 74, 0.055);
}

.woocommerce .wd-registration-page.wd-no-registration,
.woocommerce .wd-registration-page.pirladent-verification-pending {
	max-width: 500px;
}

/* Card Titles & Introductory Subtitles */
.wd-registration-page .wd-login-title {
	margin-bottom: 8px;
	color: var(--wd-title-color, #1e1926);
	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

.wd-registration-page .pirladent-form-intro {
	margin: 0 auto 28px;
	color: var(--el-color-text-muted, #635b6e);
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	max-width: 380px;
}

/* Form Rows & Field Labels */
.wd-registration-page .form-row {
	margin-bottom: 18px;
}

.wd-registration-page label {
	display: block;
	margin-bottom: 7px;
	color: var(--wd-title-color, #1e1926);
	font-size: 14px;
	font-weight: 600;
}

.wd-registration-page label .required {
	color: #c93b2b;
	text-decoration: none;
}

.wd-registration-page input.input-text {
	height: var(--wd-form-height, 48px);
	padding: 0 18px;
	background-color: #ffffff;
	border: 1px solid var(--wd-form-brd-color, #e4e1ea);
	border-radius: var(--wd-form-brd-radius, 35px);
	color: var(--wd-title-color, #1e1926);
	font-size: 14.5px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wd-registration-page input.input-text:focus {
	border-color: var(--el-color-brand-primary, #70479b);
	box-shadow: 0 0 0 1px var(--el-color-brand-primary, #70479b);
	outline: none;
}

.wd-registration-page input.input-text::placeholder {
	color: #9e98a6;
}

/* Password Field & WoodMart Toggle */
.wd-registration-page .password-input {
	position: relative;
	display: block;
}

.wd-registration-page .password-input input {
	width: 100%;
	padding-inline-end: var(--wd-form-height, 48px) !important;
}

/* Integrated +90 Phone Pill Field */
.pirladent-phone-input {
	display: flex;
	align-items: stretch;
	height: var(--wd-form-height, 48px);
	background-color: var(--wd-form-bg, #ffffff);
	border: var(--wd-form-brd-width, 1px) solid var(--wd-form-brd-color, #e4e1ea);
	border-radius: var(--wd-form-brd-radius, 35px);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pirladent-phone-input:focus-within {
	border-color: var(--el-color-brand-primary, #70479b);
	box-shadow: 0 0 0 1px var(--el-color-brand-primary, #70479b);
}

.pirladent-phone-prefix {
	display: inline-flex;
	align-items: center;
	padding: 0 14px 0 18px;
	background: rgba(123, 79, 168, 0.05);
	border-inline-end: 1px solid var(--wd-form-brd-color, #e4e1ea);
	color: var(--wd-title-color, #1e1926);
	font-size: 14.5px;
	font-weight: 600;
	letter-spacing: 0.01em;
	user-select: none;
}

.wd-registration-page .pirladent-phone-input input.input-text {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0 18px 0 14px;
	background: transparent;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.wd-registration-page .pirladent-phone-input input.input-text:focus {
	border: 0 !important;
	box-shadow: none !important;
	outline: none;
}

/* Hide extra phone helper text to match reference design exactly */
.wd-registration-page #pirladent-phone-help {
	display: none;
}

/* Field Helper Hints & Inline Validation Feedback */
.pirladent-field-hint {
	display: block;
	margin-top: 7px;
	color: var(--el-color-text-muted, #635b6e);
	font-size: 12.5px;
	line-height: 1.45;
}

.pirladent-field-error {
	display: block;
	margin-top: 6px;
	color: #c93b2b;
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.4;
}

.wd-registration-page .form-row.pirladent-has-error .pirladent-field-hint {
	display: none;
}

.wd-registration-page .form-row.pirladent-has-error input.input-text,
.wd-registration-page .form-row.pirladent-has-error .pirladent-phone-input {
	border-color: #d94336;
}

/* Password Strength Meter */
.wd-registration-page .woocommerce-password-hint,
.wd-registration-page .form-row-password:has(.woocommerce-password-strength) #pirladent-password-help {
	display: none !important;
}

.wd-registration-page .woocommerce-password-strength {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: auto;
	margin-top: 8px;
	padding: 4px 12px;
	border-radius: 999px;
	background-color: #f4f0f8 !important;
	color: var(--wd-title-color, #1e1926) !important;
	border: 1px solid var(--el-color-border-soft, #e4e1ea);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.4;
	text-align: start;
}

.wd-registration-page .woocommerce-password-strength::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: currentColor;
	flex-shrink: 0;
}

.wd-registration-page .woocommerce-password-strength.short,
.wd-registration-page .woocommerce-password-strength.bad {
	background-color: #fef3c7 !important;
	border-color: #fde68a;
	color: #92400e !important;
}

.wd-registration-page .woocommerce-password-strength.good {
	background-color: #f3eff8 !important;
	border-color: #dcd0ea;
	color: #4b247a !important;
}

.wd-registration-page .woocommerce-password-strength.strong {
	background-color: #ecfdf5 !important;
	border-color: #a7f3d0;
	color: #065f46 !important;
}

/* Login Form Flow Reordering:
   1. Username
   2. Password
   3. Options Row (Remember me left, Lost password right)
   4. Primary Submit CTA
*/
.wd-registration-page .woocommerce-form-login {
	display: flex !important;
	flex-direction: column;
}

.wd-registration-page .woocommerce-form-login .form-row-username {
	order: 1;
	margin-bottom: 18px;
}

.wd-registration-page .woocommerce-form-login .form-row-password {
	order: 2;
	margin-bottom: 12px;
}

.wd-registration-page .woocommerce-form-login .login-form-footer {
	order: 3;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	margin: 4px 0 22px;
	padding: 0;
	gap: 10px;
}

.wd-registration-page .woocommerce-form-login .login-form-footer .woocommerce-form-login__rememberme {
	order: 1 !important;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 0;
	color: var(--wd-text-color, #4d4756);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	user-select: none;
}

.wd-registration-page .woocommerce-form-login .login-form-footer .woocommerce-form-login__rememberme input[type="checkbox"] {
	margin: 0;
	width: 16px;
	height: 16px;
	accent-color: var(--el-color-brand-primary, #70479b);
}

.wd-registration-page .woocommerce-form-login .login-form-footer .lost_password {
	order: 2 !important;
	color: var(--el-color-brand-primary, #70479b);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.15s ease;
}

.wd-registration-page .woocommerce-form-login .login-form-footer .lost_password:hover {
	color: var(--el-color-brand-deep, #4b247a);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.wd-registration-page .woocommerce-form-login .form-row-btn {
	order: 4;
	margin: 0;
}

/* Primary Submit Buttons */
.wd-registration-page .form-row-btn {
	margin-top: 20px;
	margin-bottom: 0;
}

.wd-registration-page .woocommerce-form-login__submit,
.wd-registration-page .woocommerce-form-register__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	padding: 12px 24px;
	border: 0;
	border-radius: 9999px !important;
	background-color: #70479b !important;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.01em;
	box-shadow: none;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.wd-registration-page .woocommerce-form-login__submit:hover,
.wd-registration-page .woocommerce-form-register__submit:hover {
	background-color: #593282 !important;
	color: #ffffff !important;
}

.wd-registration-page .woocommerce-form-login__submit:active,
.wd-registration-page .woocommerce-form-register__submit:active {
	transform: scale(0.99);
}

/* Bottom Switch Navigation ("Giriş yapın" / "Hesap oluşturun") */
.wd-registration-page .pirladent-auth-switch {
	margin-top: 26px;
	padding-top: 20px;
	border-top: 1px solid #f1f3f6;
	text-align: center;
	font-size: 14px;
	color: var(--el-color-text-muted, #635b6e);
}

.wd-registration-page .pirladent-auth-switch a {
	color: var(--el-color-brand-primary, #70479b);
	font-weight: 700;
	text-decoration: none;
	margin-left: 4px;
	transition: color 0.15s ease;
}

.wd-registration-page .pirladent-auth-switch a:hover {
	color: var(--el-color-brand-deep, #4b247a);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Verification Pending Card State */
.pirladent-pending-state {
	text-align: center;
}

.pirladent-pending-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	margin: 0 auto 18px;
	border-radius: 50%;
	background: var(--el-color-surface-section-soft, #f3eff8);
	color: var(--el-color-brand-primary, #70479b);
}

.pirladent-pending-steps {
	list-style: none;
	margin: 0 0 24px;
	padding: 18px 20px;
	background: var(--el-color-surface-canvas, #f8f6fa);
	border: 1px solid var(--el-color-border-soft, #e4e1ea);
	border-radius: 16px;
	text-align: start;
	display: grid;
	gap: 10px;
}

.pirladent-pending-steps li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	color: var(--wd-text-color, #4d4756);
	font-size: 13.5px;
	line-height: 1.5;
}

.pirladent-step-dot {
	flex: 0 0 7px;
	width: 7px;
	height: 7px;
	margin-top: 7px;
	border-radius: 50%;
	background: var(--el-color-brand-primary, #70479b);
}

/* Contextual Verification Resend Box */
.pirladent-verification-resend.is-pending-context {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
	text-align: start;
}

.pirladent-verification-resend.is-contextual-error {
	margin-top: 20px;
	text-align: start;
}

.pirladent-resend-form {
	margin-top: 12px;
	padding: 16px;
	background: var(--el-color-surface-canvas, #f8f6fa);
	border: 1px solid var(--el-color-border-soft, #e4e1ea);
	border-radius: 16px;
}

.pirladent-resend-intro {
	margin: 0 0 12px;
	color: var(--el-color-text-muted, #5e5668);
	font-size: 13px;
	line-height: 1.5;
}

.pirladent-resend-form .form-row {
	margin-bottom: 12px;
}

.pirladent-resend-actions .pirladent-resend-submit.btn {
	width: 100%;
	min-height: 44px;
	background-color: #ffffff;
	color: var(--el-color-brand-deep, #4b247a);
	border: 1px solid var(--el-color-border-strong, #c6b9d2);
	border-radius: 9999px;
	font-size: 13.5px;
	font-weight: 600;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.pirladent-resend-actions .pirladent-resend-submit.btn:hover {
	background-color: var(--el-color-brand-primary, #70479b);
	border-color: var(--el-color-brand-primary, #70479b);
	color: #ffffff;
}

/* Cohesive Surface for Lost Password & Reset Password Forms */
body.woocommerce-account:not(.logged-in) .woocommerce form.lost_reset_password {
	--wd-form-height: 48px;
	box-sizing: border-box;
	max-width: 500px;
	margin: 40px auto 60px;
	padding: 44px 38px;
	background: #ffffff;
	border: 1px solid var(--el-color-border-soft, #e4e1ea);
	border-radius: var(--wd-brd-radius, 24px);
	box-shadow: 0 16px 40px rgba(45, 22, 74, 0.055);
}

body.woocommerce-account:not(.logged-in) .woocommerce form.lost_reset_password .woocommerce-Button {
	width: 100%;
	min-height: 48px;
	border-radius: 9999px !important;
	background-color: #70479b !important;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 600;
}

body.woocommerce-account:not(.logged-in) .woocommerce form.lost_reset_password .woocommerce-Button:hover {
	background-color: #593282 !important;
}

.pirladent-lostpass-footer {
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid #f1f3f6;
	text-align: center;
}

.pirladent-back-to-login {
	color: var(--el-color-brand-primary, #70479b);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.pirladent-back-to-login:hover {
	color: var(--el-color-brand-deep, #4b247a);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Mobile Responsive Refinements */
@media (max-width: 580px) {
	.woocommerce .wd-registration-page {
		margin: 20px auto 40px;
		padding: 28px 20px 32px;
		border-radius: 18px;
	}

	.wd-registration-page .wd-login-title {
		font-size: 22px;
	}

	.wd-registration-page .pirladent-form-intro {
		font-size: 13.5px;
		margin-bottom: 22px;
	}

	body.woocommerce-account:not(.logged-in) .woocommerce form.lost_reset_password {
		margin: 20px auto 40px;
		padding: 28px 20px 32px;
		border-radius: 18px;
	}

	/* Keep floating WhatsApp shortcut from covering form actions on mobile auth screens */
	body.woocommerce-account:not(.logged-in) [data-elementor-type="wd_floating_block"]:has(.social-whatsapp) {
		display: none;
	}
}