/*
  Projet : Site 15A
  Fichier : css/faq-nav.css
  Version : 0.13.1 — 2026-06-28
  Objectif : Couche de positionnement de la NAVIGATION « balle » pour la page
             FAQ, SANS charger base.css. La FAQ était la seule page restée sur
             l'ancienne nav « texte » ; son habillage (classic-nav) ayant été
             déplacé dans base.css lors de la reprise, sa nav s'affichait cassée.
             header.css (déjà chargé) fournit l'essentiel de la nav « balle »
             (barre mobile, menu latéral, boules, survols) mais y laisse
             #pc-nav en display:none et ne positionne pas la colonne de boules
             PC (ces règles vivent dans base.css, mêlées à des règles de CORPS
             — marges du pied de page, paddings du conteneur — qui déformeraient
             la mise en page propre de la FAQ).
             Cette feuille reprend donc UNIQUEMENT le sous-ensemble « nav » de
             base.css (révélation + positionnement de la colonne PC, taille de
             la boule du burger), pour aligner la nav de la FAQ sur le reste du
             site sans rien changer au corps de la page.
             À retirer le jour où la nav sera extraite de base.css dans une
             feuille de nav partagée par toutes les pages.
*/

/* Mobile (≥768px) : taille de la boule du burger, variante bleue (FAQ = bleu).
   header.css ne dimensionne que la variante « gif-scroll-mobile », pas « -bleu ». */
@media (min-width: 768px) {
  .mobile-nav-image.gif-scroll-mobile-bleu {
    height: auto;
    width: 155px !important;
  }
}

/* Desktop (≥992px) : on masque la barre mobile et on révèle la colonne de
   boules PC, ancrée à droite (réglages identiques à base.css). */
@media (min-width: 992px) {
  .mobile-images {
    display: none;
  }
  #pc-nav {
    display: block;
  }
  .pc-images {
    position: fixed;
    top: 400px;
    padding: 0;
    right: 20px;
    transform: translateY(-50%);
    z-index: 100;
    transition: right 0.3s ease;
    gap: 0;
    display: grid;
    border-radius: 45px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .pc-images .pc-nav-image {
    width: 100px !important;
  }
}

@media (min-width: 1200px) {
  .pc-images {
    top: 388px;
  }
}