/**
 * FlexiDesignX — My Account Page Styles
 *
 * Single-card tabbed Login/Register with premium design.
 * Targets Funori parent theme's custom markup.
 *
 * @package FlexiDesignX
 * @since   1.0.0
 */

/* ==========================================================================
   Page Layout
   ========================================================================== */

body.woocommerce-account .site-content,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce {
	background: #faf7f5;
}

body.woocommerce-account .main-content,
body.woocommerce-account #main-content {
	max-width: 100%;
	padding: 0;
}

body.woocommerce-account .container {
	max-width: 100%;
	width: 100%;
	padding: 0;
}

body.woocommerce-account .woocommerce {
	max-width: 480px;
	margin: 0 auto;
	padding: 3rem 1.5rem;
	display: block;
}

body.woocommerce-account .entry-header,
body.woocommerce-account .page-title {
	display: none;
}

/* ==========================================================================
   Single Card — Tabbed Login / Register
   ========================================================================== */

/* Stack both columns vertically in one card */
body.woocommerce-account #customer_login {
	display: block;
	width: 100%;
	margin: 0;
	background: #fff;
	border-radius: 20px;
	box-shadow:
		0 8px 40px rgba(196, 168, 130, 0.12),
		0 2px 8px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	position: relative;
}

/* Premium top gradient bar */
body.woocommerce-account #customer_login::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, var(--fdx-gold, #C4A882) 0%, var(--fdx-gold-hover, #B09670) 50%, var(--fdx-gold, #C4A882) 100%);
	z-index: 1;
}

/* Subtle background texture on card */
body.woocommerce-account #customer_login::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 200px;
	background: radial-gradient(circle at top right, rgba(196, 168, 130, 0.03) 0%, transparent 70%);
	pointer-events: none;
	z-index: 0;
}

/* Override Bootstrap cols — make them full width, no float */
body.woocommerce-account #customer_login > .col-lg-6,
body.woocommerce-account #customer_login > .col-md-6,
body.woocommerce-account #customer_login > .col-sm-12,
body.woocommerce-account #customer_login > div {
	width: 100%;
	max-width: 100%;
	flex: none;
	padding: 0;
	float: none;
}

/* Tab navigation — built from the h2 headings */
body.woocommerce-account .box-form-login {
	padding: 0;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

/* Hide the h2 headings — we'll create tab buttons via JS */
body.woocommerce-account .box-form-login > h2 {
	display: none;
}

/* Form content area */
body.woocommerce-account .box-form-login .box-content {
	padding: 36px 32px 28px;
	position: relative;
	z-index: 1;
}

/* Hide/show via JS-toggled classes on the col divs themselves */
body.woocommerce-account #customer_login > .col-lg-6.fdx-col-hidden {
	display: none;
}

body.woocommerce-account #customer_login > .col-lg-6.fdx-col-visible {
	display: block;
}

/* ==========================================================================
   Tab Bar (injected by JS)
   ========================================================================== */

.fdx-account-tabs {
	display: flex;
	border-bottom: none;
	margin: 0;
	padding: 0 24px;
	list-style: none;
	position: relative;
	z-index: 1;
}

.fdx-account-tabs__btn {
	flex: 1;
	padding: 16px 16px 14px;
	font-size: 0.95rem;
	font-weight: 700;
	color: #bbb;
	background: transparent;
	border: none;
	border-bottom: 3px solid #f0ece9;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	text-align: center;
	font-family: inherit;
	letter-spacing: 0.03em;
}

