/* =========================================
   MOBILE LOGO BACKGROUND FIX – GoCourier
   ========================================= */
@media (max-width: 768px) {

    /* ✅ KEEP: Logo sizing fix */
    .logo,
    .site-logo,
    .header-logo {
        background-size: contain !important;
        width: 160px !important;
        height: 50px !important;
        background-position: left center !important;
    }

    /* ✅ FIX: Mobile menu clipped by header height */
    header,
    .site-header,
    .main-header,
    .mobile-header {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* ✅ FIX: Menu wrapper overflow (most common cause) */
    nav,
    .nav,
    .navigation,
    .menu,
    .menu-wrapper,
    .primary-menu {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* ✅ OPTIONAL (recommended): allow menu scrolling if long */
    .mobile-menu,
    .menu-open {
        max-height: 100vh !important;
        overflow-y: auto !important;
    }
}