/* ==========================================================================
   Ba Dum Tish — Animated storefront landing (front page)
   Full-screen scroll-zoom through the shop door, then into the WooCommerce shop.
   ========================================================================== */
:root{
  --bdt-land-navy:#2E3175;
  --bdt-land-cream:#FEF9C9;
  --bdt-land-sky:#BCE3E1;
  --bdt-land-round:"Fredoka","Baloo 2",system-ui,sans-serif;
  --bdt-land-shadow:0 12px 30px rgba(46,49,117,.28);
}

/* The landing owns the whole viewport; kill the theme chrome + horizontal scroll. */
body.bdt-landing{margin:0;background:var(--bdt-land-sky);overflow-x:hidden;}
body.bdt-landing .site-header,
body.bdt-landing .bdt-marquee,
body.bdt-landing .site-footer,
body.bdt-landing .nav-scrim{display:none !important;}

/* Scroll runway that drives the zoom. */
#bdt-zoom-spacer{height:270vh;}

/* Fixed full-screen storefront. */
#bdt-exterior{
  position:fixed; inset:0; z-index:40;
  transform-origin:50% 72%; overflow:hidden;
  background:var(--bdt-land-sky);
  will-change:transform,opacity;
}
#bdt-exterior svg{width:100%; height:100%; display:block;}

/* "Scroll to step inside" hint. */
#bdt-hint{
  position:fixed; left:50%; bottom:26px; transform:translateX(-50%);
  z-index:50; text-align:center; transition:opacity .3s;
}
#bdt-hint .bdt-hint__pill{
  display:inline-block; background:var(--bdt-land-navy); color:var(--bdt-land-cream);
  font-family:var(--bdt-land-round); font-size:15px; letter-spacing:.02em;
  padding:12px 24px; border-radius:999px; box-shadow:var(--bdt-land-shadow);
  border:0; cursor:pointer;
}
#bdt-hint .bdt-hint__chev{
  margin-top:10px; font-size:22px; color:var(--bdt-land-navy);
  animation:bdt-bob 1.4s ease-in-out infinite;
}
@keyframes bdt-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

/* Skip-intro button (top-right). */
#bdt-skip{
  position:fixed; top:22px; right:18px; z-index:50;
  background:rgba(46,49,117,.9); color:var(--bdt-land-cream);
  border:0; border-radius:999px; padding:10px 18px;
  font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  cursor:pointer; transition:opacity .3s,background .2s;
  font-family:var(--bdt-land-round);
}
#bdt-skip:hover{background:var(--bdt-land-navy);}

/* Screen-reader-only helper text. */
.bdt-land-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* Reduced motion: no zoom drama — show the storefront and let people click in. */
@media (prefers-reduced-motion:reduce){
  #bdt-zoom-spacer{height:0;}
  #bdt-hint .bdt-hint__chev{animation:none;}
}