/* Air Mattresses Guide: forest green and sunset orange from the mountain logo.
   Bright orange uses dark green text; deeper orange is for small text on white.
   Brand overrides are kept outside the updateable theme. */
:root{
  --brand-green:#063b27; --brand-green-hover:#0d5137; --brand-green-light:#edf5ef;
  --brand-orange:#ff7900; --brand-orange-hover:#ff941f; --brand-orange-light:#fff3e5;
  --navy:var(--brand-green); --ink:#172e23; --ink-soft:#42564a; --muted:#617064;
  --line:#dce5dd; --bg:#fff; --panel:#f5f8f3;
  --gold:#bd4f00; --gold-deep:#984000; --link:var(--brand-green); --sale:#b3261e; --good:#187052;
  --color-primary:var(--brand-green); --color-primary-hover:var(--brand-green-hover); --color-primary-dark:#032a1b;
  --color-primary-light:var(--brand-green-light); --color-primary-rgb:6,59,39;
  --color-accent:var(--gold); --color-accent-hover:var(--gold-deep); --color-accent-light:var(--brand-orange-light);
  --color-success:var(--good); --color-success-light:#e4f4ee;
  --color-warning:#865800; --color-warning-light:var(--brand-orange-light);
  --color-error:var(--sale); --color-error-light:#fcecea;
  --color-info:var(--brand-green); --color-info-light:var(--brand-green-light);
  --color-text:var(--ink); --color-text-secondary:var(--ink-soft); --color-text-muted:var(--muted); --color-text-subtle:var(--muted);
  --color-bg:var(--bg); --color-bg-alt:var(--panel); --color-surface:var(--panel); --color-surface-raised:var(--bg); --color-surface-hover:var(--brand-green-light);
  --color-border:var(--line); --color-border-subtle:#eaf0e8; --color-border-strong:#b8cabc;
  --color-overlay:rgba(6,59,39,.5);
  --acms-primary:var(--color-primary); --acms-primary-hover:var(--color-primary-hover); --acms-primary-rgb:6,59,39;
  --acms-star-active:var(--brand-orange); --acms-star-inactive:#b8cabc; --acms-border:var(--line);
  --acms-price-color:var(--ink); --acms-price-original:var(--muted); --acms-prime-color:var(--brand-green);
  --acms-amazon-orange:var(--brand-orange); --acms-amazon-orange-hover:var(--brand-orange-hover);
}

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

/* 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-orange-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-orange)}
.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(189,79,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-orange-light);color:var(--navy)}
.page-body .guide-cta a.gc-btn{background:var(--brand-orange);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(--brand-orange);border-color:var(--brand-orange);color:var(--brand-green)}
.acms-btn--amazon:hover{background:var(--brand-orange-hover);border-color:var(--brand-orange-hover);color:var(--brand-green);box-shadow:0 4px 14px rgba(189,79,0,.24)}

/* Footer */
footer.site{background:var(--navy);color:#d4e3d7;border-top:4px solid var(--brand-orange)}
footer.site p.desc{color:#c0d3c5}
footer.site li a{color:#d4e3d7}
footer.site li a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--brand-orange);text-underline-offset:3px}
footer.site .fine{color:#b4cbb9}
footer.site .fine a{color:#e7f0e9}
.social a:hover{background:var(--brand-orange);color:var(--navy)}

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

/* Hide the opening featured image on every article. */
.pf-article > .post-hero > .post-figure{display:none}

/* Shared actions: logo orange with forest text for readable contrast. */
.tagline button,.news button,.results-search button,
.compare-table .ct-buy,.buy-btns a:not(.alt),
.acms-coupons-btn,.page-body .acms-coupons-btn,
.acms-coupons .acms-coupons-btn,.acms-coupons-row-cta .acms-coupons-btn{
  background:var(--brand-orange);border-color:var(--brand-orange);color:var(--brand-green);
}
.tagline button:hover,.news button:hover,.results-search button:hover,
.compare-table .ct-buy:hover,.buy-btns a:not(.alt):hover,
.acms-coupons-btn:hover,.page-body .acms-coupons-btn:hover,
.acms-coupons .acms-coupons-btn:hover,.acms-coupons-row-cta .acms-coupons-btn:hover{
  background:var(--brand-orange-hover);border-color:var(--brand-orange-hover);color:var(--brand-green);
}
.accent-h,.catblock .ch .cat-title,.cat-hero h1,.post-hero h1,
.author-info h1,article.page h1,.store-head-text h1,.coupons-head h1{color:var(--brand-green)}
.navbar .submenu a{color:var(--ink)}
.variant-badge{background:var(--brand-orange-light);border-color:var(--line)}
.searchpill,.tagline input,.results-search{border-color:var(--color-border-strong)}
.carousel::-webkit-scrollbar-thumb{background:var(--color-border-strong)}
.tagline{background:var(--brand-green-light)}
.prod .award{background:var(--brand-orange);color:var(--brand-green)}
.who .stat b,.news .wk{color:var(--brand-orange)}
.btn-loadmore{border-color:var(--brand-green);color:var(--brand-green)}
.btn-loadmore:hover{background:var(--brand-green);color:var(--bg)}
.mobile-nav details summary:hover,.mobile-nav details summary:focus-visible{background:rgba(255,121,0,.2)}
.navbar a:focus-visible,.mobile-nav a:focus-visible,.mobile-nav summary:focus-visible,
footer.site a:focus-visible,.news button:focus-visible,.guide-cta a:focus-visible{outline-color:var(--brand-orange)}
.searchpill:focus-within,.mobile-search .m-search:focus-within,.results-search:focus-within{
  border-color:var(--brand-green);box-shadow:0 0 0 3px var(--brand-green-light);
}
/* Uploaded logo has a white canvas: provide a clean surface on the footer. */
footer.site .logo-custom{background:var(--bg);padding:8px 12px;border-radius:6px}