/* Fayota Mobile Toggle: plain black icon, no background, no hover effects */
/* Load this file LAST after all other CSS files */

@media (max-width: 991px) {
    .mobile_menu,
    .slicknav_menu {
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .slicknav_btn,
    .slicknav_btn:hover,
    .slicknav_btn:focus,
    .slicknav_btn:active {
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        text-decoration: none !important;
        transform: none !important;
    }

    .slicknav_btn .slicknav_menutxt {
        display: none !important;
    }

    .slicknav_icon {
        margin: 0 !important;
        width: 26px !important;
        height: 18px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    .slicknav_icon-bar {
        background: #000000 !important;
        background-color: #000000 !important;
        display: block !important;
        width: 26px !important;
        height: 3px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        transition: none !important;
    }

    .slicknav_btn:hover .slicknav_icon-bar,
    .slicknav_btn:focus .slicknav_icon-bar,
    .slicknav_btn:active .slicknav_icon-bar {
        background: #000000 !important;
        background-color: #000000 !important;
        box-shadow: none !important;
        transform: none !important;
    }
}