@media (min-width: 1025px) {
    /* Target the header container to make it fixed */
    body:not(.elementor-editor-active) .elementor-location-header {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        /* Default state: transparent */
        background-color: transparent !important;
        box-shadow: none !important;
        transition: background-color 0.4s ease, box-shadow 0.4s ease !important;
    }
    
    /* Target the inner container of the header if it exists and has background */
    body:not(.elementor-editor-active) .elementor-location-header > .e-con,
    body:not(.elementor-editor-active) .elementor-location-header > .elementor-section {
        background-color: transparent !important;
        transition: background-color 0.4s ease !important;
    }

    /* Sticky state: white background and shadow */
    body:not(.elementor-editor-active) .elementor-location-header.is-sticky-header {
        background-color: #ffffff !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    }
    
    /* Ensure inner container gets white bg too when sticky to override Elementor styles */
    body:not(.elementor-editor-active) .elementor-location-header.is-sticky-header > .e-con,
    body:not(.elementor-editor-active) .elementor-location-header.is-sticky-header > .elementor-section {
        background-color: #ffffff !important;
    }
}