/* WP Stories 4.2.0 - frontend + Elementor responsive styles */
.wpsy-instance{
    --wpsy-ring1:#6d28d9;
    --wpsy-ring2:#db2777;
    --wpsy-ring3:#f59e0b;
    --wpsy-seen:#c9c9c9;
    --wpsy-size:72px;
    --wpsy-gap:14px;
    --wpsy-ring-pad:3px;
    --wpsy-ring-gap:3px;
    --wpsy-title-gap:7px;
    --wpsy-title-lines:2;
    --wpsy-item-extra:28px;
    --wpsy-media-fit:cover;
    --wpsy-media-position:center center;
    position:relative;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    isolation:isolate;
}
.wpsy-instance *,
.wpsy-instance *::before,
.wpsy-instance *::after{box-sizing:border-box}

/* Strip */
.wpsy-strip{
    position:relative;
    width:100%;
    max-width:100%;
}
.wpsy-stories{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:flex-start!important;
    gap:var(--wpsy-gap)!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:14px 8px!important;
    margin:0!important;
    list-style:none!important;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scroll-snap-type:inline proximity;
    scroll-padding-inline:8px;
}
.wpsy-stories::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.wpsy-story-item{
    list-style:none!important;
    flex:0 0 calc(var(--wpsy-size) + var(--wpsy-item-extra))!important;
    width:calc(var(--wpsy-size) + var(--wpsy-item-extra))!important;
    min-width:calc(var(--wpsy-size) + var(--wpsy-item-extra))!important;
    max-width:calc(var(--wpsy-size) + var(--wpsy-item-extra))!important;
    padding:0!important;
    margin:0!important;
    scroll-snap-align:start;
}
.wpsy-story{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:inherit!important;
    cursor:pointer!important;
    text-align:center!important;
    font:inherit!important;
    line-height:1.25!important;
    text-transform:none!important;
    letter-spacing:normal!important;
    vertical-align:top!important;
    touch-action:manipulation;
}
.wpsy-story:hover,
.wpsy-story:focus,
.wpsy-story:active{background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important}
.wpsy-ring{
    display:block!important;
    position:relative!important;
    flex:0 0 var(--wpsy-size)!important;
    inline-size:var(--wpsy-size)!important;
    block-size:var(--wpsy-size)!important;
    width:var(--wpsy-size)!important;
    height:var(--wpsy-size)!important;
    min-width:var(--wpsy-size)!important;
    min-height:var(--wpsy-size)!important;
    max-width:var(--wpsy-size)!important;
    max-height:var(--wpsy-size)!important;
    aspect-ratio:1/1!important;
    margin:0 auto!important;
    padding:var(--wpsy-ring-pad)!important;
    border:0!important;
    border-radius:50%!important;
    background:linear-gradient(45deg,var(--wpsy-ring1),var(--wpsy-ring2) 55%,var(--wpsy-ring3))!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    line-height:0!important;
    transform:translateZ(0);
}
.wpsy-ring img,
.wpsy-ring-video-icon{
    display:block!important;
    inline-size:100%!important;
    block-size:100%!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    padding:0!important;
    border:var(--wpsy-ring-gap) solid #fff!important;
    border-radius:50%!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
}
.wpsy-ring img{object-fit:cover!important;object-position:center!important;background:#eee!important}
.wpsy-ring-video-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#262626!important;
    color:#fff!important;
    font-size:calc(var(--wpsy-size) * .31)!important;
    line-height:1!important;
}
.wpsy-title{
    display:-webkit-box!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:var(--wpsy-title-gap) 0 0!important;
    padding:0 2px!important;
    color:inherit;
    font-size:12px;
    font-weight:500;
    line-height:1.45!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:var(--wpsy-title-lines);
    line-clamp:var(--wpsy-title-lines);
}
.wpsy-story.seen .wpsy-ring{background:var(--wpsy-seen)!important}
.wpsy-story:focus-visible{outline:none!important}
.wpsy-story:focus-visible .wpsy-ring{outline:3px solid currentColor!important;outline-offset:3px!important}

