/* Account page theme: colors only, no layout changes */
body.account {
  --bg-dark: #1c120d;
  --bg-darker: #140c08;
  --gold: #d9b56b;
}

/* Navbar */
body.account .navbar { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important; }
body.account .nav-menu a { color: #DCC9A7 !important; }
body.account .nav-menu a:hover { color: var(--gold) !important; }
/* Match home: beige pill */
body.account .lang-btn, body.account #cart-count { background: #DCC9A7 !important; color: var(--bg-darker) !important; }

/* Hero */
body.account .account-hero { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }
/* Page background */
body.account, body.account .account-content { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }
/* After removing the hero, give the content extra top padding so it clears the fixed navbar */
body.account .account-content { padding-top: 120px !important; }
@media (max-width: 768px){ body.account .account-content { padding-top: 96px !important; } }
body.account .account-hero .hero-badge,
body.account .account-hero h1,
body.account .account-hero p { color: var(--gold) !important; }

/* Auth box + dashboard cards */
body.account .auth-container,
body.account .dashboard-card { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important; }
body.account .auth-tabs .auth-tab,
body.account .card-header h3,
body.account .card-header .view-all,
body.account .orders-list .order-item h4,
body.account .orders-list .order-item p,
body.account .order-status,
body.account .setting-item span { color: var(--gold) !important; }
body.account .dashboard-header .user-info h2,
body.account .dashboard-header .user-info p { color: var(--gold) !important; }
body.account .dashboard-header .user-avatar i { color: var(--gold) !important; }

/* Auth: tabs, forms, links */
body.account .auth-tabs { background: transparent !important; border-bottom: 1px solid rgba(217,181,107,0.25) !important; }
body.account .auth-tabs .auth-tab { background: transparent !important; border: 1px solid rgba(217,181,107,0.35) !important; color: var(--gold) !important; }
body.account .auth-tabs .auth-tab.active { border-color: var(--gold) !important; box-shadow: 0 0 0 2px rgba(217,181,107,0.25) inset !important; }
body.account .auth-form { background: transparent !important; }
body.account .form-header h2, body.account .form-header p { color: var(--gold) !important; }
body.account .form-group label i { color: var(--gold) !important; }
body.account .checkbox-option span, body.account .forgot-password, body.account .form-options a { color: var(--gold) !important; }
body.account .form-message { background: transparent !important; color: var(--gold) !important; border: 1px solid rgba(217,181,107,0.45) !important; }

/* Inputs and labels */
body.account .form-group label,
body.account .form-header h2,
body.account .form-header p { color: var(--gold) !important; }
body.account input,
body.account select { background: transparent !important; color: #DCC9A7 !important; border: 1px solid rgba(220,201,167,0.55) !important; }
body.account input::placeholder,
body.account select::placeholder { color: rgba(220,201,167,0.65) !important; }
/* Helper hint text under inputs */
body.account .form-group small { color: var(--gold) !important; opacity: 0.9; }

/* Profile/Edit page specific text to beige */
body.account .profile-header .who h3,
body.account .profile-header .who .muted,
body.account .settings-page-grid .card-header h3,
body.account .settings-form label,
body.account .settings-form .help,
body.account .settings-form .inline label,
body.account .settings-form .inline .help { color: var(--gold) !important; }
body.account .settings-form input,
body.account .settings-form select,
body.account .settings-form textarea { background: transparent !important; color: #DCC9A7 !important; border: 1px solid rgba(220,201,167,0.55) !important; }
body.account .settings-form input::placeholder,
body.account .settings-form textarea::placeholder { color: rgba(220,201,167,0.65) !important; }

/* Buttons */
body.account .btn-primary,
body.account .btn-outline { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; }
body.account .btn-primary:hover,
body.account .btn-outline:hover { background: rgba(217,181,107,0.15) !important; color: #000000 !important; }

/* Solid beige hover for key actions on profile page */
#pfSave.btn-primary:hover,
#pwSendCode.btn-primary:hover,
#pwVerify.btn-primary:hover {
  background: #DCC9A7 !important;
  color: #000000 !important;
  border-color: #DCC9A7 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.25) !important;
}
/* Addresses: Save Address hover to solid beige */
#adAdd.btn-primary:hover {
  background: #DCC9A7 !important;
  color: #000000 !important;
  border-color: #DCC9A7 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.25) !important;
}

/* Lists and chips */
body.account .orders-list .order-item { border-bottom: 1px dashed rgba(217,181,107,0.35) !important; }
body.account .order-status { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; }
body.account .favorites-grid .favorite-item { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.18) !important; }
/* Notifications page tweaks */
body.account .toggle-copy .title,
body.account .toggle-copy .help { color: var(--gold) !important; }
body.account .switch .switch-slider { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; }
body.account .switch input:checked + .switch-slider { background: rgba(217,181,107,0.25) !important; border-color: rgba(217,181,107,0.65) !important; }
/* Save hover solid beige */
#ntSave.btn-primary:hover { background:#DCC9A7 !important; color:#000000 !important; border-color:#DCC9A7 !important; box-shadow:0 10px 24px rgba(0,0,0,0.25) !important; }
/* Payments page: transparent cards + beige texts */
body.account .pm-card { background: transparent !important; border:1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.18) !important; }
body.account .pm-card *, body.account .brand-chip, body.account .brand-chip i { color: var(--gold) !important; border-color: rgba(217,181,107,0.45) !important; }
body.account .brand-accept .muted { color: var(--gold) !important; }
body.account .payment-grid .list-header, body.account .payment-grid .list-header * { color: var(--gold) !important; }
/* Save Card hover solid beige */
#pmAdd.btn-primary:hover { background:#DCC9A7 !important; color:#000000 !important; border-color:#DCC9A7 !important; box-shadow:0 10px 24px rgba(0,0,0,0.25) !important; }

