/* Sheyde Login Fix 1.1.0 — p4game-like flow, Sheyde dark tokens */

body.woocommerce-account,
body.woocommerce-account .ct-container-full,
body.woocommerce-account article.page,
body.page-id-23273,
body.page-id-23273 .ct-container-full,
body.page-id-23273 article.page {
	background: #0a0a0c !important;
	color: #f5f5f7 !important;
}

body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce,
body.page-id-23273 .entry-content {
	font-family: 'Filimo Variable', Tahoma, 'Segoe UI', sans-serif !important;
	direction: rtl !important;
	text-align: right !important;
}

body.woocommerce-account #bina_mobile_login,
body.woocommerce-account .bina_mobile_login_box {
	max-width: 420px;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.woocommerce-account .bina-row-padding,
body.woocommerce-account .bina-align-center {
	justify-content: center !important;
}

body.woocommerce-account .bina_mobile_login_box,
body.woocommerce-account .sheyde-login-shell {
	background: #16161a !important;
	border: 1px solid #2a2a32 !important;
	border-radius: 16px !important;
	padding: 28px 22px !important;
	box-shadow: none !important;
	color: #f5f5f7 !important;
}

body.woocommerce-account .bina_mobile_login_box h2,
body.woocommerce-account .bina_mobile_login_box h2.login-header {
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 1.35rem !important;
	line-height: 1.5 !important;
	padding-top: 0 !important;
	margin: 0 0 14px !important;
	text-align: right !important;
	display: flex;
	align-items: center;
	gap: 8px;
}

body.woocommerce-account .sheyde-back {
	background: transparent !important;
	border: 0 !important;
	color: #fff !important;
	font-size: 1.6rem !important;
	line-height: 1 !important;
	cursor: pointer;
	padding: 0 4px !important;
	box-shadow: none !important;
	width: auto !important;
}

body.woocommerce-account .sheyde-login-tab {
	display: inline-block;
	background: rgba(47, 214, 210, 0.12);
	color: #2fd6d2 !important;
	border: 1px solid rgba(47, 214, 210, 0.35);
	border-radius: 999px;
	padding: 4px 12px;
	font-size: 0.85rem;
	font-weight: 700;
	margin-left: 8px;
}

body.woocommerce-account .sheyde-login-hint,
body.woocommerce-account .bina_mobile_login_box p {
	color: #9a9aa3 !important;
	font-size: 0.95rem !important;
	line-height: 1.7 !important;
	margin-bottom: 18px !important;
	text-align: right !important;
}

/* Phone row: flag + +98 */
body.woocommerce-account .sheyde-phone-frame {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: #0a0a0c !important;
	border: 1px solid #2a2a32 !important;
	border-radius: 12px !important;
	padding: 4px 10px 4px 4px !important;
	direction: ltr !important;
}

body.woocommerce-account .sheyde-phone-prefix {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	padding: 6px 8px;
	border-inline-end: 1px solid #2a2a32;
	color: #f5f5f7;
	font-weight: 700;
	font-size: 0.95rem;
}

body.woocommerce-account .sheyde-phone-flag {
	width: 28px;
	height: 20px;
	border-radius: 3px;
	object-fit: cover;
	display: block;
}

body.woocommerce-account .sheyde-phone-frame #username {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	flex: 1 1 auto !important;
	padding: 10px 8px !important;
	text-align: left !important;
	direction: ltr !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

body.woocommerce-account .bina_mobile_login_box input,
body.woocommerce-account .bina_mobile_login_box select,
body.woocommerce-account .bina_mobile_login_box textarea,
body.woocommerce-account .bina_mobile_login_box #otp,
body.woocommerce-account .bina_mobile_login_box #password,
body.woocommerce-account .bina_mobile_login_box #password2 {
	background: #0a0a0c !important;
	border: 1px solid #2a2a32 !important;
	border-radius: 12px !important;
	color: #ffffff !important;
	padding: 12px 14px !important;
	box-shadow: none !important;
	-webkit-text-fill-color: #ffffff !important;
	width: 100% !important;
}

