/*
Theme Name: Misadventure
Description: Faithful WooCommerce rebuild of the misadventure.co BigCommerce storefront. The look is live's own compiled Stencil CSS (assets/css/live-theme.css) + animate.css + Bootstrap 5.0.2 in live's order; this file only styles what WordPress renders differently. Values measured on live at 1440px unless noted.
Version: 1.0
Text Domain: serenetree
*/

/* ── Page Builder widgets rebuilt natively (BigCommerce renders them client-side) ── */
/* hero-image 99cb340f (live goober classes .go3638963820 / :after / .go1152403042) */
.srt-hero { display: flex; flex-direction: column; }
.srt-hero__inner { position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 650px; padding: 32px 84px; box-sizing: border-box; }
.srt-hero__inner::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--srt-hero-img) no-repeat; background-size: cover; background-position: var(--srt-hero-pos, center top); }
.srt-hero__content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 66.67%; }
.srt-hero__title { display: flex; align-items: center; min-height: 50px; font-family: inherit; font-weight: 400; }
.srt-hero__title p { margin: 0; }
@media (max-width: 800px) { .srt-hero__inner { min-height: 500px; padding: 21px 21px 42px; } .srt-hero__content { width: 100%; } } /* live at 375: 500px */

/* carousel widgets (about / events / cocktail bar): 500px slides, bg cover centred,
   content centred with 74px 84px padding; arrows 52px at the edges; dots. */
.srt-bccarousel { position: relative; overflow: hidden; } /* live wrapper already bleeds -10px */
.srt-bccarousel .srt-carousel__slide { display: none; position: relative; height: 500px; }
.srt-bccarousel .srt-carousel__slide.is-active { display: block; }
.srt-bccarousel__bg { position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; padding: 74px 84px; box-sizing: border-box; }
.srt-bccarousel__bg::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--srt-slide-img) center / cover no-repeat; }
.srt-bccarousel [data-test-id=carousel-title] { font-size: 36px; font-weight: 500; line-height: 1.5; }
.srt-bccarousel [data-test-id=carousel-title] p { margin: 0; }
.srt-bccarousel .srt-carousel__arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 168px; padding: 0; border: 0; cursor: pointer; z-index: 2; display: flex; align-items: center; justify-content: center; }
.srt-bccarousel .srt-carousel__arrow.css-mwwowe { background: #fff; } /* live's Emotion rule overrides .css-mwwowe's gold: white tab */
.srt-bccarousel .srt-carousel__arrow path { fill: rgb(94, 99, 122); }
@media (max-width: 800px) { .srt-bccarousel__bg { padding: 32px; } .srt-bccarousel .srt-carousel__arrow { display: none; } } /* live: no arrows, 32px padding */
.srt-bccarousel .srt-carousel__arrow--prev { left: 0; border-radius: 0 4px 4px 0; }
.srt-bccarousel .srt-carousel__arrow--next { right: 0; border-radius: 4px 0 0 4px; }
.srt-bccarousel .srt-carousel__dots { position: absolute; left: 0; right: 0; bottom: 16px; display: flex; justify-content: center; gap: 8px; z-index: 2; }
.srt-bccarousel .srt-carousel__dot { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff; background: transparent; padding: 0; cursor: pointer; }
.srt-bccarousel .srt-carousel__dot.is-active { background: #fff; }

/* ── WordPress bits live has no equivalent for ── */
.srt-newsletter__ok { margin: 0; padding: 12px 20px; text-align: center; background: #1b2935; color: #fff; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

/* Quick view modal (cards) */
.srt-qv { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.6); padding: 20px; }
.srt-qv[hidden] { display: none; }
.srt-qv__box { position: relative; background: #fff; width: 100%; max-width: 1000px; max-height: 90vh; overflow: auto; padding: 40px 30px 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.srt-qv__close { position: absolute; top: 8px; right: 12px; background: none; border: 0; font-size: 30px; line-height: 1; color: #333; cursor: pointer; }
.srt-qv__img img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.srt-qv__loading { grid-column: 1 / -1; text-align: center; padding: 60px 0; color: #666; }
@media (max-width: 800px) { .srt-qv__box { grid-template-columns: 1fr; } }

/* Product page: WooCommerce's per-variation price/stock block has no equivalent on live
   (the price at the top follows the chosen bottle instead). */
.productView-options .single_variation { display: none !important; }