/* ChairWiki navy and orange palette matching the active chair logo. Loaded after the child theme by bsp-brand-colors.php. */
:root{
  --brand-orange:#ff9800; --brand-orange-light:#fff3e0;
  --brand-cyan:var(--brand-orange); --brand-cyan-light:var(--brand-orange-light);
  --navy:#103653; --ink:#142b40; --ink-soft:#40556a; --muted:#617385; --line:#dce7ee; --bg:#fff;
  --panel:#f5f8fa; --gold:#a84700; --gold-deep:#843800; --link:#984100; --sale:#a64135; --good:#187052;
  --color-primary:var(--gold); --color-primary-hover:var(--gold-deep); --color-primary-dark:var(--gold-deep);
  --color-primary-light:var(--brand-cyan-light); --color-primary-rgb:168,71,0;
  --color-accent:var(--gold); --color-accent-hover:var(--gold-deep); --color-accent-light:var(--brand-cyan-light);
  --color-success:var(--good); --color-success-light:#e4f4ee;
  --color-warning:#8a6819; --color-error:var(--sale); --color-info:var(--navy);
  --color-text:var(--ink); --color-text-secondary:var(--ink-soft); --color-text-muted:var(--muted); --color-text-subtle:#758696;
  --color-bg:#fff; --color-bg-alt:var(--panel); --color-surface:var(--panel); --color-surface-raised:#fff; --color-surface-hover:#fff3e0;
  --color-border:var(--line); --color-border-subtle:#eaf1f5; --color-border-strong:#b9cbd7;
  --acms-primary-rgb:168,71,0; --acms-star-active:var(--gold); --acms-border:var(--line);
  --acms-price-color:var(--ink); --acms-price-original:var(--muted);
}

/* Header and navigation */
.accent-h,.catblock .ch,.cat-related-title,.related-guides{border-top-color:var(--brand-cyan)}
.navbar{background:var(--navy);box-shadow:inset 0 -3px 0 var(--brand-cyan)}
.navbar .ni:hover>a,.navbar .ni>a:focus-visible{color:#fff;box-shadow:inset 0 -3px 0 var(--brand-cyan)}
.navbar .submenu{border-top-color:var(--brand-cyan);box-shadow:0 20px 34px rgba(11,49,91,.18)}
.navbar .submenu a:hover,.navbar .submenu a:focus-visible{background:var(--brand-cyan-light);color:var(--navy)}
.mobile-nav{background:var(--navy);border-top:2px solid var(--brand-cyan);box-shadow:0 14px 26px rgba(11,49,91,.2)}
.mobile-nav a:active,.mobile-nav a:hover,.mobile-nav a:focus-visible{background:rgba(255,152,0,.2)}
.navbar .right a.nav-coupons{color:var(--navy);background:var(--brand-cyan)}
.navbar .right a.nav-coupons:hover{color:var(--navy);background:#fff}
.mobile-nav a.nav-coupons .nav-coupons-icon{color:var(--brand-cyan)}

/* Search, callouts and article actions */
.searchpill,.tagline input,.results-search{border-color:var(--line)}
.searchpill{transition:border-color .2s,box-shadow .2s}
.searchpill:focus-within,.results-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--brand-cyan-light)}
.tagline form:focus-within input{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.news{border-top:3px solid var(--brand-cyan)}
.tagline button,.news button,.results-search button,.btn-loadmore,.buy-btns a,.compare-table .ct-buy{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
.tagline button:hover,.news button:hover,.results-search button:hover{box-shadow:0 4px 12px rgba(168,71,0,.22)}
.compare-table .ct-buy:hover,.buy-btns a:hover{background:var(--gold-deep);color:#fff}
.buy-btns a.alt:hover{background:var(--brand-cyan-light);color:var(--navy)}
.page-body .guide-cta a.gc-btn{background:var(--brand-cyan);color:var(--navy)}
.page-body .guide-cta a.gc-btn:hover{background:#fff;color:var(--navy)}
.acard a:hover h2,.acard a:hover h3,.lead a:hover h3,.clist .ci a:hover,.compact-list .crow a:hover{color:var(--gold-deep)}
.acard .imgwrap img{transition:transform .2s ease}
.acard a:hover .imgwrap img{transform:scale(1.025)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

/* Affiliate buttons */
.acms-btn--amazon{background:var(--gold);border-color:var(--gold);color:#fff}
.acms-btn--amazon:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff;box-shadow:0 4px 14px rgba(168,71,0,.24)}

/* Footer */
footer.site{background:var(--navy);color:#d3e3ed;border-top:4px solid var(--brand-cyan)}
footer.site p.desc{color:#c5d9e6}
footer.site li a{color:#d3e3ed}
footer.site li a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--brand-cyan);text-underline-offset:3px}
footer.site .fine{color:#bdd2e0}
footer.site .fine a{color:#e2f0f6}
.social a:hover{background:var(--brand-cyan);color:var(--navy)}

@media(prefers-reduced-motion:reduce){
  .acard .imgwrap img{transition:none}
  .acard a:hover .imgwrap img{transform:none}
}

/* ChairWiki brand accents and consistent article controls. */
header.site{border-top:3px solid var(--brand-orange)}
.who{border-top:3px solid var(--brand-orange)}
.who .stat b{color:var(--brand-orange)}
.variant-badge{background:var(--brand-orange-light);border-color:#f1d3ac;color:var(--gold-deep)}
.tagline button,.news button,.results-search button{background:var(--brand-orange);color:var(--navy)}
.tagline button:hover,.news button:hover,.results-search button:hover{background:#ffb340;color:var(--navy)}
.prod .award{background:var(--brand-orange);color:var(--navy)}
.btn-loadmore:hover{border-color:var(--gold);background:var(--gold)}
footer.site .logo{background:#fff;border-radius:8px;padding:8px 12px;display:inline-flex;height:auto}
footer.site .logo img{margin-bottom:0;max-width:100%;object-fit:contain}
::selection{background:#ffe0ae;color:var(--navy)}

/* Native disclosure: closed before first paint; keyboard and no-JS support. */
.cw-pros-details{margin-top:18px;border-top:1px solid var(--line)}
.cw-pros-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:14px 0;min-height:48px;font-size:14px;font-weight:700;color:var(--navy)}
.cw-pros-details>summary::-webkit-details-marker{display:none}
.cw-pros-action{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:13px}
.cw-pros-details>summary:hover .cw-pros-action{text-decoration:underline}
.cw-pros-details .cw-pros-hide{display:none}
.cw-pros-details[open] .cw-pros-view{display:none}
.cw-pros-details[open] .cw-pros-hide{display:inline}
.cw-pros-details>.pros-cons{margin-top:0;padding-top:4px;border-top:0}
@media print{.cw-pros-details>.pros-cons{display:grid!important}.cw-pros-action{display:none}}

/* Hide featured-image wrappers on every article, including up-next, at all viewport sizes. */
.pf-article .post-hero>.post-figure{display:none}
