/* Mobile header fix: logo + menu visible, language below */
@media (max-width: 768px) {
  header,
  .site-header,
  .main-header,
  .top-header,
  .app-header,
  .navbar,
  .nav-wrap {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    overflow: visible !important;
  }

  header .container,
  .site-header .container,
  .header-inner,
  .header-content,
  .nav-container,
  .navbar-inner,
  .topbar,
  .top-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  .logo,
  .brand,
  .site-logo,
  .header-logo {
    order: 1 !important;
    position: relative !important;
    z-index: 100002 !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .logo img,
  .brand img,
  .site-logo img,
  .header-logo img {
    display: block !important;
    max-height: 42px !important;
    width: auto !important;
  }

  .menu-toggle,
  .mobile-menu-toggle,
  .mobile-menu-btn,
  .hamburger,
  #mobileMenuBtn,
  #menuBtn {
    order: 2 !important;
    position: relative !important;
    z-index: 100003 !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    pointer-events: auto !important;
  }

  .language-selector,
  .language-switcher,
  .lang-switcher,
  .language-field,
  .language-select,
  .lang-select,
  #languageSelector,
  #languageSelect,
  select[name="language"],
  select[id*="lang"],
  select[class*="lang"] {
    order: 3 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 100001 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 4px 0 0 0 !important;
  }

  .language-selector select,
  .language-switcher select,
  .lang-switcher select,
  select[id*="lang"],
  select[class*="lang"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
  }

  .mobile-menu,
  .nav-menu,
  .main-menu,
  #mobileMenu,
  #navMenu {
    position: relative !important;
    z-index: 100000 !important;
    flex-basis: 100% !important;
    width: 100% !important;
  }
}