/* The Bargain Busters — home page template styles.
   Enqueue in functions.php (see wp/functions-snippet.php).
   Place at: wp-content/themes/<child-theme>/assets/css/bargain-busters.css */

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
:target,section[id]{scroll-margin-top:96px}
body.bb-home{background:#FBF6EC;color:#20232E;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.bb-home a{text-decoration:none;color:inherit}
body.bb-home img{display:block;max-width:100%}
body.bb-home .d-only{display:flex}
body.bb-home .m-only{display:none}
body.bb-home .page{padding-bottom:0}

/* nav hover */
.bb-home .nav-link{padding:6px 0;border-bottom:2px solid transparent;transition:border-color .15s}
.bb-home .nav-link:hover{border-bottom-color:#1C5BB0}
.bb-home .btn-blue{transition:background .15s}
.bb-home .btn-blue:hover{background:#164a90 !important}
.bb-home .btn-white:hover{background:#F0C868 !important}

/* animations */
@keyframes callpulse{0%,100%{box-shadow:0 6px 22px rgba(28,91,176,.35)}50%{box-shadow:0 6px 30px rgba(28,91,176,.55)}}
@keyframes tickermove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bb-home .tk:hover .tk-track{animation-play-state:paused}

/* HERO: image takes 70% right, text overlaps left with gradient fade */
.bb-home .hero-sec{position:relative;overflow:hidden;display:flex;align-items:center;margin-top:14px}
.bb-home .hero-photo{position:absolute;right:0;top:0;height:100%;width:76%;object-fit:cover;object-position:right 15%;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,black 22%);
  mask-image:linear-gradient(to right,transparent 0%,black 22%)}
.bb-home .hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#FBF6EC 30%,rgba(251,246,236,.88) 46%,rgba(251,246,236,0) 66%)}

/* SERVICE cards: clickable, hover-lift */
.bb-home .svc-card{background:#fff;border:1px solid #EAE0CB;border-radius:14px;padding:22px;display:block;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;cursor:pointer}
.bb-home .svc-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(32,35,46,.25);border-color:#D9CDB2}
.bb-home .svc-card.sales{background:#1C5BB0;color:#fff;border-color:#1C5BB0}
.bb-home .svc-card.sales:hover{background:#164a90}

/* BOOK FORM (dark navy) */
.bb-home .book-sec{background:#0B1E3E;color:#fff}
.bb-home .book-inner{max-width:820px;margin:0 auto;padding:64px 22px 72px;text-align:center}
.bb-home .book-h{font-family:'Zilla Slab',serif;font-weight:700;font-style:italic;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.05;margin:8px 0 12px}
.bb-home .book-sub{margin:0 0 30px;font-size:1.1rem;opacity:.88;line-height:1.5}
.bb-home .book-sub a{color:#F0C868;font-weight:800;white-space:nowrap}
.bb-home .book-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bb-home .book-form .full{grid-column:1/-1}
.bb-home .book-form input,.bb-home .book-form textarea{width:100%;background:#fff;border:1px solid #fff;border-radius:8px;padding:16px 18px;font:600 1.02rem 'Hanken Grotesk',sans-serif;color:#20232E;outline:none;transition:box-shadow .15s}
.bb-home .book-form input:focus,.bb-home .book-form textarea:focus{box-shadow:0 0 0 3px rgba(240,200,104,.55)}
.bb-home .book-form textarea{resize:vertical;min-height:130px}
.bb-home .book-form input::placeholder,.bb-home .book-form textarea::placeholder{color:#8A8776;font-weight:500}
.bb-home .book-send{background:#F0C848;color:#20232E;border:none;padding:20px;border-radius:8px;font:800 1.15rem 'Hanken Grotesk',sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s}
.bb-home .book-send:hover{background:#E2A015}
.bb-home .book-or{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0 28px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#B7C3D6}
.bb-home .book-or::before,.bb-home .book-or::after{content:"";height:1px;background:#26365E;flex:1;max-width:80px}
.bb-home .book-truck{max-width:340px;width:70%;height:auto;margin:0 auto -20px;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}
.bb-home .book-cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:18px}
.bb-home .book-call{display:inline-flex;align-items:center;gap:10px;background:#F0C848;color:#20232E;padding:14px 22px;border-radius:10px;font-weight:800;font-size:1.05rem;transition:background .15s}
.bb-home .book-call:hover{background:#E2A015}

/* MOBILE overrides */
@media(max-width:860px){
  .bb-home .d-only{display:none !important}
  .bb-home .m-only{display:flex !important}

  .bb-home .hero-sec{min-height:clamp(360px,58vh,460px) !important;margin-top:6px !important}
  .bb-home .hero-photo{
    width:64% !important;height:100% !important;
    top:0 !important;bottom:auto !important;right:0 !important;
    object-position:90% 50% !important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,black 30%) !important;
    mask-image:linear-gradient(to right,transparent 0%,black 30%) !important;
  }
  .bb-home .hero-scrim{background:linear-gradient(90deg,#FBF6EC 28%,rgba(251,246,236,.78) 45%,rgba(251,246,236,0) 66%) !important}
  .bb-home .hero-content{padding:36px 20px 28px !important}
  .bb-home .hero-content > div{max-width:60% !important}
  .bb-home .hero-sec h1{font-size:1.85rem !important;line-height:1.05 !important}
  .bb-home .hero-cta{font-size:1rem !important;padding:15px 20px !important;gap:10px !important}
  .bb-home .hero-cta svg{width:20px;height:20px}
  .bb-home .hero-strip{font-size:.85rem !important}

  .bb-home .book-form{grid-template-columns:1fr}
  .bb-home .book-inner{padding:48px 18px 60px}

  /* reserve room for the floating Call Paul footer */
  .bb-home .page{padding-bottom:92px}
}

/* very small phones */
@media(max-width:400px){
  .bb-home .hero-content > div{max-width:64% !important}
  .bb-home .hero-sec h1{font-size:1.7rem !important}
}

/* DESKTOP: keep hero compact so reviews ticker is above the fold */
@media(min-width:861px){
  .bb-home .hero-sec{min-height:500px !important}
}