/* Desktop strip navigation */
.wpsy-strip-nav{
    -webkit-appearance:none!important;
    appearance:none!important;
    position:absolute!important;
    top:calc(14px + (var(--wpsy-size) / 2))!important;
    z-index:15!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(0,0,0,.08)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.96)!important;
    color:#222!important;
    box-shadow:0 4px 16px rgba(0,0,0,.16)!important;
    font:700 28px/1 Arial,sans-serif!important;
    cursor:pointer!important;
    transform:translateY(-50%)!important;
    transition:opacity .18s ease,transform .18s ease!important;
}
.wpsy-strip-nav[hidden]{display:none!important}
.wpsy-strip-nav:hover{transform:translateY(-50%) scale(1.04)!important}
.wpsy-strip-nav:focus-visible{outline:3px solid currentColor!important;outline-offset:2px!important}
.wpsy-strip-prev{right:2px!important}
.wpsy-strip-next{left:2px!important}

/* Viewer */
html.wpsy-open,body.wpsy-open{overflow:hidden!important;overscroll-behavior:none!important}
.wpsy-viewer,
.wpsy-viewer *,
.wpsy-viewer *::before,
.wpsy-viewer *::after{box-sizing:border-box}
.wpsy-viewer{
    --wpsy-media-fit:cover;
    --wpsy-media-position:center center;
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:rgba(0,0,0,.96)!important;
    isolation:isolate!important;
}
.wpsy-viewer[hidden]{display:none!important}
.wpsy-shell{
    position:relative!important;
    flex:0 0 auto!important;
    width:100vw!important;
    max-width:520px!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#000!important;
    touch-action:pan-y;
    user-select:none;
    -webkit-user-select:none;
    contain:layout paint;
}
.wpsy-shell::before,
.wpsy-shell::after{
    content:"";
    position:absolute;
    z-index:4;
    left:0;
    right:0;
    pointer-events:none;
}
.wpsy-shell::before{top:0;height:150px;background:linear-gradient(to bottom,rgba(0,0,0,.62),rgba(0,0,0,.18) 55%,transparent)}
.wpsy-shell::after{bottom:0;height:180px;background:linear-gradient(to top,rgba(0,0,0,.58),rgba(0,0,0,.12) 60%,transparent)}
.wpsy-stage,.wpsy-slide{position:absolute!important;inset:0!important;margin:0!important;padding:0!important}
.wpsy-slide{display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important;overflow:hidden!important}
.wpsy-slide img,.wpsy-slide video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    object-fit:var(--wpsy-media-fit)!important;
    object-position:var(--wpsy-media-position)!important;
    background:#000!important;
}
.wpsy-progress{
    position:absolute!important;
    top:max(10px,env(safe-area-inset-top))!important;
    left:max(12px,env(safe-area-inset-left))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    z-index:8!important;
    display:flex!important;
    gap:4px!important;
    direction:ltr!important;
}
.wpsy-bar{display:block!important;flex:1 1 0!important;height:3px!important;background:rgba(255,255,255,.32)!important;border-radius:99px!important;overflow:hidden!important}
.wpsy-bar>i{display:block!important;width:0;height:100%!important;background:#fff!important;border-radius:inherit!important;will-change:width}
.wpsy-head{
    position:absolute!important;
    top:calc(max(10px,env(safe-area-inset-top)) + 15px)!important;
    left:max(12px,env(safe-area-inset-left))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    z-index:9!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    color:#fff!important;
    pointer-events:none!important;
}
.wpsy-current-title{
    min-width:0!important;
    flex:1 1 auto!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.4!important;
    text-shadow:0 1px 5px rgba(0,0,0,.75)!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.wpsy-head-actions{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;pointer-events:auto!important}
.wpsy-close,.wpsy-media-toggle{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(0,0,0,.38)!important;
    color:#fff!important;
    box-shadow:none!important;
    cursor:pointer!important;
    line-height:1!important;
    text-align:center!important;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}
.wpsy-close{font:400 31px/1 Arial,sans-serif!important}
.wpsy-media-toggle{font:700 17px/1 Arial,sans-serif!important}
.wpsy-media-toggle[hidden]{display:none!important}
.wpsy-close:hover,.wpsy-media-toggle:hover{background:rgba(0,0,0,.58)!important}
.wpsy-close:focus-visible,.wpsy-media-toggle:focus-visible,.wpsy-cta:focus-visible{outline:3px solid #fff!important;outline-offset:2px!important}
.wpsy-zone{
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    z-index:5!important;
    width:38%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent;
}
.wpsy-zone-prev{right:0!important}
.wpsy-zone-next{left:0!important}
.wpsy-cta{
    position:absolute!important;
    z-index:10!important;
    bottom:calc(28px + env(safe-area-inset-bottom))!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    display:block!important;
    width:max-content!important;
    max-width:min(84%,420px)!important;
    padding:12px 26px!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#111!important;
    text-decoration:none!important;
    text-align:center!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.35!important;
    box-shadow:0 6px 24px rgba(0,0,0,.35)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.wpsy-cta[hidden]{display:none!important}

/* Elementor empty state */
.wpsy-elementor-empty{
    min-height:130px;
    width:100%;
    padding:24px;
    border:1px dashed #b7bcc5;
    border-radius:12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:center;
    background:#f7f8fa;
    color:#4b5563;
}
.wpsy-elementor-empty>span{font-size:30px}
.wpsy-elementor-empty>strong{font-size:14px;color:#1f2937}
.wpsy-elementor-empty>small{font-size:12px;max-width:420px;line-height:1.7}

@media (max-width:1024px){.wpsy-instance{--wpsy-size:68px}}
@media (max-width:767px){
    .wpsy-instance{--wpsy-size:64px;--wpsy-gap:10px;--wpsy-item-extra:24px}
    .wpsy-stories{padding:10px 6px!important}
    .wpsy-strip-nav{display:none!important}
    .wpsy-shell{max-width:none!important;border-radius:0!important}
    .wpsy-current-title{font-size:13px!important}
    .wpsy-close,.wpsy-media-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex-basis:42px!important}
    .wpsy-cta{max-width:88%!important;padding:11px 22px!important;font-size:13px!important}
}
@media (max-width:359px){
    .wpsy-instance{--wpsy-size:58px;--wpsy-gap:8px;--wpsy-item-extra:20px}
    .wpsy-title{font-size:11px}
    .wpsy-head-actions{gap:3px!important}
    .wpsy-close,.wpsy-media-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}
}
@media (min-width:768px){
    .wpsy-viewer{padding:4vh 4vw!important}
    .wpsy-shell{
        width:auto!important;
        height:min(92dvh,920px)!important;
        max-height:min(92dvh,920px)!important;
        aspect-ratio:9/16!important;
        max-width:min(90vw,517.5px)!important;
        border-radius:16px!important;
        box-shadow:0 18px 70px rgba(0,0,0,.5)!important;
    }
    .wpsy-slide img,.wpsy-slide video{border-radius:16px!important}
}
@media (max-width:767px) and (orientation:landscape){
    .wpsy-shell{
        width:min(56.25dvh,100vw)!important;
        max-width:100vw!important;
        height:100dvh!important;
        max-height:100dvh!important;
        aspect-ratio:9/16!important;
    }
}
@supports not (height:100dvh){.wpsy-viewer,.wpsy-shell{height:100vh!important;max-height:100vh!important}}
@media (prefers-reduced-motion:reduce){.wpsy-instance *,.wpsy-viewer *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}