body.woocommerce-account .bina_mobile_login_box input:focus,
body.woocommerce-account .sheyde-phone-frame:focus-within {
	border-color: #2fd6d2 !important;
	outline: none !important;
	box-shadow: 0 0 0 2px rgba(47, 214, 210, 0.25) !important;
}

body.woocommerce-account .sheyde-field-label {
	display: block;
	color: #f5f5f7 !important;
	font-weight: 700 !important;
	font-size: 0.92rem !important;
	margin: 0 0 8px !important;
	text-align: right !important;
}

body.woocommerce-account .sheyde-login-register .bina_mobile_login_form_row {
	margin-bottom: 16px !important;
}

/* Primary cyan button (phone / OTP) */
body.woocommerce-account .bina_mobile_login_box button.button,
body.woocommerce-account .bina_mobile_login_box button.primary,
body.woocommerce-account .bina_mobile_login_box button[type="submit"],
body.woocommerce-account .bina_mobile_login_box #bina_mobile_login_submit {
	display: block !important;
	width: 100% !important;
	margin-top: 10px !important;
	padding: 13px 18px !important;
	background: #2fd6d2 !important;
	color: #061416 !important;
	-webkit-text-fill-color: #061416 !important;
	border: 0 !important;
	border-radius: 12px !important;
	font-weight: 800 !important;
	font-size: 1rem !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

/* Register step: white continue like p4game screenshot */
body.woocommerce-account .sheyde-login-register button.sheyde-btn-white,
body.woocommerce-account .sheyde-login-register button[type="submit"] {
	background: #ffffff !important;
	color: #0a0a0c !important;
	-webkit-text-fill-color: #0a0a0c !important;
}

body.woocommerce-account .sheyde-otp-input {
	letter-spacing: 0.45em !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	text-align: center !important;
	font-variant-numeric: tabular-nums;
}

body.woocommerce-account .bina_mobile_login_box .dashicons,
body.woocommerce-account .bina_mobile_login_box #dismiss {
	color: #2fd6d2 !important;
}

body.woocommerce-account #bina_mobile_login_notice,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info {
	background: #16161a !important;
	border: 1px solid #2a2a32 !important;
	border-inline-start: 3px solid #2fd6d2 !important;
	border-radius: 12px !important;
	color: #f5f5f7 !important;
	-webkit-text-fill-color: #f5f5f7 !important;
	padding: 12px 16px !important;
	margin-bottom: 16px !important;
}

body.woocommerce-account .woocommerce-privacy-policy-text,
body.woocommerce-account .woocommerce-privacy-policy-text p {
	color: #9a9aa3 !important;
	font-size: 0.82rem !important;
	line-height: 1.7 !important;
	margin-top: 16px !important;
	text-align: right !important;
}

body.woocommerce-account .woocommerce-privacy-policy-text a {
	color: #2fd6d2 !important;
	text-decoration: none !important;
}

/* Classic /login/ */
body.page-id-23273.pmpro-login #loginform,
body.pmpro-login #loginform,
body.page-id-23273 #loginform {
	max-width: 440px;
	margin: 24px auto !important;
	background: #16161a !important;
	border: 1px solid #2a2a32 !important;
	border-radius: 16px !important;
	padding: 28px 24px !important;
	color: #f5f5f7 !important;
	direction: rtl !important;
}
body.page-id-23273 #loginform label,
body.pmpro-login #loginform label { color: #9a9aa3 !important; display: block !important; text-align: right !important; }
body.page-id-23273 #loginform input[type="text"],
body.page-id-23273 #loginform input[type="password"],
body.pmpro-login #loginform input[type="text"],
body.pmpro-login #loginform input[type="password"] {
	background: #0a0a0c !important; border: 1px solid #2a2a32 !important; border-radius: 12px !important; color: #fff !important; width: 100% !important; padding: 12px 14px !important;
}
body.page-id-23273 #wp-submit,
body.pmpro-login #wp-submit {
	background: #2fd6d2 !important; color: #061416 !important; border: 0 !important; border-radius: 12px !important; font-weight: 800 !important; width: 100% !important; padding: 10px 18px !important;
}
body.page-id-23273 a, body.pmpro-login a { color: #2fd6d2 !important; }

@media (max-width: 55em) {
	body.woocommerce-account .bina_mobile_login_box { padding: 22px 16px !important; }
}