/**
 * Sabeon Stories Pro - full-screen story viewer styles.
 * Extracted verbatim from the pre-2.0 inline <style> block.
 */
.wpsb-story-viewer{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:999999;display:none;align-items:center;justify-content:center;}
.wpsb-story-viewer.wpsb-open{display:flex;}
.wpsb-story-viewer-inner{position:relative;width:100%;max-width:420px;height:100%;max-height:100vh;background:#000;overflow:hidden;}
@media (min-width:600px){.wpsb-story-viewer-inner{max-height:92vh;border-radius:12px;}}
.wpsb-story-progress{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:4px;z-index:5;}
.wpsb-story-progress-seg{flex:1;height:3px;background:rgba(255,255,255,.35);border-radius:2px;overflow:hidden;}
.wpsb-story-progress-seg i{display:block;height:100%;width:0%;background:#fff;}
.wpsb-story-close{position:absolute;top:14px;left:14px;z-index:6;background:rgba(0,0,0,.45);color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:15px;cursor:pointer;line-height:1;}
.wpsb-story-playpause{position:absolute;top:14px;left:54px;z-index:6;background:rgba(0,0,0,.45);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.wpsb-story-playpause:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.wpsb-story-close:focus-visible,.wpsb-story-prev-zone:focus-visible,.wpsb-story-next-zone:focus-visible,.wpsb-story-cta:focus-visible,.wpsb-wc-add-btn:focus-visible,.wpsb-qty-btn:focus-visible,.wpsb-sticker-option:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.wpsb-story-playpause-icon{display:none;}
.wpsb-story-playpause .wpsb-icon-pause{display:block;width:9px;height:11px;border-left:3px solid #fff;border-right:3px solid #fff;box-sizing:content-box;}
.wpsb-story-playpause.wpsb-is-paused .wpsb-icon-pause{display:none;}
.wpsb-story-playpause .wpsb-icon-play{display:none;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;margin-left:2px;}
.wpsb-story-playpause.wpsb-is-paused .wpsb-icon-play{display:block;}
.wpsb-story-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:7;opacity:0;pointer-events:none;transition:opacity .18s ease;}
.wpsb-story-feedback.wpsb-show{opacity:1;}
.wpsb-story-feedback-icon{display:none;}
.wpsb-story-feedback.wpsb-feedback-pause .wpsb-icon-pause-lg{display:block;width:22px;height:26px;border-left:7px solid #fff;border-right:7px solid #fff;box-sizing:content-box;}
.wpsb-story-feedback.wpsb-feedback-play .wpsb-icon-play-lg{display:block;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:24px solid #fff;margin-left:6px;}
.wpsb-story-media-wrap{position:relative;width:100%;height:100%;}
.wpsb-story-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;}
.wpsb-story-media img,.wpsb-story-media video{width:100%;height:100%;object-fit:contain;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;pointer-events:none;}
.wpsb-story-caption{position:absolute;bottom:74px;right:0;left:0;text-align:center;padding:0 20px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none;}
.wpsb-story-caption-heading{font-weight:700;font-size:16px;margin:0 0 4px;}
.wpsb-story-caption-desc{font-size:13px;margin:0;opacity:.9;}
.wpsb-story-cta{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#fff;color:#111;padding:10px 24px;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.4);z-index:5;}

/* Direct WooCommerce "Add to Cart": a small, self-contained control (see
   Frontend\Story_Viewer::print_markup() and assets/js/story-viewer.js).
   Positioned identically to .wpsb-story-cta above but shown instead of it
   whenever the current slide is WC-enabled. */
.wpsb-wc-cta-wrap{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:8px;}
.wpsb-qty-group{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);border-radius:999px;padding:4px;box-shadow:0 2px 12px rgba(0,0,0,.4);}
.wpsb-qty-btn{width:24px;height:24px;line-height:1;border:none;border-radius:50%;background:#111;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex:none;}
.wpsb-qty-input{width:32px;border:none;background:transparent;text-align:center;font-weight:700;font-size:13px;color:#111;-moz-appearance:textfield;}
.wpsb-qty-input::-webkit-outer-spin-button,.wpsb-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.wpsb-wc-add-btn{background:#fff;color:#111;padding:10px 24px;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.4);cursor:pointer;}
.wpsb-wc-add-btn.wpsb-loading{opacity:.65;pointer-events:none;}
.wpsb-story-nav{position:absolute;inset:0;display:flex;z-index:4;}

/* Story Sequence / Auto Advance navigation arrows. Hidden unless the current
   Story Bar explicitly enables continuous playback. */
.wpsb-story-sequence-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:38px;height:58px;border:0;border-radius:999px;background:rgba(0,0,0,.32);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,background .18s ease,visibility .18s ease;}
.wpsb-story-sequence-arrow span{display:block;font-size:38px;font-weight:300;line-height:1;margin-top:-3px;text-shadow:0 1px 5px rgba(0,0,0,.5);}
.wpsb-story-sequence-prev{left:10px;}
.wpsb-story-sequence-next{right:10px;}
.wpsb-story-sequence-arrow.wpsb-sequence-nav-visible{opacity:.82;visibility:visible;pointer-events:auto;}
.wpsb-story-sequence-arrow.wpsb-sequence-nav-visible:not(:disabled):hover{background:rgba(0,0,0,.52);opacity:1;}
.wpsb-story-sequence-arrow:disabled{opacity:.18;cursor:default;}
.wpsb-story-sequence-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px;}
@media (max-width:599px){.wpsb-story-sequence-arrow{width:34px;height:52px;}.wpsb-story-sequence-prev{left:7px;}.wpsb-story-sequence-next{right:7px;}}
.wpsb-story-prev-zone,.wpsb-story-next-zone{flex:1;cursor:pointer;background:none;border:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent;}
.wpsb-story-sticker{position:absolute;top:70px;left:0;right:0;display:flex;justify-content:center;z-index:5;pointer-events:none;}
.wpsb-story-sticker:empty{display:none;}
.wpsb-sticker-box{pointer-events:auto;background:rgba(255,255,255,.95);color:#111;border-radius:14px;padding:14px 18px;max-width:280px;width:calc(100% - 40px);box-shadow:0 4px 20px rgba(0,0,0,.3);text-align:center;}
.wpsb-sticker-question{font-weight:700;font-size:14px;margin:0 0 10px;}
.wpsb-sticker-option{display:block;width:100%;margin-bottom:6px;padding:9px 10px;border-radius:8px;border:1px solid #ddd;background:#fff;font-size:13px;cursor:pointer;position:relative;overflow:hidden;text-align:center;}
.wpsb-sticker-option:last-child{margin-bottom:0;}
.wpsb-sticker-option.wpsb-voted{cursor:default;}
.wpsb-sticker-option .wpsb-sticker-fill{position:absolute;top:0;left:0;bottom:0;background:#e8f0fe;z-index:0;transition:width .4s ease;}
.wpsb-sticker-option .wpsb-sticker-label{position:relative;z-index:1;}
.wpsb-sticker-option.wpsb-quiz-correct{background:#d7f7dd;border-color:#34a853;}
.wpsb-sticker-option.wpsb-quiz-wrong{background:#fbdcdc;border-color:#d93025;}
.wpsb-sticker-countdown{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;}
.wpsb-sticker-countdown-label{font-size:12px;color:#555;margin-bottom:4px;}

/* Story Appearance Engine */
.wpsb-story-viewer-inner.wpsb-appearance-glass{background:#0c0d10;box-shadow:0 20px 80px rgba(0,0,0,.55);}
.wpsb-story-viewer-inner.wpsb-appearance-luxury{background:#080808;}
.wpsb-story-viewer-inner.wpsb-appearance-neon{background:#05050a;}
.wpsb-story-viewer-inner.wpsb-appearance-news{background:#111;}
.wpsb-story-viewer-inner.wpsb-appearance-ecommerce{background:#090909;}
.wpsb-story-viewer-inner.wpsb-appearance-cinematic{background:#050505;}
.wpsb-story-ambient{position:absolute;inset:-12%;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(38px);opacity:0;transform:scale(1.08);transition:opacity .35s ease;pointer-events:none;}
.wpsb-story-viewer-inner.wpsb-ambient-on .wpsb-story-ambient{opacity:.34;}
.wpsb-story-viewer-inner.wpsb-ambient-on.wpsb-appearance-glass .wpsb-story-ambient{opacity:.48;filter:blur(48px);}
.wpsb-story-viewer-inner.wpsb-appearance-glass .wpsb-story-media{background:rgba(10,12,16,.38);backdrop-filter:blur(2px);}
.wpsb-story-viewer-inner.wpsb-appearance-luxury .wpsb-story-cta{background:linear-gradient(135deg,#fff,#d8d8d8);color:#111;box-shadow:0 4px 24px rgba(255,255,255,.18);}
.wpsb-story-viewer-inner.wpsb-appearance-neon .wpsb-story-cta{background:#fff;color:#08080d;box-shadow:0 0 24px rgba(255,255,255,.45);}
.wpsb-story-viewer-inner.wpsb-appearance-news .wpsb-story-caption{text-align:left;padding-left:24px;padding-right:24px;}
.wpsb-story-viewer-inner.wpsb-appearance-ecommerce .wpsb-story-cta,.wpsb-story-viewer-inner.wpsb-appearance-ecommerce .wpsb-wc-add-btn{border-radius:12px;}
.wpsb-story-viewer-inner.wpsb-cinematic .wpsb-story-caption-heading{font-size:19px;letter-spacing:.1px;}
.wpsb-story-viewer-inner.wpsb-cinematic .wpsb-story-caption-desc{font-size:14px;opacity:.94;}
.wpsb-story-viewer-inner.wpsb-cinematic .wpsb-story-close,.wpsb-story-viewer-inner.wpsb-cinematic .wpsb-story-playpause{background:rgba(0,0,0,.28);backdrop-filter:blur(8px);}
.wpsb-story-progress.wpsb-progress-thin{gap:3px;top:7px;left:10px;right:10px;}
.wpsb-story-progress.wpsb-progress-thin .wpsb-story-progress-seg{height:2px;}
.wpsb-story-progress.wpsb-progress-rounded .wpsb-story-progress-seg{height:5px;border-radius:999px;}
.wpsb-story-progress.wpsb-progress-glow .wpsb-story-progress-seg i{box-shadow:0 0 9px rgba(255,255,255,.9);}
.wpsb-story-progress.wpsb-progress-hidden{display:none;}
.wpsb-story-viewer-inner.wpsb-fit-cover .wpsb-story-media img,.wpsb-story-viewer-inner.wpsb-fit-cover .wpsb-story-media video{object-fit:cover;}
@media (min-width:600px){
 .wpsb-story-viewer-inner.wpsb-desktop-wide{max-width:560px;}
 .wpsb-story-viewer-inner.wpsb-desktop-fullscreen{max-width:none;max-height:100vh;border-radius:0;}
}
.wpsb-story-viewer-inner.wpsb-transition-fade .wpsb-story-media>*{animation:wpsbAppearFade .32s ease both;}
.wpsb-story-viewer-inner.wpsb-transition-zoom .wpsb-story-media>*{animation:wpsbAppearZoom .42s cubic-bezier(.2,.75,.25,1) both;}
.wpsb-story-viewer-inner.wpsb-transition-slide .wpsb-story-media>*{animation:wpsbAppearSlide .34s ease both;}
.wpsb-story-viewer-inner.wpsb-transition-blur .wpsb-story-media>*{animation:wpsbAppearBlur .4s ease both;}
.wpsb-story-viewer-inner.wpsb-transition-kenburns .wpsb-story-media>*{animation:wpsbAppearKenBurns 5s ease-out both;}
@keyframes wpsbAppearFade{from{opacity:0}to{opacity:1}}
@keyframes wpsbAppearZoom{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes wpsbAppearSlide{from{opacity:.4;transform:translateX(4%)}to{opacity:1;transform:translateX(0)}}
@keyframes wpsbAppearBlur{from{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur(0)}}
@keyframes wpsbAppearKenBurns{from{opacity:.85;transform:scale(1.02)}to{opacity:1;transform:scale(1.08)}}