/* ===================================================================
   Madame Ginger 5 — my account (classic [woocommerce_my_account])
   Login / register cards, navigation, dashboard tiles, orders, addresses.
   =================================================================== */

/* ---- logged in: navigation + content ---- */
.logged-in.woocommerce-account .mg-woo-page > .woocommerce{display:grid; grid-template-columns:240px minmax(0,1fr); gap:52px; align-items:start;}
.woocommerce-MyAccount-navigation{position:sticky; top:104px; border-top:2px solid var(--ink);}
.admin-bar .woocommerce-MyAccount-navigation{top:136px;}
.woocommerce-MyAccount-navigation ul{list-style:none; margin:0; padding:0;}
.woocommerce-MyAccount-navigation li{margin:0;}
.woocommerce-MyAccount-navigation li a{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 4px; border-bottom:1px solid var(--line-soft); font-family:var(--font-mono); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; transition:padding-left .12s ease, color .12s ease;}
.woocommerce-MyAccount-navigation li a::after{content:"→"; opacity:0; transition:opacity .12s ease;}
.woocommerce-MyAccount-navigation li a:hover{padding-left:8px;}
.woocommerce-MyAccount-navigation li a:hover::after{opacity:.5;}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--orange);}
.woocommerce-MyAccount-navigation li.is-active a::after{opacity:1;}
.woocommerce-MyAccount-navigation-link--customer-logout a{color:rgba(27,23,18,.55);}

.woocommerce-MyAccount-content{min-width:0; font-size:15px; line-height:1.65;}
.woocommerce-MyAccount-content > p{margin:0 0 14px;}
.woocommerce-MyAccount-content > p a,.woocommerce-MyAccount-content .woocommerce-Address address + a{text-decoration:underline; text-decoration-color:var(--gold); text-decoration-thickness:2px; text-underline-offset:3px;}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-family:var(--font-display); font-size:19px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; margin:28px 0 14px;}

/* dashboard tiles */
.account-tiles{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:28px 0 10px;}
.account-tile{--accent:var(--mgshop); display:flex; align-items:center; justify-content:space-between; gap:10px; padding:20px 18px; border:1.5px solid var(--ink); background:var(--paper); box-shadow:5px 5px 0 var(--accent); font-family:var(--font-mono); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; transition:transform .15s ease, box-shadow .15s ease;}
.account-tile svg{width:16px; height:16px; flex-shrink:0;}
.account-tile:hover{transform:translate(-2px,-2px); box-shadow:7px 7px 0 var(--accent);}
.account-tile:nth-child(5n+2){--accent:var(--orange);}
.account-tile:nth-child(5n+3){--accent:var(--gold-deep);}
.account-tile:nth-child(5n+4){--accent:var(--lavender-deep);}
.account-tile:nth-child(5n+5){--accent:var(--green);}

/* addresses & forms */
.woocommerce-Addresses{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:20px;}
.woocommerce-Address{border:1.5px solid var(--ink); padding:20px; background:var(--paper);}
.woocommerce-Address-title{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:12px;}
.woocommerce-Address-title h2,.woocommerce-Address-title h3{margin:0; font-size:16px;}
.woocommerce-Address-title .edit{font-family:var(--font-mono); font-size:11px; font-weight:600; text-transform:uppercase; text-decoration:underline;}
.woocommerce-Address address{border:0; padding:0;}
.woocommerce-EditAccountForm fieldset{border:1.5px dashed var(--line); padding:18px 20px 4px; margin:24px 0;}
.woocommerce-EditAccountForm legend{font-family:var(--font-mono); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:0 8px;}
.woocommerce-EditAccountForm .form-row-first,.woocommerce-EditAccountForm .form-row-last{display:inline-block; width:calc(50% - 8px); vertical-align:top;}
.woocommerce-EditAccountForm .form-row-first{margin-right:12px;}
.woocommerce-EditAccountForm #account_display_name_description{display:block; font-size:12px; opacity:.6; margin-top:6px;}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a{font-family:var(--font-mono); font-weight:700; text-decoration:underline;}
.woocommerce-MyAccount-content mark{background:var(--gold-soft); padding:0 4px;}

