/* ════════════════════════════════════════════════════════════
   RESPONSIVE SWITCH (navbar + footer)
   A inclure UNIQUEMENT sur les pages "responsive un seul fichier"
   (contact, my-selection, faq, privacy, terms...). Ces pages
   contiennent A LA FOIS la navbar/footer desktop ET mobile ;
   ce fichier affiche l'une ou l'autre selon la largeur d'ecran.

   Les pages a fichier mobile separe (index, private-classes)
   N'INCLUENT PAS ce fichier.
   Breakpoint aligne sur l'aiguilleur de l'index (768px).
   ════════════════════════════════════════════════════════════ */

/* Mobile : on masque la navbar + le footer desktop */
@media (max-width: 768px) {
  #navbar-placeholder,
  #footer-placeholder { display: none !important; }
  .navbar { display: none !important; }
  footer:not(.mfoot) { display: none !important; }
}

/* Desktop : on masque la navbar + le footer mobile */
@media (min-width: 769px) {
  #navbar-mobile-placeholder,
  #footer-mobile-placeholder { display: none !important; }
  .mnav,
  .mnav__overlay,
  .mnav__drawer { display: none !important; }
  .mfoot { display: none !important; }
}