/* Customer account (sign in, orders, one order, addresses, details) and guest order lookup.
   Markup: woocommerce/myaccount/*.php, template-parts/account/*.php, inc/account.php. */

.woocommerce-account .woocommerce mark,.order-look mark{background:none;color:inherit;font-weight:600}
.woocommerce-account .wc-page,.page-order-status .wc-page{padding-bottom:var(--s-16)}

/* Navigation: a column on desktop, a row of tabs on the phone */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--ink-3)}
@media (max-width:820px){
  .woocommerce-MyAccount-navigation{margin:0 calc(-1 * var(--gutter));border-bottom:1px solid var(--line)}
  .woocommerce-MyAccount-navigation ul{gap:4px;padding:0 var(--gutter) 10px;scrollbar-width:none}
  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  .woocommerce-MyAccount-navigation li{flex:none}
  .woocommerce-MyAccount-navigation a{white-space:nowrap;border-radius:var(--r-pill);border:1px solid var(--line);font-size:var(--fs-md)}
  .woocommerce-MyAccount-navigation .is-active a{border-color:var(--gold);background:var(--gold-soft)}
  .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout{margin:0;border:0;padding:0}
}

/* Page heads inside the account */
.acct-head{margin-bottom:var(--s-6)}
.acct-head h2{margin:0;font-size:var(--fs-h3)}
.acct-head p{margin:4px 0 0;color:var(--ink-3);font-size:var(--fs-md)}
.acct-back{display:inline-flex;align-items:center;min-height:36px;margin-bottom:4px;font-size:var(--fs-md);color:var(--gold)}
.acct-back::before{content:"\2190";margin-right:8px}

/* Status pill, coloured by where the order stands */
.ord-card .pill,.ord-progress .pill{height:28px;padding:0 12px;border-color:var(--line-strong);font-weight:500;color:var(--ink-2)}
.tone-go .pill{border-color:var(--gold-line);background:var(--gold-soft);color:var(--gold)}
.tone-done .pill{border-color:rgba(143,207,155,.35);color:var(--ok)}
.tone-stop .pill{border-color:rgba(240,138,126,.35);color:var(--error)}

/* Order cards */
.ord-list{display:flex;flex-direction:column;gap:12px}
.ord-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);transition:border-color var(--t-fast) ease}
.ord-card:hover{border-color:var(--line-strong)}
.ord-link{position:absolute;inset:0;border-radius:inherit;z-index:0}
.ord-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ord-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.ord-no{font-size:var(--fs-md);color:var(--ink-3);font-variant-numeric:tabular-nums}
.ord-pics{display:flex;align-items:center;gap:8px;min-width:0}
.ord-pics .pic{flex:none;width:56px;height:56px;border-radius:12px;background:var(--stage);overflow:hidden}
.ord-pics .pic img{width:100%;height:100%;object-fit:cover}
.ord-names{min-width:0;margin-left:6px;font-family:var(--display);font-size:17px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ord-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.ord-total{font-size:var(--fs-md);color:var(--ink-2)}
.ord-total .amount{font-weight:600;color:var(--ink)}
.ord-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}
.ord-pages{display:flex;justify-content:space-between;gap:12px;margin-top:var(--s-6)}
.ord-pages a:only-child{margin-left:auto}
.ord-empty{padding:32px 24px;border:1px dashed var(--line-strong);border-radius:var(--r-lg);text-align:center;color:var(--ink-2)}
.ord-empty p{margin:0 0 16px}
@media (max-width:520px){
  .ord-card{padding:16px}
  .ord-pics .pic{width:48px;height:48px}
  .ord-foot{flex-direction:column;align-items:stretch}
  .ord-actions .btn{flex:1}
}