/* ---- logged out: login / register ---- */
.mg-auth{max-width:1000px;}
.mg-auth.is-tabbed{max-width:600px; margin:0 auto;}
.auth-tabs{display:flex; gap:14px; margin-bottom:28px;}
.auth-tab{flex:1; display:flex; align-items:center; justify-content:center; gap:10px; padding:16px; border:1.5px solid var(--ink); background:var(--paper); font-family:var(--font-mono); font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--ink); transition:background .12s ease, box-shadow .15s ease;}
.auth-tab svg{width:18px; height:18px;}
.auth-tab:hover{background:var(--cream);}
.auth-tab[aria-selected="true"]{background:var(--ink); color:var(--cream); box-shadow:5px 5px 0 var(--mgshop);}
.auth-panels{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; align-items:start;}
.mg-auth:not(.has-register) .auth-panels,.mg-auth.is-tabbed .auth-panels{grid-template-columns:minmax(0,1fr);}
.mg-auth:not(.has-register){max-width:560px; margin:0 auto;}
.auth-panel{border:1.5px solid var(--ink); background:var(--paper); box-shadow:8px 8px 0 var(--gold); padding:30px 28px;}
.auth-panel + .auth-panel{box-shadow:8px 8px 0 var(--lavender-deep);}
.auth-panel h2{font-family:var(--font-display); font-size:22px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; margin-bottom:22px;}
.mg-auth.is-tabbed .auth-panel h2{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;}
.auth-panel .woocommerce-form-login__rememberme{margin-bottom:18px;}
.auth-panel .button{width:100%; min-height:50px;}
.auth-panel .lost_password{margin:16px 0 0; text-align:center;}
.auth-panel .lost_password a{font-family:var(--font-mono); font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.03em; text-decoration:underline; text-underline-offset:3px;}
.auth-panel .woocommerce-privacy-policy-text p{font-size:12px; opacity:.6; margin-bottom:14px;}
.auth-home{text-align:center; margin-top:36px;}
.auth-home .see-all{margin:0;}

/* lost / reset password */
.woocommerce-ResetPassword{max-width:560px; border:1.5px solid var(--ink); background:var(--paper); box-shadow:8px 8px 0 var(--gold); padding:28px;}
.woocommerce-ResetPassword > p:first-child{font-size:14.5px; margin-bottom:18px;}
.woocommerce-ResetPassword .form-row-first,.woocommerce-ResetPassword .form-row-last{width:100%;}

@media (max-width:900px){
  .logged-in.woocommerce-account .mg-woo-page > .woocommerce{grid-template-columns:minmax(0,1fr); gap:28px;}
  .woocommerce-MyAccount-navigation,.admin-bar .woocommerce-MyAccount-navigation{position:static;}
  .woocommerce-MyAccount-navigation ul{display:flex; flex-wrap:wrap; gap:8px; padding-top:14px;}
  .woocommerce-MyAccount-navigation li a{border:1.5px solid var(--ink); padding:8px 12px; font-size:11px;}
  .woocommerce-MyAccount-navigation li a::after{display:none;}
  .woocommerce-MyAccount-navigation li a:hover{padding-left:12px;}
  .woocommerce-MyAccount-navigation li.is-active a{background:var(--ink); color:var(--cream);}
  .account-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .auth-panels{grid-template-columns:minmax(0,1fr);}
  .woocommerce-Addresses{grid-template-columns:minmax(0,1fr);}
}

@media (max-width:640px){
  .account-tiles{grid-template-columns:minmax(0,1fr);}
  .auth-panel{padding:24px 18px; box-shadow:6px 6px 0 var(--gold);}
  .auth-tab{padding:13px 10px; font-size:11.5px;}
  .woocommerce-EditAccountForm .form-row-first,.woocommerce-EditAccountForm .form-row-last{display:block; width:100%; margin-right:0;}
}