.fdx-account-tabs__btn:hover {
	color: var(--fdx-gold, #C4A882);
}

.fdx-account-tabs__btn--active {
	color: var(--fdx-gold, #C4A882);
	border-bottom-color: var(--fdx-gold, #C4A882);
}

/* ==========================================================================
   Subtitle under tab content
   ========================================================================== */

/* Brand icon circle — injected by JS above tabs */
.fdx-account-icon {
	display: flex;
	justify-content: center;
	padding: 28px 0 12px;
}

.fdx-account-icon svg {
	width: 32px;
	height: 32px;
	padding: 14px;
	box-sizing: content-box;
	background: linear-gradient(135deg, #f0ece9 0%, #e8e0db 100%);
	border-radius: 50%;
	box-shadow: 0 3px 10px rgba(196, 168, 130, 0.12);
}

body.woocommerce-account #customer_login > .col-lg-6:nth-of-type(1) .box-content::before {
	content: 'Welcome back to FlexiDesignX';
	display: block;
	font-size: 0.9rem;
	color: #999;
	margin-bottom: 1.75rem;
	text-align: center;
	letter-spacing: 0.01em;
}

body.woocommerce-account #customer_login > .col-lg-6:nth-of-type(2) .box-content::before {
	content: 'Create an account to track your orders';
	display: block;
	font-size: 0.9rem;
	color: #999;
	margin-bottom: 1.75rem;
	text-align: center;
	letter-spacing: 0.01em;
}

/* ==========================================================================
   Form Labels
   ========================================================================== */

body.woocommerce-account .box-form-login label {
	display: block;
	font-size: 0.8rem;
	font-weight: 700;
	color: #444;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

body.woocommerce-account .box-form-login .rememberme label,
body.woocommerce-account .box-form-login label.inline {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
	font-size: 0.875rem;
	color: #555;
}

/* ==========================================================================
   Form Inputs
   ========================================================================== */

body.woocommerce-account .box-form-login .box-content .input-text,
body.woocommerce-account .box-form-login .box-content input[type="text"],
body.woocommerce-account .box-form-login .box-content input[type="email"],
body.woocommerce-account .box-form-login .box-content input[type="password"],
body.woocommerce-account .box-form-login .input-text,
body.woocommerce-account .box-form-login input[type="text"],
body.woocommerce-account .box-form-login input[type="email"],
body.woocommerce-account .box-form-login input[type="password"] {
	display: block;
	width: 100%;
	height: 52px;
	border: 1.5px solid #e0dbd8;
	border-radius: 10px;
	padding: 0 18px;
	font-size: 0.95rem;
	font-family: inherit;
	color: #222;
	background: #faf7f5;
	transition: all 0.25s ease;
	box-sizing: border-box;
	margin-bottom: 1.25rem;
}

body.woocommerce-account .box-form-login .box-content .input-text:focus,
body.woocommerce-account .box-form-login .box-content input[type="text"]:focus,
body.woocommerce-account .box-form-login .box-content input[type="email"]:focus,
body.woocommerce-account .box-form-login .box-content input[type="password"]:focus,
body.woocommerce-account .box-form-login .input-text:focus,
body.woocommerce-account .box-form-login input[type="text"]:focus,
body.woocommerce-account .box-form-login input[type="email"]:focus,
body.woocommerce-account .box-form-login input[type="password"]:focus {
	border-color: var(--fdx-gold, #C4A882);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(196, 168, 130, 0.1);
	outline: none;
}

body.woocommerce-account .box-form-login input::placeholder {
	color: #bbb;
}

/* ==========================================================================
   Submit Buttons
   ========================================================================== */

body.woocommerce-account .box-form-login input[type="submit"],
body.woocommerce-account .box-form-login button[type="submit"],
body.woocommerce-account .box-form-login .button {
	display: block;
	width: 100%;
	height: 52px;
	background: linear-gradient(135deg, var(--fdx-accent) 0%, var(--fdx-accent-hover) 100%);
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	transition: all 0.25s ease;
	margin-top: 0.75rem;
	-webkit-appearance: none;
	box-shadow: 0 4px 12px rgba(26, 26, 26, 0.25);
	letter-spacing: 0.02em;
}

body.woocommerce-account .box-form-login input[type="submit"]:hover,
body.woocommerce-account .box-form-login button[type="submit"]:hover,
body.woocommerce-account .box-form-login .button:hover {
	background: linear-gradient(135deg, var(--fdx-accent-hover) 0%, var(--fdx-accent) 100%);
	box-shadow: 0 6px 20px rgba(26, 26, 26, 0.35);
	transform: translateY(-1px);
}

body.woocommerce-account .box-form-login input[type="submit"]:active,
body.woocommerce-account .box-form-login button[type="submit"]:active,
body.woocommerce-account .box-form-login .button:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(26, 26, 26, 0.2);
}

/* ==========================================================================
   Remember Me + Lost Password
   ========================================================================== */

body.woocommerce-account .rememberme-lost {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
	flex-wrap: wrap;
	gap: 0.5rem;
}

body.woocommerce-account .rememberme {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: #555;
}

body.woocommerce-account .rememberme input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: var(--fdx-gold, #C4A882);
	cursor: pointer;
	border-radius: 4px;
}

body.woocommerce-account .lost_password a {
	color: var(--fdx-gold, #C4A882);
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s ease;
}

body.woocommerce-account .lost_password a:hover {
	color: var(--fdx-gold-hover, #B09670);
	text-decoration: underline;
}

/* ==========================================================================
   Privacy + Switch Link
   ========================================================================== */

body.woocommerce-account .woocommerce-privacy-policy-text p {
	font-size: 0.8rem;
	color: #aaa;
	line-height: 1.6;
	margin-bottom: 1rem;
}

body.woocommerce-account .woocommerce-privacy-policy-text a {
	color: var(--fdx-gold, #C4A882);
	font-weight: 600;
}

/* Switch link at bottom of form */
.fdx-account-switch {
	text-align: center;
	padding: 20px 32px;
	background: #faf7f5;
	font-size: 0.875rem;
	color: #999;
}

.fdx-account-switch a {
	color: var(--fdx-gold, #C4A882);
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

.fdx-account-switch a:hover {
	color: var(--fdx-gold-hover, #B09670);
	text-decoration: underline;
}

/* ==========================================================================
   Dashboard (Logged In) — Modern Layout
   ========================================================================== */

/* Widen layout for logged-in dashboard */
body.woocommerce-account.logged-in .woocommerce {
	max-width: 1100px;
	padding: 2rem 1.5rem;
}

/* --- User Welcome Banner --- */
.fdx-account-welcome {
	background: var(--fdx-accent);
	border-radius: 16px;
	padding: 28px 32px;
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 1.5rem;
	position: relative;
	overflow: hidden;
}

.fdx-account-welcome::after {
	content: '';
	position: absolute;
	top: -40%;
	right: -5%;
	width: 200px;
	height: 200px;
	background: radial-gradient(circle, rgba(196, 168, 130, 0.15) 0%, transparent 70%);
	pointer-events: none;
}

.fdx-account-welcome__avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--fdx-gold, #C4A882);
	color: #1A1A1A;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	font-weight: 800;
	flex-shrink: 0;
}

.fdx-account-welcome__info {
	flex: 1;
}

.fdx-account-welcome__name {
	font-size: 1.15rem;
	font-weight: 700;
	color: #fff;
	margin: 0 0 4px;
}

.fdx-account-welcome__subtitle {
	font-size: 0.82rem;
	color: rgba(255,255,255,0.5);
	margin: 0;
}

.fdx-account-welcome__logout {
	font-size: 0.78rem;
	color: rgba(255,255,255,0.4);
	text-decoration: none;
	padding: 6px 14px;
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 6px;
	transition: all 0.15s;
}

.fdx-account-welcome__logout:hover {
	color: #fff;
	border-color: rgba(255,255,255,0.4);
}

/* --- Two-Column Layout: Sidebar Nav + Content --- */
.fdx-account-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}

@media (min-width: 768px) {
	.fdx-account-layout {
		grid-template-columns: 220px 1fr;
	}
}

/* --- Sidebar Navigation --- */
body.woocommerce-account .woocommerce-MyAccount-navigation {
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 8px 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-bottom: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
	padding: 12px 20px;
	font-size: 0.88rem;
	font-weight: 500;
	color: #666;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.15s;
	border-left: 3px solid transparent;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--fdx-gold-light, #F5F0EA);
	color: #1A1A1A;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--fdx-gold-light, #F5F0EA);
	border-left-color: var(--fdx-gold, #C4A882);
	font-weight: 700;
	color: #1A1A1A;
}

/* Nav SVG icons — injected by JS, styled here */
body.woocommerce-account .woocommerce-MyAccount-navigation li a svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	stroke: #999;
	stroke-width: 1.8;
	fill: none;
	transition: stroke 0.15s;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover svg {
	stroke: #1A1A1A;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a svg {
	stroke: var(--fdx-gold, #C4A882);
}

/* --- Content Area --- */
body.woocommerce-account .woocommerce-MyAccount-content {
	flex: 1;
	min-width: 0;
}

/* Hide default WC greeting paragraphs — replaced by welcome banner + cards */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p {
	display: none;
}

/* But show paragraphs inside other pages (orders, addresses, etc.) */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form p,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order-details p {
	display: block;
}

/* Dashboard quick-action cards (injected by JS) */
.fdx-dashboard-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 14px;
	margin-bottom: 1.5rem;
}

.fdx-dashboard-card {
	background: #fff;
	border-radius: 14px;
	padding: 24px 20px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	text-decoration: none;
	transition: all 0.2s;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border: 1px solid transparent;
}

.fdx-dashboard-card:hover {
	border-color: var(--fdx-gold, #C4A882);
	box-shadow: 0 4px 20px rgba(196, 168, 130, 0.15);
	transform: translateY(-2px);
}

.fdx-dashboard-card__icon {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--fdx-gold-light, #F5F0EA);
	border-radius: 10px;
}

.fdx-dashboard-card__icon svg {
	width: 22px;
	height: 22px;
	stroke: var(--fdx-gold, #C4A882);
	stroke-width: 1.8;
	fill: none;
}

.fdx-dashboard-card:hover .fdx-dashboard-card__icon svg {
	stroke: #1A1A1A;
}

.fdx-dashboard-card__title {
	font-size: 0.92rem;
	font-weight: 700;
	color: #1A1A1A;
}

.fdx-dashboard-card__desc {
	font-size: 0.78rem;
	color: #999;
	line-height: 1.4;
}

/* Style content paragraphs and tables */
body.woocommerce-account .woocommerce-MyAccount-content > p,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info {
	background: #fff;
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	margin-bottom: 1rem;
}

body.woocommerce-account .woocommerce-MyAccount-content table {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	width: 100%;
	border-collapse: collapse;
}

body.woocommerce-account .woocommerce-MyAccount-content table th {
	background: #faf7f5;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #999;
	padding: 12px 16px;
}

body.woocommerce-account .woocommerce-MyAccount-content table td {
	padding: 14px 16px;
	font-size: 0.88rem;
	border-top: 1px solid #f0ece9;
}

/* No orders message */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
	text-align: center;
	font-size: 0.92rem;
	color: #888;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {
	display: none;
}

/* Buttons in account area */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content a.button {
	background: var(--fdx-accent);
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.15s;
	display: inline-block;
}

body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content a.button:hover {
	background: #333;
}

/* ==========================================================================
   View Order Page (My Account > Orders > View)
   ========================================================================== */

/* Order status banner */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type mark {
	background: none;
	padding: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	background: #fff;
	border-radius: 12px;
	padding: 16px 20px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
	margin-bottom: 1.25rem;
	font-size: 0.88rem;
	color: #666;
}

body.woocommerce-account .woocommerce-MyAccount-content mark.order-number {
	font-weight: 800;
	color: #1A1A1A;
	font-size: 1rem;
}

body.woocommerce-account .woocommerce-MyAccount-content mark.order-date {
	font-weight: 600;
	color: #1A1A1A;
}

body.woocommerce-account .woocommerce-MyAccount-content mark.order-status {
	background: var(--fdx-gold-light, #F5F0EA);
	color: var(--fdx-gold, #C4A882);
	font-weight: 700;
	padding: 3px 12px;
	border-radius: 20px;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Order details section */
body.woocommerce-account .woocommerce-order-details {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
	padding: 20px 24px;
	margin-bottom: 1.25rem;
}

body.woocommerce-account .woocommerce-order-details__title {
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #1A1A1A;
	margin: 0 0 1rem;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid #f0ece9;
}

/* Order table inside account */
body.woocommerce-account .woocommerce-table--order-details {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

body.woocommerce-account .woocommerce-table--order-details thead th {
	background: #faf7f5;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #999;
	padding: 10px 14px;
	border: none;
}

body.woocommerce-account .woocommerce-table--order-details td {
	padding: 14px;
	border-top: 1px solid #f0ece9;
	font-size: 0.88rem;
	vertical-align: top;
}

body.woocommerce-account .woocommerce-table--order-details .product-name a {
	color: #1A1A1A;
	font-weight: 600;
	text-decoration: none;
}

body.woocommerce-account .woocommerce-table--order-details .product-name a:hover {
	color: var(--fdx-gold, #C4A882);
}

body.woocommerce-account .woocommerce-table--order-details .product-quantity {
	color: #999;
	font-weight: 500;
}

/* Variation meta */
body.woocommerce-account .wc-item-meta {
	list-style: none;
	padding: 0;
	margin: 6px 0 0;
}

body.woocommerce-account .wc-item-meta li {
	font-size: 0.78rem;
	color: #999;
	display: inline;
	margin-right: 10px;
}

body.woocommerce-account .wc-item-meta li p {
	display: inline;
	margin: 0;
}

body.woocommerce-account .wc-item-meta .wc-item-meta-label {
	font-weight: 600;
	color: #888;
}

/* Totals rows */
body.woocommerce-account .woocommerce-table--order-details tfoot th {
	font-size: 0.82rem;
	font-weight: 600;
	color: #666;
	padding: 10px 14px;
	text-align: right;
	border: none;
	border-top: 1px solid #f0ece9;
}

body.woocommerce-account .woocommerce-table--order-details tfoot td {
	font-size: 0.9rem;
	font-weight: 600;
	padding: 10px 14px;
	border: none;
	border-top: 1px solid #f0ece9;
}

body.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child th {
	font-weight: 800;
	color: #1A1A1A;
	text-transform: uppercase;
	font-size: 0.85rem;
	border-top: 2px solid var(--fdx-gold, #C4A882);
}

body.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child td {
	font-weight: 800;
	color: var(--fdx-gold, #C4A882);
	font-size: 1.05rem;
	border-top: 2px solid var(--fdx-gold, #C4A882);
}

/* Customer details / Billing address inside account */
body.woocommerce-account .woocommerce-customer-details {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
	padding: 20px 24px;
	margin-bottom: 1.25rem;
}

body.woocommerce-account .woocommerce-customer-details h2,
body.woocommerce-account .woocommerce-column__title {
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #1A1A1A;
	margin: 0 0 0.75rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #f0ece9;
}

body.woocommerce-account .woocommerce-customer-details address {
	font-size: 0.88rem;
	line-height: 1.7;
	color: #666;
	font-style: normal;
}

/* ==========================================================================
   Edit Address Page
   ========================================================================== */

/* Info paragraph */
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p {
	display: block !important;
	background: #fff;
	border-radius: 12px;
	padding: 14px 20px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
	margin-bottom: 1.25rem;
	font-size: 0.88rem;
	color: #888;
}

/* Address columns */
body.woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .col-1.woocommerce-Address,
body.woocommerce-account .col-2.woocommerce-Address {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
	padding: 20px 24px;
	margin-bottom: 1.25rem;
}

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0ece9;
}

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title h2 {
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #1A1A1A;
	margin: 0;
}

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title .edit {
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--fdx-gold, #C4A882);
	text-decoration: none;
	padding: 4px 12px;
	border: 1px solid var(--fdx-gold, #C4A882);
	border-radius: 6px;
	transition: all 0.15s;
}

body.woocommerce-account .woocommerce-Address .woocommerce-Address-title .edit:hover {
	background: var(--fdx-gold, #C4A882);
	color: #fff;
}

body.woocommerce-account .woocommerce-Address address {
	font-size: 0.9rem;
	line-height: 1.7;
	color: #555;
	font-style: normal;
}

/* ==========================================================================
   Edit Account Page
   ========================================================================== */

/* Wrap the edit account form in a card */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
	padding: 28px 24px;
}

/* Form labels */
body.woocommerce-account .woocommerce-MyAccount-content .form-row label {
	font-size: 0.82rem;
	font-weight: 600;
	color: #555;
	margin-bottom: 6px;
	display: block;
}

/* Form inputs */
body.woocommerce-account .woocommerce-MyAccount-content .form-row input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content .form-row input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content .form-row input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content .form-row input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content .form-row input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content .form-row select {
	border: 1.5px solid #e5e0dc;
	border-radius: 10px;
	padding: 0.7rem 0.9rem;
	font-size: 0.92rem;
	width: 100%;
	height: 48px;
	transition: border-color 0.15s;
	background: #faf7f5;
}

body.woocommerce-account .woocommerce-MyAccount-content .form-row input:focus,
body.woocommerce-account .woocommerce-MyAccount-content .form-row select:focus {
	border-color: var(--fdx-gold, #C4A882);
	outline: none;
	box-shadow: 0 0 0 3px rgba(196, 168, 130, 0.1);
	background: #fff;
}

/* Helper text */
body.woocommerce-account .woocommerce-MyAccount-content em {
	font-size: 0.78rem;
	color: #aaa;
	display: block;
	margin-top: 4px;
}

/* Password change fieldset */
body.woocommerce-account .woocommerce-MyAccount-content fieldset {
	border: 1px solid #f0ece9;
	border-radius: 10px;
	padding: 20px;
	margin: 1.5rem 0;
}

body.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
	font-size: 0.82rem;
	font-weight: 700;
	color: #1A1A1A;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0 8px;
}

/* Password toggle buttons */
body.woocommerce-account .woocommerce-MyAccount-content .show-password-input {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	color: #bbb;
	transition: color 0.15s;
}

body.woocommerce-account .woocommerce-MyAccount-content .show-password-input:hover {
	color: #666;
}

/* Save changes button */
body.woocommerce-account .woocommerce-MyAccount-content button[name="save_account_details"],
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button--save {
	background: var(--fdx-accent);
	color: #fff;
	border: none;
	border-radius: 0;
	height: 48px;
	line-height: 48px;
	padding: 0 32px;
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
	transition: all 0.2s;
	box-shadow: 0 4px 14px rgba(26,26,26,0.15);
	margin-top: 8px;
}

body.woocommerce-account .woocommerce-MyAccount-content button[name="save_account_details"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button--save:hover {
	background: #333;
	box-shadow: 0 6px 20px rgba(26,26,26,0.25);
}

/* Edit billing/shipping address form */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.04);
	padding: 28px 24px;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields h3 {
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #1A1A1A;
	margin: 0 0 1rem;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid #f0ece9;
}

/* Save address button */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields button[type="submit"] {
	background: var(--fdx-accent);
	color: #fff;
	border: none;
	border-radius: 0;
	height: 48px;
	line-height: 48px;
	padding: 0 32px;
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
	transition: all 0.2s;
	box-shadow: 0 4px 14px rgba(26,26,26,0.15);
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields button[type="submit"]:hover {
	background: #333;
}

/* Account content links */
body.woocommerce-account .woocommerce-MyAccount-content .form-row input,
body.woocommerce-account .woocommerce-MyAccount-content .form-row select {
	border: 1.5px solid #e5e0dc;
	border-radius: 10px;
	padding: 0.7rem 0.9rem;
	font-size: 0.92rem;
	width: 100%;
	transition: border-color 0.15s;
}

body.woocommerce-account .woocommerce-MyAccount-content .form-row input:focus,
body.woocommerce-account .woocommerce-MyAccount-content .form-row select:focus {
	border-color: var(--fdx-gold, #C4A882);
	outline: none;
	box-shadow: 0 0 0 3px rgba(196, 168, 130, 0.1);
}

/* Account content links */
body.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--fdx-gold, #C4A882);
	font-weight: 600;
}

/* ==========================================================================
   Lost Password
   ========================================================================== */

body.woocommerce-account .woocommerce-ResetPassword,
body.woocommerce-account form.lost_reset_password {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 24px rgba(196, 168, 130, 0.08);
	padding: 40px 32px;
	max-width: 480px;
	margin: 2rem auto;
	position: relative;
}

body.woocommerce-account .woocommerce-ResetPassword::before,
body.woocommerce-account form.lost_reset_password::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--fdx-gold, #C4A882), var(--fdx-gold-hover, #B09670));
	border-radius: 16px 16px 0 0;
}

body.woocommerce-account .woocommerce-ResetPassword .input-text,
body.woocommerce-account form.lost_reset_password .input-text {
	display: block;
	width: 100%;
	height: 52px;
	border: 1.5px solid #e0dbd8;
	border-radius: 10px;
	padding: 0 18px;
	font-size: 0.95rem;
	font-family: inherit;
	color: #222;
	background: #faf7f5;
	transition: all 0.25s ease;
}

body.woocommerce-account .woocommerce-ResetPassword .input-text:focus,
body.woocommerce-account form.lost_reset_password .input-text:focus {
	border-color: var(--fdx-gold, #C4A882);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(196, 168, 130, 0.1);
	outline: none;
}

body.woocommerce-account .woocommerce-ResetPassword button[type="submit"],
body.woocommerce-account form.lost_reset_password input[type="submit"] {
	display: block;
	width: 100%;
	height: 52px;
	background: linear-gradient(135deg, var(--fdx-accent) 0%, var(--fdx-accent-hover) 100%);
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	transition: all 0.25s ease;
	margin-top: 0.75rem;
	box-shadow: 0 4px 12px rgba(26, 26, 26, 0.25);
}

body.woocommerce-account .woocommerce-ResetPassword button[type="submit"]:hover,
body.woocommerce-account form.lost_reset_password input[type="submit"]:hover {
	background: linear-gradient(135deg, var(--fdx-accent-hover) 0%, var(--fdx-accent) 100%);
	box-shadow: 0 6px 20px rgba(26, 26, 26, 0.35);
	transform: translateY(-1px);
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767px) {
	body.woocommerce-account .woocommerce {
		padding: 1.5rem 1rem;
	}

	body.woocommerce-account .box-form-login .box-content {
		padding: 24px 20px;
	}

	body.woocommerce-account .woocommerce-MyAccount-content {
		padding-left: 0;
		margin-top: 1rem;
	}
}