/* One order: status, progress line, tracking */
.ord-progress{margin-bottom:var(--s-8);padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel)}
.ord-state{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:var(--fs-md);color:var(--ink-3)}
.ord-progress .steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 0;padding:0}
.ord-progress .steps li{position:relative;display:flex;flex-direction:column;gap:2px;padding-top:22px;font-size:var(--fs-md)}
.ord-progress .steps i{position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--line-strong);background:var(--panel)}
.ord-progress .steps li:not(:last-child)::before{content:"";position:absolute;top:5px;left:14px;right:2px;height:2px;background:var(--line)}
.ord-progress .steps li.on i{border-color:var(--gold);background:var(--gold)}
.ord-progress .steps li.on:has(+ li.on)::before{background:var(--gold)}
.ord-progress .steps b{font-weight:600;color:var(--ink-3)}
.ord-progress .steps li.on b{color:var(--ink)}
.ord-progress .steps span{color:var(--ink-3);font-size:var(--fs-sm)}
.ord-track{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:var(--fs-md);color:var(--ink-2)}
@media (max-width:520px){.ord-track .btn{width:100%}}

.ord-notes{margin-bottom:var(--s-8)}
.ord-notes h3{margin:0 0 12px;font-size:20px}
.ord-notes ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.ord-notes li{padding:0 0 14px 16px;font-size:var(--fs-md);color:var(--ink-2)}
.ord-notes time{display:block;font-size:var(--fs-sm);color:var(--ink-3)}
.ord-notes p{margin:4px 0 0}

/* Order details table under the progress block */
.woocommerce-order-details{margin-top:0}
.woocommerce-order-details__title,.woocommerce-column__title{font-size:20px;margin:0 0 12px}
.woocommerce-customer-details address{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-md);font-style:normal;line-height:1.6;color:var(--ink-2)}
.woocommerce-customer-details address p{margin:6px 0 0}

/* Sign in and create account */
.acct-auth{display:grid;gap:24px;max-width:460px;margin:0 auto}
.acct-auth.has-register{max-width:960px;grid-template-columns:repeat(2,minmax(0,1fr))}
.auth-card{padding:28px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel)}
.auth-card h2{margin:0 0 20px;font-size:var(--fs-h3)}
.auth-card form{margin:0}
.auth-why{margin:-12px 0 20px;font-size:var(--fs-md);color:var(--ink-3)}
.auth-note{font-size:var(--fs-sm);color:var(--ink-3);margin:0 0 16px}
.auth-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 20px;font-size:var(--fs-md)}
.auth-row .check{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);color:var(--ink-2);cursor:pointer}
.auth-row a,.auth-guest a{color:var(--gold)}
.auth-guest{margin:var(--s-8) 0 0;text-align:center;font-size:var(--fs-md);color:var(--ink-3)}
@media (max-width:820px){.acct-auth.has-register{grid-template-columns:minmax(0,1fr)}.auth-card{padding:22px 18px}}

/* Addresses */
.woocommerce-Addresses{gap:16px!important}
.woocommerce-Address{padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel)}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.woocommerce-Address-title h2{margin:0;font-size:20px}
.woocommerce-Address-title a{color:var(--gold);font-size:var(--fs-md)}
.woocommerce-Address address{font-style:normal;line-height:1.6;color:var(--ink-2)}
.woocommerce-MyAccount-content>p:first-child{color:var(--ink-3);font-size:var(--fs-md)}
.woocommerce-MyAccount-content fieldset{margin:24px 0;padding:0;border:0}
.woocommerce-MyAccount-content legend{margin-bottom:12px;font-family:var(--display);font-size:20px;color:var(--ink)}
.woocommerce-MyAccount-content .woocommerce-Button,.woocommerce-MyAccount-content button[type=submit]{min-height:var(--tap);padding:0 24px;border:0;border-radius:var(--r-pill);background:var(--gold);color:var(--gold-ink);font-weight:600;cursor:pointer}
.woocommerce-MyAccount-content em{display:block;margin-top:4px;font-size:var(--fs-sm);color:var(--ink-3);font-style:normal}

