/* ============================================================
   BC SCRAP CARS — Brand Theme (New Look)
   Palette from logo: Orange #FE471B · Blue #005188 · Navy #0A2540
   ============================================================ */
:root{
  --orange:#FE471B;
  --orange-light:#FF6E42;
  --blue:#005188;
  --navy:#005188;
  --dark:#001F35;
  --bc-radius:16px;
}

/* ── Top bar: orange → blue gradient like the logo ── */
.main-top-bar{
  background:linear-gradient(90deg,#FE471B 0%,#D93810 55%,#005188 100%)!important;
}

/* ── Logo styling (white logo card look) ── */
.logo img, .footer-logo-img{
  background:#fff;
  border-radius:12px;
  padding:4px 10px;
  box-shadow:0 4px 14px rgba(0,31,53,.10);
}
footer .footer-logo-img{max-height:60px;width:auto;}

/* ── Buttons: gradient + pill radius + lift ── */
.btn-cta-main, .btn-lead-submit, .btn, .register{
  background:linear-gradient(135deg,#FF6E42 0%,#FE471B 60%,#D93810 100%)!important;
  border:none!important;
  border-radius:50px!important;
  box-shadow:0 8px 22px rgba(254,71,27,.35)!important;
  transition:transform .25s ease, box-shadow .25s ease!important;
}
.btn-cta-main:hover, .btn-lead-submit:hover, .btn:hover, .register:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(254,71,27,.45)!important;
}

/* ── Hero: blue glow to echo logo banner ── */
.dark-hero{background:radial-gradient(1200px 600px at 80% -10%,rgba(0,81,136,.45),transparent 60%),linear-gradient(160deg,#001F35 0%,#012B49 55%,#013A61 100%)!important;}
.glow-blob-1{background:radial-gradient(circle,rgba(254,71,27,.35),transparent 65%)!important;}
.glow-blob-2{background:radial-gradient(circle,rgba(0,81,136,.5),transparent 65%)!important;}
.hero-eyebrow{border:1px solid rgba(255,110,66,.4);background:rgba(254,71,27,.12);border-radius:50px;padding:8px 18px;}

/* ── Lead form: crisp card, blue header strip ── */
.lead-form-card{
  border-radius:var(--bc-radius)!important;
  overflow:hidden;
  box-shadow:0 25px 60px rgba(0,31,53,.35)!important;
  border:1px solid rgba(0,81,136,.15);
}
.lead-form-header{
  background:linear-gradient(135deg,#005188,#013A61)!important;
}
.lead-form-header .form-title, .lead-form-header .form-subtitle{color:#fff!important;}
.form-badge{background:#FE471B!important;color:#fff!important;border-radius:50px;}

/* ── Cards & sections: rounded, soft-shadow, hover lift ── */
.car-book, .service, .car-bok, .review-clint, .car-hire, .locations-address figure, .faq-item, .contact-info-card{
  border-radius:var(--bc-radius)!important;
  overflow:hidden;
}
.car-book, .service, .car-bok, .review-clint{
  box-shadow:0 10px 30px rgba(0,31,53,.08)!important;
  transition:transform .3s ease, box-shadow .3s ease;
}
.car-book:hover, .service:hover, .car-bok:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,31,53,.15)!important;
}

/* ── Headings: blue with orange accent underline ── */
.heading h2, .heading.two h2{color:#005188;}
.heading span, .heading.two span{
  color:#FE471B;
  letter-spacing:1.5px;
  text-transform:uppercase;
  font-weight:800;
}
.heading h2 span{color:#FE471B;}

/* ── Tabs / pills ── */
.nav-pills .nav-link.active{background:linear-gradient(135deg,#005188,#013A61)!important;border-radius:50px!important;}
.nav-pills .nav-link{border-radius:50px!important;}

/* ── Footer: deep navy-blue like logo banner ── */
footer{background:linear-gradient(180deg,#012B49 0%,#001F35 100%)!important;}
footer .information-link h3{color:#FF6E42;}

/* ── Steps ── */
.stap.active{border-bottom:4px solid #FE471B;}
.stap h4{color:#005188;}

/* ── Scroll progress ── */
#progress{background:linear-gradient(135deg,#FF6E42,#FE471B)!important;}

/* ── Selection color ── */
::selection{background:#FE471B;color:#fff;}
