/* Mobile Burger Menu Fixes */

@media screen and (max-width: 980px) {
    /* Menu container - hidden by default, shown when opened */
    .t282__menu__container {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        z-index: 99999 !important;
        transition: transform 0.3s ease-in-out !important;
        transform: translateY(-100%) !important;
    }

    /* Menu container when opened */
    .t282__menu__container:not(.t282__closed) {
        transform: translateY(0) !important;
    }

    /* Overlay - hidden by default, shown when opened */
    .t282__overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-color: rgba(0,0,0,0.6) !important;
        z-index: 989 !important;
        transition: opacity 0.3s ease-in-out !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Overlay when opened */
    .t282__overlay:not(.t282__closed) {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* Menu wrapper styling */
    .t282__menu__wrapper {
        background-color: #000000 !important;
        min-height: 100vh !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Menu links styling */
    .t282__menu__link {
        display: block !important;
        color: #ffffff !important;
        font-size: 22px !important;
        font-weight: 400 !important;
        text-decoration: none !important;
        padding: 14px 0 !important;
        transition: color 0.2s ease !important;
        position: relative !important;
        text-align: center !important;
    }

    .t282__menu__link:hover { 
        color: #c20d00 !important; 
    }

    /* Subtle hover underline */
    .t282__menu__link::after {
        content: '' !important;
        position: absolute !important;
        left: 50% !important;
        bottom: 0 !important;
        width: 0 !important;
        height: 2px !important;
        background: #c20d00 !important;
        transform: translateX(-50%) !important;
        transition: width 0.2s ease !important;
    }
    
    .t282__menu__link:hover::after { 
        width: 100% !important; 
    }

    /* Burger button styling */
    .t-menuburger { 
        z-index: 100001 !important; 
        cursor: pointer !important;
    }
    
    .t-menuburger span { 
        background-color: #ffffff !important; 
    }

    /* Menu items container */
    .t282__menu {
        padding: 30px 20px !important;
        width: 100% !important;
        max-width: 400px !important;
    }

    /* Language switcher */
    .t282__lang {
        margin-top: 30px !important;
        text-align: center !important;
    }

    .t282__lang a {
        color: #ffffff !important;
        font-size: 16px !important;
        margin: 0 10px !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    .t282__lang a:hover {
        color: #c20d00 !important;
    }
}

/* Ensure proper stacking */
.t282__container { 
    z-index: 99999 !important; 
}

.t282__menu__container { 
    z-index: 100000 !important; 
}

.t-menuburger { 
    z-index: 100001 !important; 
}