/* Avoria Market brand layer: Midnight navy + Signal orange. Loaded last. */
html:root{
  --forest:#c2450f;--forest-2:#9e370b;--moss:#c2450f;--charcoal:#0f1b33;--ink:#141d30;
  --warm:#f6f4ef;--paper:#efece4;--beige:#e7e1d3;--sand:#c9c0ab;--line:#dcd8cd;--gray:#ebe8e0;--mute:#545d70;
  --gb-black:#0f1b33;--gb-panel:#16244a;--gb-green:#f26b1d;--gb-green-soft:#ff9a5c;--gb-on-dark:#f3f1ea;--gb-mute-dark:#b7c0d3;
  --av-navy:#0f1b33;--av-orange:#f26b1d;--av-orange-ink:#c2450f;--av-line-dark:#24365c;
  --shadow:0 1px 2px rgba(15,27,51,.08),0 10px 30px -14px rgba(15,27,51,.35);
}
body{background:var(--warm);color:var(--ink)}
::selection{background:#ffd9c2;color:var(--av-navy)}
:focus-visible{outline:2px solid var(--av-orange-ink);outline-offset:2px}
.announce{background:#0b1426;color:#ffb488;border-bottom:1px solid var(--av-line-dark)}
.header{background:var(--hdr-bg);border-bottom:3px solid var(--av-orange)}
.header .nav{border-top-color:var(--av-line-dark)}
.header .tool{transition:background-color .15s ease,color .15s ease}
.header .tool:hover{background:rgba(242,107,29,.16)}
.header :focus-visible,.footer :focus-visible,.co-header :focus-visible,.dark :focus-visible{outline-color:var(--av-orange)}
.header .nav a::after{background:var(--av-orange)}
.header .search input{background:#f6f4ef;border-color:#2c3d63;color:var(--ink)}
.header .search input:focus{border-color:var(--av-orange);box-shadow:0 0 0 3px rgba(242,107,29,.35)}
.badge{background:var(--av-orange);color:var(--av-navy)}
.logo b{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.01em}
.av-mark{flex:none}
.drawer-panel a:hover{color:var(--av-orange-ink)}
.btn{transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}
.btn:hover{box-shadow:0 8px 18px -10px rgba(194,69,15,.55)}
.btn:active{transform:translateY(1px)}
.btn-light{--bg:#f6f4ef;--fg:var(--av-navy)}.btn-light:hover{--bg:var(--av-orange);--fg:var(--av-navy)}
.btn-dark{--bg:var(--av-navy)}.btn-dark:hover{--bg:#1c2d55}
.link,a.link{color:var(--av-orange-ink)}.link:hover{color:var(--forest-2)}
input:focus,select:focus,textarea:focus{border-color:var(--av-orange-ink);box-shadow:0 0 0 3px rgba(242,107,29,.2)}
.hero::before,.hero-tools::before{background:linear-gradient(90deg,rgba(11,20,38,.92) 0%,rgba(11,20,38,.62) 40%,rgba(11,20,38,.1) 72%,rgba(11,20,38,0) 84%),linear-gradient(0deg,rgba(11,20,38,.62),transparent 42%)}
.hero-tools{background:var(--av-navy)}
.hero h1 em,.hero .eyebrow,.hero-meta b{color:#ff9a5c}
.hero p{color:#e6e9f1}
.hero-tools .hero-meta{background:rgba(11,20,38,.6);border-top-color:rgba(242,107,29,.5)}
@media (max-width:860px){.hero-tools::before{background:linear-gradient(0deg,rgba(11,20,38,.95) 0%,rgba(11,20,38,.72) 48%,rgba(11,20,38,.25) 100%)}}
.dark,.backyard-copy{background:var(--av-navy);color:#d3d9e6}
.backyard-copy{border-left-color:var(--av-orange)}
.dark .eyebrow,.backyard-copy .eyebrow,.cmp-demo th{color:#ff9a5c}
.cmp-demo{background:var(--gb-panel);color:#cdd4e3}.cmp-demo .win{color:var(--av-orange)}
.nl-form input{background:#16244a;border-color:#2c3d63;color:#f3f1ea}
.cmp-tray{background:var(--av-navy);border:1px solid var(--av-line-dark)}
.flash{background:var(--av-navy);border-left-color:var(--av-orange)}
.hc-nav{background:rgba(246,244,239,.95)}
.card{background:#fbfaf6;transition:border-color .15s ease,box-shadow .15s ease}
.card:hover{border-color:var(--av-orange-ink)}
.tag{background:var(--av-navy)}.tag.feat{background:var(--av-orange-ink)}
.chip{background:var(--beige);color:var(--ink)}.chip:hover{background:#ffd9c2}
.cat:hover{background:#fbfaf6}
.cmp-table tr.diff td{background:#fff0e6}
.auth-art{background:linear-gradient(0deg,rgba(11,20,38,.9),rgba(11,20,38,.4)),url("../images/hero.jpg") center/cover}
.status.Paid,.status.Delivered{background:#dcebdf;color:#1d4d2b}
.table tr:hover td{background:#f3efe6}
.error-code{color:var(--av-orange)}
.footer{background:var(--ftr-bg);color:var(--ftr-fg);border-top:3px solid var(--av-orange)}
.footer h4{color:#ff9a5c}
.footer a{transition:color .15s ease}.footer a:hover{color:#ffb488}
.footer-base{border-top-color:var(--av-line-dark)}
.co-body{--co-green:#c2450f;--co-green-2:#9e370b;--co-tint:#fbefe6;--co-line:#dfdacf;--co-ink:#141d30;--co-mute:#545d70;--co-surface:#fbfaf6;background:#f6f4ef}
.co-header{background:var(--av-navy);border-bottom:3px solid var(--av-orange)}
.co-header .logo,.co-header .logo b,.co-back,.co-help{color:#f3f1ea}
.co-back:hover,.co-help:hover{color:#ffb488}
.co-secure{background:#16244a;border-top-color:var(--av-line-dark);color:#ffb488}
.co-body input:focus{box-shadow:0 0 0 3px rgba(242,107,29,.22)}
.co-opt-ship,.co-check,.co-review{background:#fbf3ec}
.co-mode.live{background:#dcebdf;color:#1d4d2b}
/* admin */
.admin-side{background:var(--av-navy);color:#d3d9e6;border-right:3px solid var(--av-orange)}
.admin-side .logo,.admin-side .logo b{color:#f3f1ea}
.admin-side .nl{color:#c3cadb;transition:background-color .15s ease,color .15s ease}
.admin-side .nl:hover{background:rgba(242,107,29,.14);color:#fff7f0}
.admin-side .nl.on{background:var(--av-orange);color:var(--av-navy)}
.admin-side :focus-visible{outline-color:var(--av-orange)}

/* ---- v2: higher-specificity brand on purchase, delivery guide, checkout, auth ---- */
html body .btn{--bg:var(--av-navy);--fg:#f6f4ef}
html body .btn:hover{--bg:#1c2d55}
html body .btn-light{--bg:#f6f4ef;--fg:var(--av-navy)}html body .btn-light:hover{--bg:var(--av-orange)}
html body .btn-ghost{--bg:transparent;--fg:var(--ink)}html body .btn-ghost:hover{--bg:#efe6dc}
html body .btn-cart{--bg:var(--av-navy);--fg:#f6f4ef}
html body .btn-cart:hover{--bg:#1c2d55}
html body .btn-now{--bg:var(--av-orange);--fg:var(--av-navy);border-color:#d9561a}
html body .btn-now:hover{--bg:#e05a12}
html body .btn-now svg{color:var(--av-navy)}
html body .btn:disabled,html body .btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}
html body .qty button:hover{background:#fbe6d8}
html body .qty:focus-within{border-color:var(--av-orange-ink);box-shadow:0 0 0 3px rgba(242,107,29,.2)}
html body .thumbs button.on{border-color:var(--av-orange-ink);box-shadow:0 0 0 2px var(--av-orange-ink) inset}
html body .pp-ico-lg{background:#fbe6d8;color:var(--av-orange-ink)}
html body .pp-link:hover{color:var(--av-orange-ink)}
html body [class*="dg-"] a,html body .delivery-guide a{color:var(--av-orange-ink)}
html body .co-body{--co-green:#c2450f;--co-green-2:#9e370b;--co-tint:#fbefe6;--co-line:#dfdacf;--co-ink:#141d30;--co-mute:#545d70;--co-surface:#fbfaf6;background:#f6f4ef}
html body .co-btn{color:#fff}
html body .co-body input:focus{border-color:#c2450f;box-shadow:0 0 0 3px rgba(242,107,29,.22)}
html body .co-opt-ship{background:#fbf3ec}
html body .auth .btn,html body .admin .btn{--bg:var(--av-navy)}
html body .admin .btn:hover,html body .auth .btn:hover{--bg:#1c2d55}
html body .admin .btn-ghost,html body .auth .btn-ghost{--bg:transparent;--fg:var(--ink)}
html body .admin a:not(.btn):not(.nl):not(.logo){color:var(--av-orange-ink)}

/* ---- v2: mobile overflow fixes (shrinkable grids/flex, wrapping) ---- */
.pdp>*,.pdp-gallery,.pdp-info,.pdp-buy>*,.header-row>*{min-width:0}
@media (max-width:900px){
  html body .pdp{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (max-width:640px){
  .header-row{flex-wrap:wrap;min-width:0}
  .header .logo{min-width:0;flex:1 1 auto}
  .header .logo b{overflow-wrap:anywhere}
  .header .tools{flex:none}
  .header .tool .l{display:none}
  .thumbs{flex-wrap:wrap}
  .thumbs button{width:64px;height:64px}
  html body .pdp-buy{grid-template-columns:auto minmax(0,1fr);gap:10px}
  .pdp-buy .qty{height:56px}
  .pdp-buy .qty button{width:38px}
  .pdp-buy .qty input{width:40px}
  html body .pdp-buy .btn,html body .btn-now,html body .btn-cart{white-space:normal;min-width:0;height:auto;min-height:56px;text-align:center;line-height:1.25}
  .pp-delivery{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
  .pp-tiles li,.pp-row>*{min-width:0}
  .pdp-info h1,.pdp-price{overflow-wrap:anywhere}
  .pdp table{display:block;max-width:100%;overflow-x:auto}
}
