/* Super aggressive sticky header background override */

/* Transition for smooth background changes */
header, 
.elementor-location-header,
[data-elementor-type="header"],
.elementor-sticky {
    transition: background-color 0.3s ease-in-out, background 0.3s ease-in-out !important;
}

/* Target elementor-sticky when effects are active */
.elementor-sticky--effects,
.elementor-sticky--effects .e-con,
.elementor-sticky--effects .e-container,
.elementor-sticky--effects .elementor-container,
.elementor-sticky--effects .elementor-section,
header.elementor-sticky--effects,
div.elementor-sticky--effects,
body.angie-is-scrolled .elementor-sticky--effects {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Override inner container backgrounds that might be hardcoded to green */
.elementor-sticky--effects .elementor-column,
.elementor-sticky--effects .elementor-widget-wrap,
.elementor-sticky--effects .e-con-inner,
.elementor-sticky--effects .elementor-widget-container {
    background-color: transparent !important;
    background: transparent !important;
}

/* Global scroll class helper from JS */
body.angie-is-scrolled header,
body.angie-is-scrolled .elementor-location-header,
body.angie-is-scrolled [data-elementor-type="header"],
body.angie-is-scrolled .elementor-sticky--effects {
    background-color: #000000 !important;
    background: #000000 !important;
}
