/* ============================================================================
 * CLM Hero Rotator + Header Layout Fix
 * Applied on top of build_v4/theme/clm-bundle.css.  Kills the white gutters
 * flanking the site header, removes the gap between header and hero, and
 * centers the rotator controls (formerly pinned bottom-right).
 * ========================================================================= */

/* ---- Header: full-width, no white gutters ---- */
header.site-header,
.site-header,
#masthead,
.clm-header,
.clm-site-header,
.elementor-location-header,
.elementor-location-header > .elementor,
.elementor-location-header > .elementor > .elementor-section,
.elementor-location-header .elementor-section-boxed > .elementor-container{
    max-width:100% !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    background:#0B1B2E;   /* match the dark bar so any residual gutter blends */
}

/* Inner rows still need horizontal padding so content isn't glued to the edge */
.elementor-location-header .elementor-container,
.site-header .container,
.site-header .clm-container,
.clm-header .clm-container{
    max-width:1440px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:clamp(16px,3vw,32px) !important;
    padding-right:clamp(16px,3vw,32px) !important;
}

/* Kill vertical gap between header and hero */
.clm-hero-rotator,
.site-header + .clm-hero-rotator,
.elementor-location-header + main .clm-hero-rotator,
main .clm-hero-rotator:first-child{
    margin-top:0 !important;
}
main,
#content,
.site-content{
    padding-top:0 !important;
    margin-top:0 !important;
}

/* ---- Rotator nav: center the pill ---- */

.clm-hero-rotator .clm-hr-controls{
    right:auto;
    left:50%;
    transform:translateX(-50%);
    bottom:clamp(20px,3vw,32px);
}

@media (max-width:768px){
    .clm-hero-rotator .clm-hr-controls{
        left:50%;
        right:auto;
        transform:translateX(-50%);
        bottom:14px;
        padding:6px 8px;
        gap:8px;
    }
}

/* Invisible swipe layer over the slide area — pointer-events pass through
 * to text/CTAs UNLESS the user starts a horizontal drag gesture on empty
 * hero space.  The JS toggles pointer events dynamically. */
.clm-hero-rotator .clm-hr-swipe{
    position:absolute;
    inset:0;
    z-index:4;
    touch-action:pan-y;
    pointer-events:none;
}
.clm-hero-rotator.is-swiping .clm-hr-swipe{
    pointer-events:auto;
    cursor:grabbing;
}