/* Best Scopes Review brand palette. Loaded after the child theme by bsp-brand-colors.php. */
:root{
  --brand-cyan:#00bcd4; --brand-cyan-light:#e8f8fb;
  --navy:#0b315b; --ink:#142b40; --ink-soft:#40556a; --muted:#617385; --line:#dce7ee; --bg:#fff;
  --panel:#f3f9fb; --gold:#00718c; --gold-deep:#00566f; --link:#006b85; --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:0,113,140;
  --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:#e8f4f8;
  --color-border:var(--line); --color-border-subtle:#eaf1f5; --color-border-strong:#b9cbd7;
  --acms-primary-rgb:0,113,140; --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(0,188,212,.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(0,113,140,.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(0,113,140,.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}
}