/* GalGaz Mobile Fixes v4.4 */
/* Fix: LiteSpeed Guest Mode strips @media rules, causing desktop+mobile headers to conflict.
   External CSS file excluded from LiteSpeed optimization. */

/* On narrow screens (<922px): show mobile, hide desktop */
@media (max-width: 921.99px) {
    #ast-desktop-header { display: none !important; }
    #ast-mobile-header { display: block !important; }
    .ast-mobile-header-wrap { display: block !important; }
}

/* On wide screens (>=922px): show desktop, hide mobile */
@media (min-width: 922px) {
    #ast-mobile-header { display: none !important; }
    #ast-desktop-header { display: block !important; }
}

/* Mobile menu drawer active state */
.ast-mobile-popup-drawer.active {
    left: 0 !important;
    opacity: 1 !important;
    right: 0 !important;
    z-index: 100000 !important;
    visibility: visible !important;
}
.ast-mobile-popup-drawer.active .ast-mobile-popup-overlay {
    opacity: 1 !important;
    cursor: pointer !important;
    visibility: visible !important;
}
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
    transform: translateX(0) !important;
    opacity: 1 !important;
}

/* Logo size safety: limit to 70px on ALL pages (works with .ast-header-break-point on mobile) */
.ast-header-break-point .site-logo-img img,
.ast-header-break-point .ast-site-identity img,
.ast-header-break-point #ast-mobile-header .site-logo-img img {
    max-width: 70px !important;
    width: 70px !important;
    height: auto !important;
}