/* Loop 38 — correctifs de superposition et d'en-tête mobile.
   Chargé après globals.css pour neutraliser l'ancienne règle générique qui
   injectait artificiellement « Video » / « Tripper » dans le mauvais contrôle. */

/* Les menus de langue vivent dans des headers sticky : on place explicitement
   leur stacking context au-dessus des barres recherche/actions de l'accueil. */
header.sticky.top-0 {
  z-index: 100 !important;
}

[data-vt-lang-switcher] {
  position: relative;
  z-index: 120;
}

[data-vt-lang-switcher-menu] {
  z-index: 140 !important;
}

[data-vt-lang-switcher-backdrop] {
  z-index: 130 !important;
}

/* Nunito/Playfair ne couvrent pas correctement les écritures arabe et
   devanagari. Les variables sont fournies par next/font dans layout.tsx. */
html[lang="ar"] body,
html[lang="ar"] .font-display {
  font-family: var(--font-arabic), sans-serif !important;
}

html[lang="hi"] body,
html[lang="hi"] .font-display {
  font-family: var(--font-devanagari), sans-serif !important;
}

@media (max-width: 639px) {
  /* L'en-tête connecté /me commence par un lien-logo. L'ancienne règle
     globals.css ciblait alors les mauvais div et ajoutait un second
     « VideoTripper » sur le sélecteur de langue. */
  header.sticky.top-0:has(> a:first-child) > div:first-of-type {
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
    align-self: auto;
  }

  header.sticky.top-0:has(> a:first-child) > div:nth-of-type(2) {
    width: auto;
    min-width: 0;
    flex: 0 0 auto;
    align-self: auto;
  }

  header.sticky.top-0:has(> a:first-child) > div:nth-of-type(2) > :first-child {
    width: auto;
    overflow: visible;
    white-space: normal;
    text-align: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  header.sticky.top-0:has(> a:first-child) > div:nth-of-type(2) > :first-child::before,
  header.sticky.top-0:has(> a:first-child) > div:nth-of-type(2) > :first-child::after {
    content: none !important;
    display: none !important;
  }
}