/* Mobile drawer only */
@media (max-width: 768px) {
    .drawer.popup-drawer-layout-fullwidth,
    .drawer {
        width: 100% !important;
        max-width: 100% !important;
        background: #fff !important;
    }

    .drawer-inner {
        background: #fff !important;
        padding: 80px 20px 40px !important;
        min-height: 100vh !important;
        position: relative !important;
        display: block !important;
    }

    /* Top orange accent bar */
    .drawer-inner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background: #f26522;
        z-index: 2;
    }

    /* Close button */
    .drawer .drawer-header {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        z-index: 100 !important;
    }

    .drawer-header .drawer-toggle {
        color: #0d1b2a !important;
    }

    /* Menu */
    .drawer-inner .menu,
    .drawer-inner nav,
    .drawer-inner ul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .drawer-inner .menu > li,
    .drawer-inner nav > ul > li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        animation: none !important;
    }

    .drawer-inner .menu > li > a,
    .drawer-inner nav > ul > li > a {
        color: #0d1b2a !important;
        text-decoration: none !important;
        display: block !important;
        padding: 16px 0 !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    }

    .drawer-inner .menu > li > a:hover,
    .drawer-inner nav > ul > li > a:hover {
        color: #f26522 !important;
    }

    /* Current page highlight */
    .drawer-inner .current-menu-item > a,
    .drawer-inner .current_page_item > a,
    .drawer-inner .current-menu-ancestor > a,
    .drawer-inner .current-menu-parent > a {
        color: #f26522 !important;
        position: relative !important;
    }

    .drawer-inner .current-menu-item > a::before,
    .drawer-inner .current_page_item > a::before,
    .drawer-inner .current-menu-ancestor > a::before,
    .drawer-inner .current-menu-parent > a::before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 12px;
        transform: translateX(-50%);
        width: 40px;
        height: 3px;
        background: #f26522;
    }

    /* Sub-menu */
    .drawer-inner .sub-menu {
        display: block !important;
        padding: 0 0 10px 0 !important;
    }

    .drawer-inner .sub-menu a {
        font-size: 16px !important;
        font-weight: 600 !important;
        padding: 10px 0 !important;
        color: #1a5276 !important;
        text-transform: none !important;
    }

    .drawer-inner .sub-menu .current-menu-item > a {
        color: #f26522 !important;
    }

    /* Orlando Bites watermark */
    .drawer-inner::after {
        content: 'ORLANDO BITES';
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 4px;
        color: #1a5276;
        opacity: 0.3;
        pointer-events: none;
        text-transform: uppercase;
    }
}