/* ===============================
        MOBILE MENU VISIBILITY FIX
        =============================== */
@media (max-width: 991px) {
    /* Force solid background for mobile menu */
    header.transparent {
        background: #ffffff !important;
    }
    /* Main menu text */
    #mainmenu li a {
        color: #000 !important;
    }
    /* Dropdown items */
    #mainmenu li ul li a {
        color: #000 !important;
    }
    /* Chevron / arrow icons */
    #mainmenu li.menu-item-has-children > a:after {
        color: #000 !important;
    }
    /* Login button text */
    #mainmenu button,
    #mainmenu button i {
        color: #000 !important;
    }
}

.float-text {
    top: 47%;
    text-align: left;
}

/* Default logo width (desktop) */
header div#logo {
    max-width: 100px;
}

/* Mobile screens */
@media (max-width: 991px) {
    header div#logo {
        max-width: 75px;
    }
}

.djacc--sticky.djacc--top-left {
    left: 0;
    top: 10%;
}

#page-loader {
    position: fixed;
    inset: 0;
    background: #1fa34a;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transform: translateY(0); /* Fully visible by default */
    transition: transform 0.9s cubic-bezier(0.77, 0, 0.175, 1);
}

#exit-loader {
    position: fixed;
    inset: 0;
    background: #47ABFF;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transform: translateY(100%); /* start below viewport */
    transition: transform 0.9s cubic-bezier(0.77,0,0.175,1);
}

    #exit-loader img {
        max-width: 60%;
        height: auto;
    }

    /* slide up to cover the page */
    #exit-loader.active {
        transform: translateY(0);
    }

#entry-loader {
    position: fixed;
    inset: 0;
    background: #47ABFF;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transform: translateY(0); /* start covering viewport */
    transition: transform 0.9s cubic-bezier(0.77,0,0.175,1);
}

    #entry-loader img {
        max-width: 60%;
        height: auto;
    }

    /* slide down to reveal page */
    #entry-loader.loaded {
        transform: translateY(100%);
    }