
/* Step 247 — Mobile Header Minimal Fix
   Keep the mobile header minimal: logo + language + login/logout only.
   Scope: CSS-only mobile header simplification. */

@media (max-width: 980px) {
    .premium-site-header .desktop-main-nav,
    .phase53-main-nav,
    .premium-site-header .header-home-icon,
    .premium-site-header .header-whatsapp-link,
    .premium-site-header .header-mini-link,
    .premium-site-header .student-compact-action,
    .premium-site-header .mobile-nav-toggle,
    .premium-site-header .mobile-nav-drawer,
    .mobile-nav-drawer {
        display: none !important;
    }

    .premium-site-header,
    .topbar.compact-topbar.premium-site-header.phase53-site-header {
        padding: 12px 14px !important;
        border-radius: 22px !important;
    }

    .premium-site-header .premium-header-line,
    .phase53-site-header .premium-header-line,
    .mobile-header-one-line {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    .premium-site-header .premium-brand-lockup {
        flex: 0 0 auto !important;
        min-width: auto !important;
        gap: 0 !important;
    }

    .premium-site-header .desktop-brand-text {
        display: none !important;
    }

    .premium-site-header .brand-logo-frame,
    .premium-site-header .brand-mark {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        border-radius: 14px !important;
    }

    .premium-site-header .brand-logo-img {
        padding: 3px !important;
    }

    .premium-site-header .premium-header-actions,
    .header-right-compact.premium-header-actions {
        flex: 0 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        overflow: visible !important;
        margin-left: auto !important;
        min-width: 0 !important;
    }

    .premium-site-header .premium-header-actions > * {
        display: none !important;
    }

    .premium-site-header .premium-header-actions > .compact-header-lang,
    .premium-site-header .premium-header-actions > .tiny-lang-form,
    .premium-site-header .premium-header-actions > .language-switcher-form,
    .premium-site-header .premium-header-actions > .compact-login-btn,
    .premium-site-header .premium-header-actions > .premium-login-btn,
    .premium-site-header .premium-header-actions > .compact-header-logout {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
    }

    .premium-site-header .premium-header-actions > .compact-header-logout {
        margin: 0 !important;
    }

    .premium-site-header .language-switcher,
    .premium-site-header .tiny-lang-form select {
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
        min-height: 42px !important;
        height: 42px !important;
        padding: 0 28px 0 10px !important;
        border-radius: 14px !important;
        font-size: .88rem !important;
    }

    .premium-site-header .compact-login-btn,
    .premium-site-header .premium-login-btn,
    .premium-site-header .compact-header-logout .chip {
        min-height: 42px !important;
        height: 42px !important;
        padding: 0 16px !important;
        border-radius: 14px !important;
        font-size: .95rem !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 520px) {
    .premium-site-header,
    .topbar.compact-topbar.premium-site-header.phase53-site-header {
        padding: 10px 12px !important;
    }

    .premium-site-header .premium-header-actions,
    .header-right-compact.premium-header-actions {
        gap: 6px !important;
    }

    .premium-site-header .language-switcher,
    .premium-site-header .tiny-lang-form select {
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        padding: 0 24px 0 9px !important;
        font-size: .84rem !important;
    }

    .premium-site-header .compact-login-btn,
    .premium-site-header .premium-login-btn,
    .premium-site-header .compact-header-logout .chip {
        padding: 0 14px !important;
        font-size: .9rem !important;
    }
}