/* Addresses page: transparent cards + beige text */
body.account .address-card, 
body.account #addrList .address-card { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.18) !important; }
body.account .address-card *,
body.account .address-list .address-card * { color: var(--gold) !important; }
body.account .add-address { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.18) !important; }
body.account .add-address .section-title { border-bottom: 1px solid rgba(217,181,107,0.35) !important; color: var(--gold) !important; }
body.account .address-empty { background: transparent !important; border: 1px dashed rgba(217,181,107,0.45) !important; }
body.account .address-empty .title,
body.account .address-empty .muted { color: var(--gold) !important; }
body.account .list-header, body.account .list-header * { color: var(--gold) !important; }
body.account .map-wrap { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; }
/* Favorites text colors */
body.account .favorites-grid .favorite-item span,
body.account .favorites-grid .favorite-item .fav-title,
body.account .favorites-grid .favorite-item .fav-price { color: var(--gold) !important; }

/* Dashboard header (Hello, User) card */
body.account .dashboard-header { background: transparent !important; border: 1px solid rgba(217,181,107,0.35) !important; box-shadow: 0 12px 32px rgba(0,0,0,0.18) !important; border-radius: 16px; padding: 16px 18px; }
body.account .dashboard-header .user-welcome { background: transparent !important; }
body.account .dashboard-header .user-avatar { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; border-radius: 12px !important; }
body.account .dashboard-header .user-avatar i,
body.account .dashboard-header .user-info h2,
body.account .dashboard-header .user-info p { color: var(--gold) !important; }

/* Settings list items and links */
body.account .setting-item { background: transparent !important; border: 1px solid rgba(217,181,107,0.35) !important; color: var(--gold) !important; }
body.account .setting-item i { color: var(--gold) !important; }
body.account .setting-item:hover { background: rgba(217,181,107,0.10) !important; }
body.account .card-header .view-all { color: var(--gold) !important; }

/* Ensure all buttons on account dashboard remain transparent with beige text */
body.account .dashboard-section .btn-outline,
body.account .dashboard-section .btn-primary { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; box-shadow: none !important; }
body.account .dashboard-section .btn-outline:hover,
body.account .dashboard-section .btn-primary:hover { background: rgba(217,181,107,0.15) !important; color: #000000 !important; }

/* Orders list container and items */
body.account .orders-list { background: transparent !important; }
body.account .orders-list .order-item { background: transparent !important; }

/* Footer */
body.account .footer { background: #DCC9A7 !important; color: #000000 !important; }
body.account .footer h3,
body.account .footer a,
body.account .footer p { color: #000000 !important; }
body.account .footer .footer-section h3::after { background: #000000 !important; }