/* QG+ — Menu du haut proportionné (09/10/2026).
   Demande du Général : « les boutons là-haut ne sont pas proportionnés par rapport à sa taille et par rapport aux autres
   textes de l'UI ». Avant : libellés de 11 px dans des pastilles de 31 px — plus petits que les libellés secondaires
   (« Nouvelle conversation » 13 px) et que les boutons de droite. Maintenant : la taille suit la largeur de l'écran
   (13 → 15 px), pastilles de ~40 px, à la hauteur du bouton son, de Paramètres et de l'avatar.
   Mobile (bas d'écran) inchangé. Fichier séparé. Retour arrière : retirer la ligne qg-nav.css d'index.html. */
@media (min-width: 601px) {
  #hermes-signature#hermes-signature#hermes-signature[data-theme] {
    --qg-nav-fs: clamp(13px, calc(0.45vw + 7.6px), 15px);
  }
  #hermes-signature#hermes-signature#hermes-signature[data-theme][data-palette] .hs-top .hs-nav { gap: 4px; }
  #hermes-signature#hermes-signature#hermes-signature[data-theme][data-palette] .hs-top .hs-nav button {
    display: inline-flex; align-items: center; justify-content: center;
    height: calc(var(--qg-nav-fs) * 2.8);
    padding: 0 calc(var(--qg-nav-fs) * 1.2) !important;
    font-size: var(--qg-nav-fs) !important; line-height: 1 !important;
  }
  /* Sombre (NEXUS) : capitales en chasse fixe, un cran plus petites pour garder la même présence */
  #hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"])[data-palette] .hs-top .hs-nav button {
    font-size: calc(var(--qg-nav-fs) * .86) !important; letter-spacing: .15em !important;
  }
  /* Boutons de droite à la même hauteur que les onglets */
  #hermes-signature#hermes-signature#hermes-signature .hs-top .hs-toptools .hs-themebutton {
    height: 40px; min-height: 40px; font-size: 13px;
  }
  #hermes-signature#hermes-signature#hermes-signature .hs-top .hs-toptools .hs-themebutton.qg-son-btn { width: 40px; min-width: 40px; }
  #hermes-signature#hermes-signature#hermes-signature .hs-top .hs-toptools .hs-themebutton svg { width: 18px; height: 18px; }
  /* libellé « Paramètres » : même échelle que les onglets */
  #hermes-signature#hermes-signature#hermes-signature[data-palette] .hs-top .hs-toptools .hs-themebutton > span { font-size: calc(var(--qg-nav-fs) * .93) !important; }
  #hermes-signature#hermes-signature#hermes-signature:not([data-theme="light"])[data-palette] .hs-top .hs-toptools .hs-themebutton > span { font-size: calc(var(--qg-nav-fs) * .82) !important; letter-spacing: .14em !important; }
  /* pastille de profil alignée sur les autres boutons (40 px) */
  #hermes-signature#hermes-signature#hermes-signature .hs-top .hs-toptools .hs-user { width: 40px; height: 40px; min-width: 40px; font-size: 13px; }
}

/* 851–979 px : la place manque à droite → « Paramètres » passe en icône seule (libellé gardé pour les lecteurs d'écran) */
@media (min-width: 851px) and (max-width: 979px) {
  #hermes-signature#hermes-signature#hermes-signature[data-palette] .hs-top .hs-toptools .hs-themebutton:not(.qg-son-btn) { width: 40px; min-width: 40px; padding: 0 !important; justify-content: center; gap: 0 !important; }
  #hermes-signature#hermes-signature#hermes-signature[data-palette] .hs-top .hs-toptools .hs-themebutton:not(.qg-son-btn) > span { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
}