/* Flinapp CMS V5.0.23
   Mobile Admin: prevent EN/RO and topbar controls from overlapping the open sidebar. */

@media (max-width: 900px) {
  /* Keep the drawer above all normal header controls. */
  #siteSidebar.sidebar {
    z-index: 12050 !important;
  }
  #siteMenuOverlay.site-menu-overlay {
    z-index: 12040 !important;
  }
  #siteMenuToggle.site-menu-toggle {
    z-index: 12030 !important;
  }

  /* Language selector belongs to the header, never on top of an open drawer. */
  .topbar .fx-language-switcher.fx-language-inline {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* When the left menu is open, remove header controls from the drawer area. */
  html.fx-admin-drawer-open .topbar .fx-language-switcher,
  body.fx-admin-drawer-open .topbar .fx-language-switcher,
  body.menu-open .topbar .fx-language-switcher,
  body.sidebar-open .topbar .fx-language-switcher,
  #siteSidebar.is-open ~ .main .topbar .fx-language-switcher {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Header stays below the drawer and cannot paint across it. */
  .main .topbar,
  .main .top-actions {
    position: relative !important;
    z-index: 20 !important;
  }
}

@media (max-width: 700px) {
  /* Professional mobile header spacing. */
  .main {
    overflow-x: hidden !important;
  }
  .topbar {
    box-sizing: border-box !important;
    width: 100% !important;
    padding-left: 58px !important;
  }
  .top-actions {
    max-width: 100% !important;
  }

  /* If another theme rule forces the language control visible, keep it compact. */
  .topbar .fx-language-switcher.fx-language-inline {
    min-width: 0 !important;
    max-width: 132px !important;
    padding: 5px !important;
    gap: 3px !important;
  }
  .topbar .fx-language-switcher.fx-language-inline span {
    display: none !important;
  }
  .topbar .fx-language-switcher.fx-language-inline button {
    min-width: 40px !important;
    width: 40px !important;
    height: 36px !important;
    padding: 0 !important;
  }
}