/*
 * Pink Posts – Container Carousel
 * Layout-critical declarations use !important intentionally: Elementor can emit
 * responsive container rules with higher specificity after this stylesheet.
 */
.e-con.pp-cc-active{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    min-width:0;
}
.e-con.pp-cc-active>.pp-cc-viewport{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:var(--pp-cc-gap,20px)!important;
    width:100%!important;
    min-width:0!important;
    min-height:0;
    flex:0 1 auto!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:auto;
    cursor:grab;
    box-sizing:border-box;
    padding:0;
    margin-inline:auto;
}
.e-con-full.pp-cc-active>.pp-cc-viewport{max-width:100%!important}
.e-con.pp-cc-active>.pp-cc-viewport::-webkit-scrollbar{display:none}
.e-con.pp-cc-active>.pp-cc-viewport>.elementor-element{
    flex:0 0 var(--pp-cc-width,320px)!important;
    width:var(--pp-cc-width,320px)!important;
    max-width:none!important;
    min-width:0!important;
    scroll-snap-align:start;
    box-sizing:border-box;
    --flex-shrink:0;
    --flex-grow:0;
}
.e-con.pp-cc-active>.pp-cc-viewport.pp-cc-no-snap{scroll-snap-type:none!important}
.e-con.pp-cc-active>.pp-cc-viewport.pp-cc-dragging{cursor:grabbing;user-select:none;scroll-snap-type:none!important}
.e-con.pp-cc-active>.pp-cc-ui{
    display:flex!important;
    align-items:center;
    align-self:center!important;
    justify-content:center;
    flex:none!important;
    width:var(--pp-cc-bar-width,100%)!important;
    max-width:100%;
    height:max(24px,var(--pp-cc-bar-height,4px));
    margin-top:var(--pp-cc-bar-gap,12px)!important;
    direction:ltr;
    touch-action:none;
    cursor:pointer;
    position:relative;
}
.e-con.pp-cc-active>.pp-cc-ui[hidden]{display:none!important}
.pp-cc-ui::before{content:"";position:absolute;inset-inline:0;top:50%;height:var(--pp-cc-bar-height,4px);transform:translateY(-50%);border-radius:100px;background:var(--pp-cc-track-color,rgba(0,0,0,.12))}
.pp-cc-ui>.pp-cc-thumb{position:absolute;left:0;top:50%;height:var(--pp-cc-bar-height,4px);transform:translateY(-50%);border-radius:100px;background:var(--pp-cc-thumb-color,#575756);cursor:grab;pointer-events:none}
.pp-cc-ui:focus-visible,.pp-cc-viewport:focus-visible{outline:2px solid var(--pp-cc-thumb-color,#575756);outline-offset:3px}