/* Guest order lookup page */
.order-look-form{max-width:460px;padding:28px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel)}
.order-look-form .hint{margin:16px 0 0;font-size:var(--fs-sm);color:var(--ink-3)}
.order-look-form .hint a{color:var(--gold)}
.form-error{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(240,138,126,.4);border-radius:var(--r-md);background:rgba(240,138,126,.08);font-size:var(--fs-md);color:var(--ink)}
.order-look .ov-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:var(--s-4)}
.order-look .ov-head h2{margin:0;font-size:var(--fs-h3)}
.order-look .ov-head a{color:var(--gold);font-size:var(--fs-md)}
.order-later{margin:var(--s-6) 0;font-size:var(--fs-md);color:var(--ink-3)}
.order-later a{color:var(--gold)}
@media (max-width:520px){.order-look-form{padding:22px 18px}}
.order-look a.btn,.order-look .woocommerce-table__product-name a{text-decoration:none}
.order-look .woocommerce-table__product-name a{color:var(--ink)}
.woocommerce-account .order-again{margin:16px 0 var(--s-8)}

/* Returns and missing parts on one order (template-parts/account/returns.php) */
.ret{margin-bottom:var(--s-8)}
.ret h3{margin:0 0 12px;font-size:20px}
.ret-ok{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(143,207,155,.35);border-radius:var(--r-md);background:rgba(143,207,155,.08);font-size:var(--fs-md);color:var(--ink)}
.ret-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}
.ret-item{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.ret-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.ret-top b{font-weight:600}
.ret-item .pill{height:26px;font-size:var(--fs-xs)}
.ret-item.st-approved .pill{border-color:var(--gold-line);color:var(--gold)}
.ret-item.st-refunded .pill,.ret-item.st-part_sent .pill{border-color:rgba(143,207,155,.35);color:var(--ok)}
.ret-item.st-declined .pill{border-color:rgba(240,138,126,.35);color:var(--error)}
.ret-item p{margin:6px 0 0;font-size:var(--fs-md);color:var(--ink-2)}
.ret-msg{padding-left:10px;border-left:2px solid var(--gold-line)}
.ret-instr{margin-top:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--night-2);font-size:var(--fs-md);color:var(--ink-2)}
.ret-instr p{margin:0}
.ret-start>summary{list-style:none;cursor:pointer}
.ret-start>summary::-webkit-details-marker{display:none}
.ret-start[open]>summary{display:none}
.ret-form{padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel)}
.ret-when{margin:0 0 16px;font-size:var(--fs-sm);color:var(--ink-3)}
.ret-form fieldset{margin:0 0 18px;padding:0;border:0}
.ret-form legend{margin-bottom:8px;font-size:var(--fs-md);font-weight:500;color:var(--ink-2)}
.ret-types{display:grid;gap:8px}
.opt-card{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;font-size:var(--fs-md)}
.opt-card:has(input:checked){border-color:var(--gold);background:var(--gold-soft)}
.ret-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.ret-row:last-child{border-bottom:0}
.ret-name{font-family:var(--display);font-size:17px}
.ret-row select{width:88px;flex:none}
.ret-part-hint{display:none;font-weight:400;color:var(--ink-3)}
.ret-form:has(input[name=type][value=part]:checked) .ret-reason{display:none}
.ret-form:has(input[name=type][value=part]:checked) .ret-part-hint{display:inline}
.ret-closed{font-size:var(--fs-md);color:var(--ink-3)}
.ret-policy-link{margin:12px 0 0;font-size:var(--fs-sm)}
.ret-policy-link a{color:var(--gold)}
@media (min-width:700px){.ret-types{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ret-form{padding:16px}.ret-form .btn{width:100%}.ret-start>summary{width:100%}}
.ret-opt{font-weight:400;color:var(--ink-3)}
.ret-photos input[type=file]{display:block;width:100%;padding:12px;border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--ink-2);font-size:var(--fs-md)}
.ret-photos input[type=file]::file-selector-button{margin-right:12px;height:40px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--gold);background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}