/* Custom fixes for scraped website */

/* ============================================
   FIX 1: Center ALL Elementor containers
   ============================================ */
.elementor-section.elementor-section-boxed>.elementor-container,
.elementor-2668 .elementor-section-boxed>.elementor-container,
.elementor .elementor-container {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Force center inner sections as well */
.elementor-inner-section>.elementor-container {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================
   FIX 2: Video Container - Remove black bars
   ============================================ */

/* Fix the video widget container - remove extra padding that causes black bar */
.elementor-2668 .elementor-element.elementor-element-a4e42ea>.elementor-widget-container {
    background-color: #000000;
    margin: 0px !important;
    padding: 0px !important;
    /* Remove top padding that creates black bar */
    border-style: solid;
    border-width: 3px;
    border-color: #ED3C09;
    border-radius: 5px;
    overflow: hidden;
    /* Ensure video doesn't overflow */
}

/* Ensure the video iframe container takes full width */
.elementor-2668 .elementor-element.elementor-element-a4e42ea .elementor-widget-container>div {
    position: relative !important;
    padding-top: 56.25% !important;
    /* 16:9 aspect ratio */
    width: 100% !important;
    background-color: #000000;
}

/* Make iframe fill the container completely */
.elementor-2668 .elementor-element.elementor-element-a4e42ea .elementor-widget-container iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

/* ============================================
   FIX 3: Button centering
   ============================================ */
.elementor-align-center .elementor-button-wrapper,
.elementor-mobile-align-center .elementor-button-wrapper {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
}

.elementor-align-center,
.elementor-mobile-align-center {
    text-align: center !important;
}

/* ============================================
   FIX 4: Sticky video positioning - MOBILE ONLY
   (Desktop sticky styles moved to mobile media query below)
   ============================================ */

/* ============================================
   FIX 5: REMOVE wavy/zigzag shape dividers
   ============================================ */

/* Hide ALL wavy shape dividers */
.elementor-shape[data-negative=false].elementor-shape-bottom,
.elementor-shape[data-negative=true].elementor-shape-top,
.elementor-shape-bottom,
.elementor-shape-top {
    display: none !important;
}

/* ============================================
   FIX 6: Column and widget constraints
   ============================================ */

/* Make sure columns don't stretch full width */
.elementor-widget-wrap {
    max-width: 100%;
}

/* Center text content widgets */
.elementor-2668 .elementor-element-f87a35f .elementor-widget-container,
.elementor-2668 .elementor-element-4d9ded2 .elementor-widget-container {
    text-align: center !important;
}

/* ============================================
   FIX 7: Section max-width constraints
   ============================================ */

/* Ensure section f87a35f (video section) respects max-width */
.elementor-2668 .elementor-element-f87a35f>.elementor-container {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================
   MOBILE RESPONSIVE FIXES
   ============================================ */
@media (max-width: 767px) {
    .elementor-2668 .elementor-element.elementor-element-a4e42ea>.elementor-widget-container {
        padding: 0px !important;
        border-width: 2px;
    }

    /* Sticky video - MOBILE ONLY */
    .elementor-element-a4e42ea.elementor-sticky--active {
        position: fixed !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 9999 !important;
        width: 100% !important;
        max-width: 95% !important;
        padding: 5px !important;
        box-sizing: border-box !important;
    }

    /* Keep widget container styling on sticky - mobile */
    .elementor-element-a4e42ea.elementor-sticky--active>.elementor-widget-container {
        border-width: 2px !important;
        border-color: #ED3C09 !important;
    }
}