/* =========================================
   TUJUANE COMMON STYLES (Global Fixes)
   ========================================= */

/* --- HEADER: FORCE VISIBILITY --- */
#headerwrap {
    position: fixed !important;
    top: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    transform: none !important;
    /* Kills the "slide up" hide */
    background: var(--bg-dark) !important;
    /* Adjust color to your brand */
    z-index: 99999 !important;
}

/* FORCE CHILDREN VISIBILITY (Logo, Menu Icons, etc.) */
#headerwrap *,
#header *,
.header-bar * {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Revert display:block for specific header elements that need flex/inline */
.header-icons,
.main-nav,
ul.menu,
.mobile-menu-trigger {
    display: flex !important;
}

#logo,
#logo a,
.logo-image {
    display: block !important;
}

/* Push content down so it doesn't hide behind the forced header */
#pagewrap {
    padding-top: 80px !important;
}

/* --- FOOTER: REMOVE EXTRA SPACE --- */
#footerwrap {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

#footer {
    padding-top: 10px !important;
    /* Small gap for elegance */
    padding-bottom: 10px !important;
    margin: 0 !important;
    min-height: auto !important;
    /* Stops the footer from taking up 1/3 of the page */
}

/* Removes the extra gap Themify adds at the very bottom */
.footer-text,
#footer-logo {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Fix Mobile Menu Visibility globally (Kept from previous version as precaution) */
#menu-icon,
.mobile-menu-trigger {
    display: block !important;
    visibility: visible !important;
    z-index: 100000 !important;
}