/* ============================================================
   TAPA Header Overlap Fix – cc578955
   Ensures no header ever overlaps page content
   ============================================================ */

/* Header always in normal flow, never floats over content */
.elementor-location-header {
    position: relative !important;
    z-index: 9999;
    width: 100%;
}

/* Safety: if sticky is re-enabled, at least push content down */
.elementor-sticky--active,
.elementor-sticky {
    z-index: 9999 !important;
}

/* Ensure the page wrapper starts after the header */
#page,
.site,
.site-content,
main.site-main {
    position: relative;
    z-index: 1;
}

/* Hello Elementor theme — remove any default negative margin that causes overlap */
.site-content {
    margin-top: 0 !important;
}

/* Elementor canvas / page content wrapper */
.elementor-section-wrap,
.e-con-inner {
    position: relative;
    z-index: 1;
}

/* Prevent logo/nav from bleeding outside header bounds */
.elementor-location-header .elementor-container,
.elementor-location-header .e-con-inner {
    overflow: visible;
}

/* Admin bar compensation when header is sticky */
body.admin-bar .elementor-location-header {
    top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
    body.admin-bar .elementor-location-header {
        top: 46px;
    }
}