/* ----------------------------------------------------------------
   Sticky + transparent header — Elementor Pro Theme Builder
   Extends the stormcore theme's existing rules (which target .top_panel)
   to also cover the Elementor-rendered header wrapper.
   ---------------------------------------------------------------- */

/* Overlay positioning: header sits above the hero section */
.header_position_over .elementor-location-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8000;
}

/* Start transparent */
.header_position_over .elementor-location-header .e-con,
.header_position_over .elementor-location-header .elementor-section {
    background-color: transparent !important;
    transition: background-color 0.3s ease;
}

/* Become opaque once the user scrolls */
body.sic_addons_page_scrolled .elementor-location-header .e-con,
body.sic_addons_page_scrolled .elementor-location-header .elementor-section {
    background-color: var(--theme-color-bg_color) !important;
}

/* Match the page content padding when header is in overlay mode */
.header_position_over .page_wrap {
    padding-top: 0;
}

/* Keep dropdown menu items visually consistent across the final header templates. */
.elementor-8037 .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu ul a,
.elementor-8033 .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu ul a {
    min-width: 190px;
}

/* Elementor popup modals must sit above the sticky header (z-index 10003) */
.elementor-popup-modal {
    z-index: 100003 !important;
}

/* ta_fadein — normally supplied by sic_addons CSS */
@keyframes ta_fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.animated.ta_fadein {
    animation-name: ta_fadein;
    animation-duration: 0.6s;
    animation-fill-mode: both;
}

/* slideInDown / slideOutUp — required by the mobile nav popup animations */
@keyframes slideInDown {
    from { transform: translate3d(0, -100%, 0); visibility: visible; }
    to   { transform: translate3d(0, 0, 0); }
}
@keyframes slideOutUp {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(0, -100%, 0); visibility: hidden; }
}

/* Close button inside the mobile nav popup */
.stormcore-popup-close { cursor: pointer; }