/* Shaer Silver — Login / My Account page
   Restyles WooCommerce's default login & account forms to match
   the site's dark/gold luxury theme. */

body.woocommerce-account {
	background: var(--ink, #0a0806) !important;
}

body.woocommerce-account .woocommerce {
	max-width: 480px;
	margin: 40px auto !important;
	padding: 0 16px;
}

/* Card wrapper around the login form */
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .u-column1.col-1,
body.woocommerce-account .u-column2.col-2 {
	background: linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,.01)) !important;
	border: 1px solid rgba(201,162,39,.18) !important;
	border-radius: 18px !important;
	padding: 32px 24px !important;
	box-shadow: 0 20px 50px rgba(0,0,0,.35);
}

body.woocommerce-account h2,
body.woocommerce-account .woocommerce-MyAccount-content h2 {
	color: #f3ecdc !important;
	font-family: 'Vazirmatn', 'Tajawal', sans-serif !important;
	font-weight: 800 !important;
	font-size: 22px !important;
	margin-bottom: 22px !important;
	text-align: center;
}

body.woocommerce-account label {
	color: #cdc4b4 !important;
	font-size: 13px !important;
	margin-bottom: 6px !important;
	display: inline-block;
}

body.woocommerce-account .woocommerce-form-login input.input-text,
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="password"] {
	width: 100% !important;
	background: rgba(255,255,255,0.035) !important;
	border: 1px solid rgba(201,162,39,.18) !important;
	border-radius: 10px !important;
	padding: 13px 16px !important;
	color: #f3ecdc !important;
	font-size: 14px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	transition: border-color .2s ease, box-shadow .2s ease;
}

body.woocommerce-account input.input-text:focus,
body.woocommerce-account input[type="email"]:focus,
body.woocommerce-account input[type="password"]:focus {
	outline: none !important;
	border-color: #c9a227 !important;
	box-shadow: 0 0 0 3px rgba(201,162,39,.15) !important;
}

/* Show/hide password eye icon (native WooCommerce toggle) */
body.woocommerce-account .show-password-input {
	color: #c9a227 !important;
}

/* Custom checkbox */
body.woocommerce-account .woocommerce-form-login__rememberme {
	display: flex !important;
	align-items: center;
	gap: 8px;
	color: #9a9184 !important;
	font-size: 13px !important;
	margin: 16px 0 !important;
}
body.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: #c9a227;
	margin: 0;
}

/* Submit button */
body.woocommerce-account button[type="submit"],
body.woocommerce-account .woocommerce-form-login button {
	width: 100% !important;
	background: linear-gradient(135deg, #efd696, #c9a227 55%, #8a6d1f) !important;
	color: #171208 !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 15px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	cursor: pointer;
	box-shadow: 0 10px 25px rgba(201,162,39,.25);
	transition: transform .2s ease, box-shadow .2s ease;
}
body.woocommerce-account button[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(201,162,39,.35);
}

/* Lost password link */
body.woocommerce-account .woocommerce-LostPassword,
body.woocommerce-account .lost_password {
	text-align: center !important;
	margin-top: 18px !important;
}
body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account .lost_password a {
	color: #efd696 !important;
	font-size: 13px !important;
	text-decoration: none !important;
	border-bottom: 1px solid #c9a227;
	padding-bottom: 1px;
}

/* Register column (if login+register both show) */
body.woocommerce-account .u-columns.col2-set {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media (max-width: 640px) {
	body.woocommerce-account .u-columns.col2-set { grid-template-columns: 1fr; }
}

/* Logged-in dashboard tabs (orders, addresses, etc.) */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	background: linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
	border: 1px solid rgba(201,162,39,.18);
	border-radius: 14px;
	overflow: hidden;
	padding: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid rgba(201,162,39,.1) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	color: #cdc4b4 !important;
	padding: 14px 18px !important;
	display: block;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	color: #efd696 !important;
	background: rgba(201,162,39,.08) !important;
}