/* fleet-shell.css (round 7, 1 Nov 2026).
   The shop's store.css is an older copy of the fleet's. These are the rules the fleet's
   current store.css has that the shop's copy lacks, for the pieces carried into the shop
   in round 7: the slide-1 hero logo lockup, the mobile tab bar flanks and the red Shop
   item. Copied verbatim from the fleet (northlands preview, read only). Loaded right
   after store.css and before the shop sheets, so every shop rule still wins. */

/* slide 1: hero logo lockup on the arc rings */
.shero__logo--hero {
  display: block; width: min(100%, 470px); height: auto;
  margin: 0 auto; position: relative; z-index: 3;
  filter: drop-shadow(0 12px 30px rgba(0,0,0,.5));
}
.hslide__art--stage .shero__logo { width: min(100%, 470px); }
/* slide-1 stage: tall enough for the arc rings to sit fully behind the logo
   (scale: none cancels the older .92 the shop's store.css still carries) */
.shero--slim .shero__stage { scale: none; margin: 0; min-height: 340px; }
@media (max-width: 1080px) {
  .shero--slim .arc { width: min(78vw, 310px); }
}
@media (max-width: 900px) {
  .hslide--stage .shero__stage { min-height: 240px; }
  .hslide--stage .shero__logo--hero { width: min(88vw, 360px); }
}
@media (max-width: 680px) {
  .shero--slim .arc { width: min(88vw, 340px); }
}

/* the cut-out art slides: the fleet's own file names carry the per-slide size and flip, the shop's pages have other names */
.shero--slim a.hslide__art--cutout[href="p/large-format.html"] img { width: min(100%, 600px) !important; transform: scaleX(-1) translateY(4%); }
.shero--slim a.hslide__art--cutout[href="p/printed-gifts.html"] img { width: min(100%, 500px) !important; transform: translateY(4%); }
.shero--slim a.hslide__art--cutout[href="p/courier.html"] img { width: min(100%, 620px) !important; transform: translateY(3%); }

/* "Shop" item: red on the light desktop bar so it reads as the way to order */
@media (min-width: 1081px) {
  .snav__menu .snav__shop a { color: var(--red); font-weight: 800; }
  .snav__menu .snav__shop a:hover { color: var(--red); background: rgba(213,35,47,.09); }
}

/* mobile tab bar: Shop and Call us share the left flank so the raised WhatsApp bump stays centred */
.mtab__flank { display: flex; align-items: center; justify-content: space-evenly; gap: clamp(.2rem, 2vw, .8rem); }
.mtab__flank a { flex: 0 1 auto; padding-left: .35rem; padding-right: .35rem; }

/* round 7 QC fix (1 Nov 2026): touch targets. The hero slider dots and arrows and the tab bar flank links were under 44 px.
   The dot is a 44 px tall button; the visible bar (6 px) is drawn by ::before and the timed fill by ::after, so the look is unchanged. */
.hslider__dot { height: 44px; background: transparent; border-radius: 0; overflow: visible; }
.hslider__dot::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 6px; margin-top: -3px; border-radius: 999px; background: rgba(255,255,255,.25); transition: background .3s; }
.hslider__dot.is-on { background: transparent; }
.hslider__dot.is-on::before { background: rgba(255,255,255,.35); }
.hslider__dot.is-on::after { inset: auto 0; top: 50%; height: 6px; margin-top: -3px; }
.hslider__arrow { width: 44px; height: 44px; }
.mtab__flank a { min-width: 44px; min-height: 48px; }