/* ===== Elementor Mega Menu – HF Frontend Styles ===== */

/* ---- Header ---- */
.emm-header {
    position: relative;
    width: 100%;
    z-index: var(--emm-header-z, 999);
}

/* Overlay / transparent header */
.emm-header--overlay {
    position: absolute;
    top: 0; left: 0; right: 0;
    background: transparent;
}

/* Sticky: fixed state */
.emm-header--fixed {
    position: fixed !important;
    top: 0; left: 0; right: 0;
    animation: emmStickyIn .25s ease forwards;
}

@keyframes emmStickyIn {
    from { transform: translateY(-100%); opacity: 0; }
    to   { transform: translateY(0);     opacity: 1; }
}

/* ---- Footer ---- */
.emm-footer {
    width: 100%;
}

/* ---- Before / After content ---- */
.emm-before-content,
.emm-after-content {
    width: 100%;
}

/* ---- Body offset when header is sticky ---- */
body.emm-custom-header.admin-bar .emm-header--fixed {
    top: 32px;
}
@media screen and (max-width: 782px) {
    body.emm-custom-header.admin-bar .emm-header--fixed {
        top: 46px;
    }
}

/* ---- Hide theme header/footer when replaced ---- */
body.emm-custom-header .site-header,
body.emm-custom-header #masthead,
body.emm-custom-header #site-header,
body.emm-custom-header header.header,
body.emm-custom-header #header { display: none !important; }

body.emm-custom-footer .site-footer,
body.emm-custom-footer #colophon,
body.emm-custom-footer #site-footer,
body.emm-custom-footer footer.footer,
body.emm-custom-footer #footer { display: none !important; }