/* Bin Lock Scotland v4.5 — final mobile/tablet colour repair.
   Colour only. No layout, sizing, spacing or structure changes. */
:root{
  --wbl-navy:#082B86;
  --wbl-primary:#0B3CC1;
  --wbl-secondary:#1458E6;
  --wbl-accent:#FFD400;
  --wbl-paper:#F7FAFF;
  --wbl-ink:#111318;
}

/* Override legacy hard-coded teal declarations that appear at the end of
   older theme style.css files. These selectors intentionally use !important. */
.hero{
  background:linear-gradient(112deg,var(--wbl-navy) 0%,var(--wbl-primary) 56%,var(--wbl-secondary) 100%)!important;
}
.page-hero,.cta-band,.wbl-area-banner,.whatsapp-qr-section{
  background:linear-gradient(120deg,var(--wbl-navy),var(--wbl-primary) 55%,var(--wbl-secondary))!important;
}
.topbar{background:var(--wbl-navy)!important}
.menu-toggle,.brand-mark{background:linear-gradient(135deg,var(--wbl-primary),var(--wbl-secondary))!important;color:#fff!important}
.btn:not(.secondary):not(.outline),.wp-element-button,.wbl-button,.wbl-button-direct{
  background:linear-gradient(135deg,var(--wbl-primary),var(--wbl-secondary))!important;color:#fff!important;
}
.btn.secondary,.trust,.step-no{background:var(--wbl-accent)!important;color:#111!important}
.btn.outline{background:transparent!important;border-color:currentColor!important}
.direct-buy-band,.section-soft{background:var(--wbl-paper)!important}
.site-footer{background:linear-gradient(135deg,#041A58,var(--wbl-navy))!important;color:#EAF0FF!important}
.site-footer h3,.site-footer h4{color:var(--wbl-accent)!important}
.section-head h2,.card h3,.hero-card h3,.faq summary,.direct-buy-grid h2,.wbl-calculator-head h3,.wbl-store-intro h2,.wbl-review-top h3{color:var(--wbl-navy)!important}
.price,.wbl-total,.wbl-summary,.wbl-price-split strong{color:var(--wbl-primary)!important}

@media (max-width: 900px){
  body{background:var(--wbl-paper)!important;color:var(--wbl-ink)!important}
  .site-header{background:#fff!important;border-bottom-color:rgba(8,43,134,.14)!important}
  .main-nav{background:#fff!important}
  .main-nav a{color:var(--wbl-navy)!important}
  .main-nav a:hover,.main-nav a:focus{background:#EEF3FF!important;color:var(--wbl-primary)!important}
  .hero{
    background:linear-gradient(145deg,var(--wbl-navy) 0%,var(--wbl-primary) 62%,var(--wbl-secondary) 100%)!important;
  }
  .hero .eyebrow{background:rgba(255,212,0,.17)!important;color:#FFE66B!important}
  .hero .btn.secondary{background:var(--wbl-accent)!important;color:#111!important}
  .hero .btn.outline{border-color:#fff!important;color:#fff!important;background:transparent!important}
  .hero .btn:not(.secondary):not(.outline){background:linear-gradient(135deg,var(--wbl-primary),var(--wbl-secondary))!important}
  .trust{background:var(--wbl-accent)!important}
  .direct-buy-band{background:var(--wbl-paper)!important}
  .site-footer{background:linear-gradient(160deg,#041A58,var(--wbl-navy))!important}
}

@media (max-width: 700px){
  /* Keep the poster palette consistent on phones. */
  .hero{background:linear-gradient(155deg,#061F67 0%,var(--wbl-primary) 58%,var(--wbl-secondary) 100%)!important}
  .menu-toggle{background:var(--wbl-navy)!important;color:#fff!important}
  .buy-choice-card,.card,.wbl-box{background:#fff!important;border-color:#D8E2FF!important}
}