/* ── Menus communs ────────────────────────────────────────────────────────
   Site principal : Accueil, À propos, Académie, Blog, Nous rejoindre.
   Sous-site Académie : Formations courtes, Bootcamps, Mentorat, Bibliothèque,
   avec le logo « DataSAI Académie » et un lien de retour vers le site principal.
   Chaque page garde son propre style de menu ; ce fichier n'ajoute que ces éléments. */

/* Logo du sous-site : « Académie » accolé au logo DataSAI.
   :not(#_) l'emporte sur les règles de page qui imposent police et couleur à tous les span. */
.nav-logo .logo-academie:not(#_) {
  display: inline-block; margin-left: 10px; padding-left: 10px;
  border-left: 1px solid rgba(255,255,255,.25);
  font-family: 'JetBrains Mono', 'DM Sans', monospace !important; font-size: 11px !important;
  font-weight: 600 !important; letter-spacing: 2.5px !important; text-transform: uppercase;
  color: #00d4ff !important; vertical-align: middle; line-height: 1.6;
}

/* Lien de retour vers le site principal : discret, séparé des rubriques */
.nav-links .nav-back-site a { opacity: .6; font-size: .88em !important; }
.nav-links .nav-back-site a:hover { opacity: 1; }
@media (min-width: 901px) {
  .nav-links .nav-back-site { margin-left: 14px; padding-left: 14px; border-left: 1px solid rgba(255,255,255,.15); }
}
@media (max-width: 900px) {
  .nav-links .nav-back-site { margin-top: 8px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.12); }
  .nav-logo .logo-academie:not(#_) { font-size: 10px !important; letter-spacing: 2px !important; margin-left: 8px; padding-left: 8px; }
}

/* Écrans moyens : le menu de l'Académie et les boutons de droite tiennent sur une ligne,
   y compris sur les pages qui écrivent leurs liens en majuscules espacées (Formations). */
@media (min-width: 901px) and (max-width: 1440px) {
  .nav-links.nav-academie { gap: 2px !important; }
  .nav-links.nav-academie a { padding-left: 9px !important; padding-right: 9px !important; letter-spacing: .4px !important; }
  .nav-links.nav-academie .nav-back-site { margin-left: 6px; padding-left: 6px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
  nav:has(.nav-academie) { padding-left: 24px !important; padding-right: 24px !important; }
  .nav-links.nav-academie a { font-size: 13px !important; padding-left: 7px !important; padding-right: 7px !important; }
  .nav-logo .logo-academie:not(#_) { margin-left: 6px; padding-left: 6px; letter-spacing: 1px !important; font-size: 10px !important; }
  /* Le lien de retour se réduit à sa flèche ; le libellé reste lu par les lecteurs d'écran */
  .nav-links.nav-academie .nav-back-site a { font-size: 0 !important; }
  .nav-links.nav-academie .nav-back-site a::before { content: '←'; font-size: 16px; }
}
@media (min-width: 901px) and (max-width: 1060px) {
  /* Petits écrans d'ordinateur : place aux rubriques ; « Académie » réapparaît sur téléphone */
  .nav-logo .logo-academie:not(#_) { display: none; }
  nav:has(.nav-academie) { gap: 12px !important; }
  .nav-links.nav-academie a { font-size: 12px !important; padding-left: 5px !important; padding-right: 5px !important; letter-spacing: 0 !important; }
  nav:has(.nav-academie) { padding-left: 16px !important; padding-right: 16px !important; }
}