/* ==========================================================================
   AMANAH — ACCOUNT AREA CSS v2.0
   Complete rebuild. Single source of truth for all account pages.
   Mobile-first, then desktop via min-width media queries.
   ========================================================================== */

/* --------------------------------------------------------------------------
   DESIGN TOKENS
   -------------------------------------------------------------------------- */
   :root {
    --am-gold:          #C9A84C;
    --am-gold-light:    #E2C97E;
    --am-gold-faint:    #FBF8EF;
    --am-black:         #0A0A0A;
    --am-ink:           #1A1A1A;
    --am-muted:         #6B6560;
    --am-border:        #E2DDD6;
    --am-border-light:  #EDE8E0;
    --am-surface:       #FDFBF7;
    --am-cream:         #F8F5EF;
    --am-white:         #FFFFFF;
    --am-red:           #B94040;
    --am-red-bg:        #FDF3F3;
    --am-red-border:    #E8C4C4;
    --am-green:         #2D7A4F;
    --am-green-bg:      #F0FAF4;
    --am-green-border:  #A8D9BC;
    --am-orange:        #B06A20;
    --am-orange-bg:     #FDF6EE;
    --am-orange-border: #E8D0B0;
    --am-blue:          #2D5FB0;
    --am-blue-bg:       #EEF4FF;
    --am-blue-border:   #BDD0F0;
    --am-purple:        #6B47C4;
    --am-purple-bg:     #F5F0FF;
    --am-purple-border: #CBB8F0;
    --font-display:     'Cormorant Garamond', Georgia, serif;
    --font-body:        'AkkuratPro', sans-serif;
    --nav-width:        240px;
    --content-max:      1100px;
    --radius-sm:        2px;
    --radius-md:        6px;
    --transition:       0.2s ease;
  }
  
  /* --------------------------------------------------------------------------
     RESET SAVOY FLOATS — kills shop.css float:left; width:25%; overflow:hidden
     -------------------------------------------------------------------------- */
  .woocommerce-MyAccount-navigation {
    float: none !important; width: auto !important; overflow: visible !important;
    margin: 0 !important; padding: 0 !important;
  }
  .woocommerce-MyAccount-content {
    float: none !important; width: auto !important; margin-left: 0 !important;
    overflow: visible !important;
  }
  body.woocommerce-account .am-page-content-inner,
  body.woocommerce-account .am-container.am-page-content-inner {
    max-width: 100% !important; padding-top: 0 !important; background: transparent !important;
  }
  body.woocommerce-account .am-page-hero,
  body.woocommerce-account section.am-page-hero,
  body.woocommerce-account .am-hero,
  body.woocommerce-account .am-page-hero-wrap,
  body.woocommerce-account .am-title-bar,
  body.woocommerce-account .am-page-title-bar {
    display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important;
  }
  body.woocommerce-account .am-page-body,
  body.woocommerce-account section.am-page-body,
  body.woocommerce-account .am-page-content { padding-top: 0 !important; }
  .nm-myaccount-login, .nm-myaccount-lost-reset-password {
    width: 100% !important; max-width: 100% !important;
    margin: 0 !important; padding: 0 !important; overflow: visible !important;
  }
  body.woocommerce-account .am-footer-trust { display: none !important; }
  body.woocommerce-account { background: var(--am-cream) !important; }
  
  /* --------------------------------------------------------------------------
     A — LOGGED-OUT: Login / Register / Lost Password
     -------------------------------------------------------------------------- */
  body.woocommerce-account:not(.logged-in) .am-container.am-page-content-inner,
  body.woocommerce-account:not(.logged-in) .woocommerce {
    display: flex !important; justify-content: center !important;
    align-items: flex-start !important; min-height: 70vh !important;
    padding: 48px 20px 80px !important; background: var(--am-cream) !important;
  }
  body.woocommerce-account:not(.logged-in) div.woocommerce {
    width: 100% !important; max-width: 480px !important;
    margin: 0 auto !important; display: block !important;
  }
  #customer_login { display: block !important; width: 100% !important; }
  #customer_login .u-column1,
  #customer_login .u-column2 { width: 100% !important; float: none !important; padding: 0 !important; margin: 0 !important; }
  #customer_login .u-column1 {
    background: var(--am-white) !important; border: 1px solid var(--am-border) !important;
    border-radius: var(--radius-md) !important; padding: 40px 36px !important;
    box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important;
  }
  #customer_login .u-column2 {
    background: var(--am-surface) !important; border: 1px solid var(--am-border) !important;
    border-radius: var(--radius-md) !important; padding: 32px 36px !important; margin-top: 16px !important;
  }
  #customer_login h2 {
    font-family: var(--font-display) !important; font-size: 26px !important;
    font-weight: 500 !important; letter-spacing: 0.03em !important;
    color: var(--am-ink) !important; margin: 0 0 28px !important;
    text-align: center !important; text-transform: none !important;
  }
  #customer_login label, .woocommerce-form-login label, .woocommerce-form-register label {
    display: block !important; font-family: var(--font-body) !important;
    font-size: 10px !important; font-weight: 600 !important;
    letter-spacing: 0.12em !important; text-transform: uppercase !important;
    color: var(--am-muted) !important; margin-bottom: 6px !important;
  }
  #customer_login input[type="text"],
  #customer_login input[type="email"],
  #customer_login input[type="password"],
  .nm-myaccount-login input {
    width: 100% !important; height: 48px !important; padding: 0 14px !important;
    font-family: var(--font-body) !important; font-size: 14px !important;
    color: var(--am-ink) !important; background: var(--am-cream) !important;
    border: 1px solid var(--am-border) !important; border-radius: var(--radius-sm) !important;
    outline: none !important; box-shadow: none !important;
    transition: border-color var(--transition) !important; box-sizing: border-box !important;
  }
  #customer_login input:focus { border-color: var(--am-gold) !important; background: var(--am-white) !important; }
  #customer_login .woocommerce-LostPassword a, .lost_password a {
    font-family: var(--font-body) !important; font-size: 12px !important;
    color: var(--am-gold) !important; text-decoration: none !important;
  }
  #customer_login button[type="submit"], #customer_login .button,
  .woocommerce-form-login__submit, .woocommerce-form-register__submit {
    width: 100% !important; height: 50px !important;
    background: var(--am-black) !important; color: var(--am-white) !important;
    font-family: var(--font-body) !important; font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.16em !important; text-transform: uppercase !important;
    border: none !important; border-radius: var(--radius-sm) !important;
    cursor: pointer !important; margin-top: 20px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    transition: background var(--transition) !important;
  }
  #customer_login button:hover, #customer_login .button:hover {
    background: var(--am-gold) !important; color: var(--am-black) !important;
  }
  body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword,
  body.woocommerce-account:not(.logged-in) form.lost_reset_password,
  .nm-myaccount-lost-reset-password form {
    background: var(--am-white) !important; border: 1px solid var(--am-border) !important;
    border-radius: var(--radius-md) !important; padding: 40px 36px !important;
    box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important;
    max-width: 480px !important; margin: 0 auto !important; width: 100% !important;
  }
  
  /* --------------------------------------------------------------------------
     B — NOTICES
     -------------------------------------------------------------------------- */
  .woocommerce-notices-wrapper { width: 100% !important; margin: 0 0 20px !important; padding: 0 !important; }
  .woocommerce-error, ul.woocommerce-error {
    list-style: none !important; margin: 0 0 20px !important; padding: 0 !important;
    background: none !important; border: none !important; box-shadow: none !important;
  }
  .woocommerce-error li, ul.woocommerce-error li {
    display: flex !important; align-items: flex-start !important; gap: 10px !important;
    background: var(--am-red-bg) !important; border: 1px solid var(--am-red-border) !important;
    border-left: 3px solid var(--am-red) !important; border-radius: var(--radius-sm) !important;
    padding: 12px 16px !important; margin-bottom: 6px !important;
    font-family: var(--font-body) !important; font-size: 13px !important;
    font-weight: 500 !important; color: var(--am-red) !important;
    line-height: 1.5 !important; list-style: none !important;
  }
  .woocommerce-error li::before {
    content: "✕" !important; font-size: 11px !important; font-weight: 700 !important;
    color: var(--am-red) !important; flex-shrink: 0 !important; margin-top: 1px !important;
  }
  .woocommerce-message {
    display: flex !important; align-items: flex-start !important; gap: 10px !important;
    background: var(--am-green-bg) !important; border: 1px solid var(--am-green-border) !important;
    border-left: 3px solid var(--am-green) !important; border-radius: var(--radius-sm) !important;
    padding: 12px 16px !important; margin: 0 0 20px !important;
    font-family: var(--font-body) !important; font-size: 13px !important;
    font-weight: 500 !important; color: var(--am-green) !important; line-height: 1.5 !important;
  }
  .woocommerce-message::before {
    content: "✓" !important; font-size: 13px !important; font-weight: 700 !important;
    color: var(--am-green) !important; flex-shrink: 0 !important;
  }
  .woocommerce-info {
    display: flex !important; align-items: flex-start !important; gap: 10px !important;
    background: var(--am-orange-bg) !important; border: 1px solid var(--am-orange-border) !important;
    border-left: 3px solid var(--am-orange) !important; border-radius: var(--radius-sm) !important;
    padding: 12px 16px !important; margin: 0 0 20px !important;
    font-family: var(--font-body) !important; font-size: 13px !important;
    font-weight: 500 !important; color: var(--am-orange) !important; line-height: 1.5 !important;
  }
  .woocommerce-info::before {
    content: "ℹ" !important; font-size: 14px !important;
    color: var(--am-orange) !important; flex-shrink: 0 !important;
  }
  .woocommerce-info .button, .woocommerce-info a.button,
  .woocommerce-message .button, .woocommerce-message a.button {
    display: inline-flex !important; align-items: center !important; height: 34px !important;
    padding: 0 16px !important; margin-left: 10px !important;
    background: var(--am-black) !important; color: var(--am-white) !important;
    font-family: var(--font-body) !important; font-size: 9px !important; font-weight: 700 !important;
    letter-spacing: 0.12em !important; text-transform: uppercase !important;
    text-decoration: none !important; border: none !important;
    border-radius: var(--radius-sm) !important; flex-shrink: 0 !important;
    white-space: nowrap !important; transition: background var(--transition) !important;
  }
  .woocommerce-info .button:hover, .woocommerce-info a.button:hover {
    background: var(--am-gold) !important; color: var(--am-black) !important;
  }
  
  /* Kill Savoy dark notice bars — confirmed classes from DevTools */
  p.woocommerce-notice, li.woocommerce-notice, .woocommerce-notice,
  .nm-order-info, p.nm-order-info,
  .woocommerce-order-details-status {
    background: var(--am-cream) !important; color: var(--am-ink) !important;
    border: 1px solid var(--am-border) !important;
    border-left: 3px solid var(--am-gold) !important;
    border-radius: var(--radius-sm) !important; padding: 14px 20px !important;
    margin-bottom: 24px !important; font-family: var(--font-body) !important;
    font-size: 13px !important; box-shadow: none !important; list-style: none !important;
  }
  p.woocommerce-notice *, .woocommerce-notice *, .nm-order-info *, p.nm-order-info *,
  .woocommerce-order-details-status * {
    color: var(--am-ink) !important; background: transparent !important;
  }
  p.woocommerce-notice mark, .woocommerce-notice mark, .nm-order-info mark, p.nm-order-info mark {
    background: var(--am-orange-bg) !important; color: var(--am-orange) !important;
    padding: 2px 8px !important; border-radius: 100px !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.1em !important; text-transform: uppercase !important;
  }
  
  /* --------------------------------------------------------------------------
     C — LOGGED-IN LAYOUT: Mobile first → tablet → desktop
     -------------------------------------------------------------------------- */
  
  /* MOBILE: single column, stacked */
  body.woocommerce-account.logged-in .woocommerce {
    display: block !important;
    padding: 24px 16px 60px !important;
    max-width: 100% !important; box-sizing: border-box !important;
  }
  body.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation {
    width: 100% !important; float: none !important; overflow: visible !important;
    margin: 0 0 20px !important; padding: 0 !important; 
  }
  body.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content {
    width: 100% !important; float: none !important; overflow: visible !important;
    margin: 0 !important; padding: 0 !important;
  }
  
  /* TABLET (641px+): two-column grid */
  @media (min-width: 641px) {
    body.woocommerce-account.logged-in .woocommerce {
      display: grid !important;
      grid-template-columns: 200px 1fr !important;
      grid-template-rows: auto !important;
      gap: 0 32px !important; align-items: start !important;
      max-width: var(--content-max) !important; margin: 0 auto !important;
      padding: 40px 24px 60px !important; box-sizing: border-box !important;
    }
    body.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation {
      grid-column: 1 !important; grid-row: 1 !important;
      margin: 0 !important; width: 100% !important;
      top: 100px !important; align-self: start !important;
    }
    body.woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content {
      grid-column: 2 !important; grid-row: 1 !important;
      min-width: 0 !important; width: 100% !important;
    }
  }
  
  /* DESKTOP (901px+): wider nav, more padding */
  @media (min-width: 901px) {
    body.woocommerce-account.logged-in .woocommerce {
      grid-template-columns: var(--nav-width) 1fr !important;
      gap: 0 56px !important; padding: 52px 40px 80px !important;
    }
  }
  
  /* Nav list */
  .woocommerce-MyAccount-navigation ul {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
    display: flex !important; flex-direction: column !important; gap: 3px !important;
    width: 100% !important; overflow: visible !important;
  }
  .woocommerce-MyAccount-navigation ul li {
    width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important;
  }
  .woocommerce-MyAccount-navigation ul li a {
    display: flex !important; align-items: center !important; width: 100% !important;
    box-sizing: border-box !important; padding: 11px 14px !important;
    font-family: var(--font-body) !important; font-size: 10px !important;
    font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important;
    color: var(--am-ink) !important; text-decoration: none !important;
    background: var(--am-white) !important; border: 1px solid var(--am-border) !important;
    border-radius: var(--radius-sm) !important; transition: all var(--transition) !important;
    white-space: normal !important; overflow: visible !important; word-break: break-word !important;
  }
  .woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--am-cream) !important; border-color: var(--am-gold) !important; color: var(--am-gold) !important;
  }
  .woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--am-black) !important; border-color: var(--am-black) !important; color: var(--am-gold) !important;
  }
  .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: var(--am-muted) !important; border-color: transparent !important; background: transparent !important;
  }
  .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: var(--am-red) !important; border-color: var(--am-red-border) !important; background: var(--am-red-bg) !important;
  }
  
  /* Main content area */
  .woocommerce-MyAccount-content { min-width: 0 !important; padding: 0 !important; }
  .woocommerce-MyAccount-content > h2, .woocommerce-MyAccount-content > h3 {
    font-family: var(--font-display) !important; font-size: 26px !important;
    font-weight: 500 !important; letter-spacing: 0.02em !important; color: var(--am-ink) !important;
    margin: 0 0 24px !important; padding-bottom: 14px !important;
    border-bottom: 1px solid var(--am-border) !important; text-transform: none !important;
  }
  .woocommerce-MyAccount-content p {
    font-family: var(--font-body) !important; font-size: 14px !important;
    color: var(--am-muted) !important; line-height: 1.8 !important; margin-bottom: 14px !important;
  }
  .woocommerce-MyAccount-content p a {
    color: var(--am-gold) !important; text-decoration: none !important; font-weight: 500 !important;
  }
  
  /* --------------------------------------------------------------------------
     D — ORDERS TABLE (Desktop)
     All cells: AkkuratPro 14px. Status: pill badge. # = gold bold.
     -------------------------------------------------------------------------- */
  .woocommerce-orders-table, .woocommerce-MyAccount-orders {
    width: 100% !important; border-collapse: collapse !important;
    border: 1px solid var(--am-border) !important; border-radius: var(--radius-md) !important;
    overflow: hidden !important; font-family: var(--font-body) !important;
    margin-bottom: 28px !important; background: var(--am-white) !important;
  }
  .woocommerce-orders-table thead tr, .woocommerce-MyAccount-orders thead tr {
    background: var(--am-cream) !important;
  }
  .woocommerce-orders-table thead th, .woocommerce-MyAccount-orders thead th {
    font-family: var(--font-body) !important; font-size: 9px !important; font-weight: 700 !important;
    letter-spacing: 0.16em !important; text-transform: uppercase !important;
    color: var(--am-muted) !important; background: transparent !important;
    border: none !important; border-bottom: 1px solid var(--am-border) !important;
    padding: 14px 16px !important; text-align: left !important;
  }
  
  /* Body cells: single unified style — no font mixing */
  .woocommerce-orders-table tbody td, .woocommerce-MyAccount-orders tbody td {
    font-family: var(--font-body) !important;
    font-size: 14px !important; font-weight: 400 !important;
    color: var(--am-ink) !important; border: none !important;
    border-bottom: 1px solid var(--am-border-light) !important;
    padding: 16px 16px !important; vertical-align: middle !important;
    background: transparent !important;
  }
  .woocommerce-orders-table tbody tr:last-child td,
  .woocommerce-MyAccount-orders tbody tr:last-child td { border-bottom: none !important; }
  .woocommerce-orders-table tbody tr:hover td,
  .woocommerce-MyAccount-orders tbody tr:hover td { background: var(--am-gold-faint) !important; }
  
  /* Order # — bold gold, body font (consistent with row) */
  .woocommerce-orders-table__cell-order-number a,
  .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a {
    font-family: var(--font-body) !important; font-size: 14px !important;
    font-weight: 700 !important; color: var(--am-gold) !important; text-decoration: none !important;
  }
  .woocommerce-orders-table__cell-order-number a:hover,
  .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a:hover {
    text-decoration: underline !important;
  }
  
  /* Date */
  .woocommerce-orders-table__cell-order-date,
  .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-date {
    font-family: var(--font-body) !important; font-size: 13px !important; color: var(--am-muted) !important;
  }
  
  /* Total — body font, medium weight */
  .woocommerce-orders-table__cell-order-total,
  .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-total {
    font-family: var(--font-body) !important; font-size: 14px !important;
    font-weight: 500 !important; color: var(--am-ink) !important;
  }
  
  /* Status badge — pill for ALL statuses */
  .woocommerce-orders-table__cell-order-status mark,
  .woocommerce-MyAccount-orders mark.order-status,
  .woocommerce-orders-table mark, .woocommerce-MyAccount-orders mark {
    display: inline-flex !important; align-items: center !important;
    padding: 4px 10px !important; border-radius: 100px !important;
    font-family: var(--font-body) !important; font-size: 9px !important;
    font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important;
    background: var(--am-cream) !important; color: var(--am-muted) !important;
    border: 1px solid var(--am-border) !important; white-space: nowrap !important;
  }
  mark.order-status.status-completed { background: var(--am-green-bg) !important; color: var(--am-green) !important; border-color: var(--am-green-border) !important; }
  mark.order-status.status-processing { background: var(--am-blue-bg) !important; color: var(--am-blue) !important; border-color: var(--am-blue-border) !important; }
  mark.order-status.status-on-hold { background: var(--am-orange-bg) !important; color: var(--am-orange) !important; border-color: var(--am-orange-border) !important; }
  mark.order-status.status-cancelled,
  mark.order-status.status-failed,
  mark.order-status.status-refunded { background: var(--am-red-bg) !important; color: var(--am-red) !important; border-color: var(--am-red-border) !important; }
  mark.order-status.status-pending { background: var(--am-purple-bg) !important; color: var(--am-purple) !important; border-color: var(--am-purple-border) !important; }
  mark.order-status.status-vaulted { background: var(--am-gold-faint) !important; color: var(--am-gold) !important; border-color: #E8D8A0 !important; }
  
  /* Action buttons */
  .woocommerce-orders-table__cell-order-actions .button,
  .woocommerce-MyAccount-orders td .button {
    display: inline-flex !important; align-items: center !important; height: 32px !important;
    padding: 0 14px !important; font-family: var(--font-body) !important; font-size: 9px !important;
    font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important;
    text-decoration: none !important; border-radius: var(--radius-sm) !important;
    margin-right: 4px !important; transition: all var(--transition) !important; cursor: pointer !important;
  }
  .woocommerce-orders-table__cell-order-actions .view.button,
  .woocommerce-MyAccount-orders td .view {
    background: transparent !important; border: 1px solid var(--am-gold) !important; color: var(--am-gold) !important;
  }
  .woocommerce-orders-table__cell-order-actions .view.button:hover,
  .woocommerce-MyAccount-orders td .view:hover {
    background: var(--am-gold) !important; color: var(--am-black) !important;
  }
  .woocommerce-orders-table__cell-order-actions .pay.button,
  .woocommerce-MyAccount-orders td .pay {
    background: var(--am-gold) !important; border: 1px solid var(--am-gold) !important; color: var(--am-black) !important;
  }
  .woocommerce-orders-table__cell-order-actions .cancel.button,
  .woocommerce-MyAccount-orders td .cancel {
    background: transparent !important; border: 1px solid var(--am-border) !important; color: var(--am-muted) !important;
  }
  .woocommerce-orders-table__cell-order-actions .cancel.button:hover,
  .woocommerce-MyAccount-orders td .cancel:hover {
    background: var(--am-red-bg) !important; border-color: var(--am-red-border) !important; color: var(--am-red) !important;
  }
  
  /* --------------------------------------------------------------------------
     E — ORDER VIEW / DETAIL PAGE: Rich card surface + styled table
     -------------------------------------------------------------------------- */
  .woocommerce-table--order-details,
  .shop_table.order_details {
    width: 100% !important; border-collapse: collapse !important;
    margin-bottom: 28px !important; font-family: var(--font-body) !important;
    background: var(--am-white) !important; border: 1px solid var(--am-border) !important;
    border-radius: var(--radius-md) !important; overflow: hidden !important;
  }
  .woocommerce-table--order-details thead tr { background: var(--am-cream) !important; }
  .woocommerce-table--order-details thead th {
    font-family: var(--font-body) !important; font-size: 9px !important; font-weight: 700 !important;
    letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--am-muted) !important;
    border: none !important; border-bottom: 1px solid var(--am-border) !important;
    padding: 14px 20px !important; background: transparent !important;
  }
  .woocommerce-table--order-details tbody td {
    padding: 16px 20px !important; border: none !important;
    border-bottom: 1px solid var(--am-border-light) !important;
    font-family: var(--font-body) !important; font-size: 14px !important;
    color: var(--am-ink) !important; background: transparent !important;
  }
  .woocommerce-table--order-details .woocommerce-table__product-name a {
    font-family: var(--font-display) !important; font-size: 16px !important;
    font-weight: 500 !important; color: var(--am-gold) !important; text-decoration: none !important;
  }
  .woocommerce-table--order-details tfoot td,
  .woocommerce-table--order-details tfoot th {
    padding: 14px 20px !important; border: none !important;
    border-top: 1px solid var(--am-border-light) !important;
    font-family: var(--font-body) !important; font-size: 14px !important;
    color: var(--am-ink) !important; background: transparent !important;
  }
  .woocommerce-table--order-details tfoot th {
    font-weight: 500 !important; color: var(--am-muted) !important; font-size: 12px !important;
  }
  .woocommerce-table--order-details tfoot tr:last-child td,
  .woocommerce-table--order-details tfoot tr:last-child th {
    font-weight: 700 !important; font-size: 15px !important;
    border-top: 2px solid var(--am-border) !important; background: var(--am-cream) !important;
  }
  
  /* Customer address columns on order view */
  .col2-set.addresses {
    display: grid !important; grid-template-columns: 1fr !important;
    gap: 20px !important; margin-top: 28px !important;
  }
  @media (min-width: 641px) {
    .col2-set.addresses { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
  }
  .col2-set.addresses h2.woocommerce-column__title {
    font-family: var(--font-display) !important; font-size: 18px !important;
    font-weight: 500 !important; color: var(--am-ink) !important; margin-bottom: 12px !important;
    padding-bottom: 10px !important; border-bottom: 1px solid var(--am-border) !important; text-transform: none !important;
  }
  .col2-set.addresses address {
    font-family: var(--font-body) !important; font-size: 14px !important;
    color: var(--am-muted) !important; line-height: 1.8 !important; font-style: normal !important;
  }
  
  /* --------------------------------------------------------------------------
     F — THANK YOU / ORDER CONFIRMATION
     -------------------------------------------------------------------------- */
  .woocommerce-thankyou-order-received {
    font-family: var(--font-display) !important; font-size: 20px !important;
    font-weight: 500 !important; color: var(--am-green) !important;
    margin-bottom: 24px !important; padding: 14px 20px !important;
    background: var(--am-green-bg) !important; border: 1px solid var(--am-green-border) !important;
    border-left: 3px solid var(--am-green) !important; border-radius: var(--radius-sm) !important;
  }
  ul.woocommerce-order-overview {
    list-style: none !important; display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2px !important; margin: 0 0 28px !important; padding: 0 !important;
    background: var(--am-border) !important; border: 1px solid var(--am-border) !important;
    border-radius: var(--radius-md) !important; overflow: hidden !important;
  }
  @media (min-width: 641px) {
    ul.woocommerce-order-overview { grid-template-columns: repeat(4, 1fr) !important; }
  }
  ul.woocommerce-order-overview li {
    background: var(--am-white) !important; padding: 18px 20px !important;
    margin: 0 !important; font-family: var(--font-body) !important;
  }
  ul.woocommerce-order-overview li::before { content: none !important; }
  ul.woocommerce-order-overview li span {
    display: block !important; font-size: 9px !important; font-weight: 600 !important;
    letter-spacing: 0.12em !important; text-transform: uppercase !important;
    color: var(--am-muted) !important; margin-bottom: 6px !important;
  }
  ul.woocommerce-order-overview li strong {
    display: block !important; font-family: var(--font-display) !important;
    font-size: 20px !important; font-weight: 500 !important; color: var(--am-ink) !important;
  }
  ul.woocommerce-order-overview li.woocommerce-order-overview__total strong { color: var(--am-gold) !important; }
  
  /* --------------------------------------------------------------------------
     G — ADDRESSES PAGE
     -------------------------------------------------------------------------- */
  .woocommerce-Addresses { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; }
  @media (min-width: 641px) { .woocommerce-Addresses { grid-template-columns: 1fr 1fr !important; gap: 32px !important; } }
  .woocommerce-Address-title {
    display: flex !important; align-items: center !important;
    justify-content: space-between !important; margin-bottom: 14px !important;
    padding-bottom: 12px !important; border-bottom: 1px solid var(--am-border) !important;
  }
  .woocommerce-Address-title h3 {
    font-family: var(--font-display) !important; font-size: 18px !important;
    font-weight: 500 !important; color: var(--am-ink) !important; margin: 0 !important; text-transform: none !important;
  }
  .woocommerce-Address-title a {
    font-family: var(--font-body) !important; font-size: 10px !important; font-weight: 600 !important;
    letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--am-gold) !important;
    text-decoration: none !important; border: 1px solid var(--am-gold) !important;
    padding: 5px 12px !important; border-radius: var(--radius-sm) !important; transition: all var(--transition) !important;
  }
  .woocommerce-Address-title a:hover { background: var(--am-gold) !important; color: var(--am-black) !important; }
  .woocommerce-Address address {
    font-family: var(--font-body) !important; font-size: 14px !important;
    color: var(--am-muted) !important; line-height: 1.8 !important; font-style: normal !important;
  }
  
  /* --------------------------------------------------------------------------
     H — ACCOUNT DETAILS / EDIT FORM
     -------------------------------------------------------------------------- */
  .woocommerce-EditAccountForm fieldset {
    border: 1px solid var(--am-border) !important; border-radius: var(--radius-md) !important;
    padding: 24px !important; margin: 20px 0 !important;
  }
  .woocommerce-EditAccountForm fieldset legend {
    font-family: var(--font-body) !important; font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.14em !important; text-transform: uppercase !important;
    color: var(--am-muted) !important; padding: 0 10px !important;
  }
  .woocommerce-MyAccount-content .form-row label, .woocommerce-EditAccountForm label {
    display: block !important; font-family: var(--font-body) !important; font-size: 10px !important;
    font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important;
    color: var(--am-muted) !important; margin-bottom: 6px !important;
  }
  .woocommerce-MyAccount-content input[type="text"],
  .woocommerce-MyAccount-content input[type="email"],
  .woocommerce-MyAccount-content input[type="password"],
  .woocommerce-EditAccountForm input[type="text"],
  .woocommerce-EditAccountForm input[type="email"],
  .woocommerce-EditAccountForm input[type="password"] {
    width: 100% !important; height: 46px !important; padding: 0 14px !important;
    font-family: var(--font-body) !important; font-size: 14px !important; color: var(--am-ink) !important;
    background: var(--am-cream) !important; border: 1px solid var(--am-border) !important;
    border-radius: var(--radius-sm) !important; outline: none !important; box-shadow: none !important;
    transition: border-color var(--transition) !important; box-sizing: border-box !important;
  }
  .woocommerce-MyAccount-content input:focus, .woocommerce-EditAccountForm input:focus {
    border-color: var(--am-gold) !important; background: var(--am-white) !important;
  }
  .woocommerce-MyAccount-content .description, .woocommerce-EditAccountForm .description,
  .woocommerce-password-hint {
    font-family: var(--font-body) !important; font-size: 11px !important;
    color: var(--am-muted) !important; margin-top: 5px !important;
    font-style: italic !important; line-height: 1.5 !important;
  }
  .woocommerce-MyAccount-content .form-row-first, .woocommerce-MyAccount-content .form-row-last,
  .woocommerce-EditAccountForm .form-row-first, .woocommerce-EditAccountForm .form-row-last {
    width: calc(50% - 10px) !important; display: inline-block !important; vertical-align: top !important;
  }
  .woocommerce-MyAccount-content .form-row-last, .woocommerce-EditAccountForm .form-row-last {
    margin-left: 20px !important;
  }
  .woocommerce-EditAccountForm button[type="submit"] {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    height: 50px !important; padding: 0 36px !important; background: var(--am-black) !important;
    color: var(--am-white) !important; font-family: var(--font-body) !important; font-size: 10px !important;
    font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important;
    border: none !important; border-radius: var(--radius-sm) !important; cursor: pointer !important;
    transition: all var(--transition) !important; margin-top: 10px !important;
  }
  .woocommerce-EditAccountForm button[type="submit"]:hover {
    background: var(--am-gold) !important; color: var(--am-black) !important;
  }
  .woocommerce-address-fields select {
    width: 100% !important; height: 46px !important; padding: 0 14px !important;
    font-family: var(--font-body) !important; font-size: 14px !important; color: var(--am-ink) !important;
    background: var(--am-cream) !important; border: 1px solid var(--am-border) !important;
    border-radius: var(--radius-sm) !important; box-sizing: border-box !important;
    outline: none !important; -webkit-appearance: none !important; appearance: none !important;
  }
  
  /* --------------------------------------------------------------------------
     J — MOBILE ORDERS TABLE (≤640px): Stacked card layout
     -------------------------------------------------------------------------- */
  @media (max-width: 640px) {
    .woocommerce-orders-table, .woocommerce-MyAccount-orders {
      display: block !important; border: none !important; border-radius: 0 !important;
      background: transparent !important; overflow-x: visible !important;
    }
    .woocommerce-orders-table thead, .woocommerce-MyAccount-orders thead { display: none !important; }
    .woocommerce-orders-table tbody, .woocommerce-MyAccount-orders tbody { display: block !important; width: 100% !important; }
    .woocommerce-orders-table tbody tr, .woocommerce-MyAccount-orders tbody tr {
      display: block !important; width: 100% !important;
      background: var(--am-white) !important; border: 1px solid var(--am-border) !important;
      border-radius: var(--radius-md) !important; padding: 16px !important;
      margin-bottom: 12px !important; box-sizing: border-box !important;
    }
    .woocommerce-orders-table tbody tr:hover, .woocommerce-MyAccount-orders tbody tr:hover {
      border-color: var(--am-gold) !important; background: var(--am-white) !important;
    }
    .woocommerce-orders-table tbody td, .woocommerce-MyAccount-orders tbody td {
      display: flex !important; align-items: center !important;
      justify-content: space-between !important; padding: 9px 0 !important;
      border: none !important; border-bottom: 1px solid var(--am-border-light) !important;
      font-size: 13px !important; gap: 12px !important; background: transparent !important;
    }
    .woocommerce-orders-table tbody td:last-child, .woocommerce-MyAccount-orders tbody td:last-child {
      border-bottom: none !important; padding-bottom: 0 !important;
    }
    .woocommerce-orders-table tbody td::before, .woocommerce-MyAccount-orders tbody td::before {
      content: attr(data-title) !important; font-size: 9px !important; font-weight: 700 !important;
      letter-spacing: 0.14em !important; text-transform: uppercase !important;
      color: var(--am-muted) !important; flex-shrink: 0 !important; min-width: 72px !important;
    }
    .woocommerce-orders-table__cell-order-actions::before,
    .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions::before { display: none !important; }
    .woocommerce-orders-table__cell-order-actions,
    .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions {
      justify-content: flex-end !important; flex-wrap: wrap !important; gap: 8px !important;
    }
    .woocommerce-orders-table__cell-order-actions .button,
    .woocommerce-MyAccount-orders td .button {
      flex: 1 !important; height: 40px !important;
      justify-content: center !important; font-size: 10px !important; margin: 0 !important;
    }
  
    /* Mobile edit account: stack name fields */
    .woocommerce-MyAccount-content .form-row-first,
    .woocommerce-MyAccount-content .form-row-last,
    .woocommerce-EditAccountForm .form-row-first,
    .woocommerce-EditAccountForm .form-row-last {
      width: 100% !important; display: block !important; margin-left: 0 !important;
    }
  
    /* Mobile login card */
    #customer_login .u-column1, #customer_login .u-column2 { padding: 28px 20px !important; }
  
    /* Mobile lost password */
    .nm-myaccount-lost-reset-password form { padding: 28px 20px !important; }
  }
  
  /* --------------------------------------------------------------------------
     K — UTILITY / GLOBAL OVERRIDES
     -------------------------------------------------------------------------- */
  .woocommerce-account .form-row { overflow: visible !important; }
  body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
    max-width: 480px !important; margin: 0 auto 16px !important;
  }
  .woocommerce-error a, .woocommerce-message a, .woocommerce-info a {
    color: inherit !important; font-weight: 600 !important; text-decoration: underline !important;
  }
  
  /* ==========================================================================
     END OF FILE — AMANAH account.css v2.0
     ========================================================================== */

     @media (max-width: 991px) {
        .woocommerce-MyAccount-navigation ul li a {
            margin-bottom: 0;
            padding-bottom: 10px;
        }
    }

    .woocommerce-edit-address .woocommerce-MyAccount-content h1 {font-size:36px}
    .woocommerce-edit-address .woocommerce-MyAccount-content h2 {font-size:30px}
    .woocommerce-edit-address .woocommerce-MyAccount-content h3 {font-size:25px}