/* ART CONSTRUCTION - menu mobile de Jobs sur le modele du Portail (vague 2, reponse V2-4 du 2026-10-02) :
   bouton carre encadre, liens sur une ligne chacun avec un trait, boutons pleine largeur. En dessous de 992 px. */
@media (max-width: 991.98px) {
  header .navbar-toggler {
    width: 36px; height: 36px; margin-left: 8px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid #D1D5DB !important; border-radius: 8px; background: #fff center / 18px 18px no-repeat; box-shadow: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E");
  }
  header .navbar-toggler[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
  }
  header .navbar-toggler .navbar-toggler-icon { display: none !important; }
  header #navbarNav { transition: none !important; }
  header #navbarNav.show {
    display: block !important; position: absolute; left: 0; right: 0; top: 100%; z-index: 1000; margin: 0; height: auto !important;
    background: #fff; border-top: 1px solid #F3F4F6; border-radius: 0; box-shadow: 0 8px 16px rgba(15, 29, 46, .08); padding: 8px 16px 16px;
  }
  header #navbarNav.show > * { margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; width: 100% !important; }
  header #navbarNav.show .nav-item { width: 100%; margin: 0 !important; }
  header #navbarNav.show .nav-link { display: block; padding: 12px 0 !important; border-bottom: 1px solid #F3F4F6; color: #374151 !important; font-size: 16px; font-weight: 500; }
  header #navbarNav.show ul, header #navbarNav.show .navbar-nav { display: block !important; width: 100%; margin: 0 !important; padding: 0 !important; }
  header #navbarNav.show .nav-item, header #navbarNav.show li { display: block !important; width: 100% !important; margin: 0 !important; }
  header #navbarNav.show .btn, header #navbarNav.show a.btn {
    display: block !important; width: 100% !important; margin: 12px 0 0 !important; padding: 14px 12px !important; border-radius: 8px !important;
    font-size: 16px !important; font-weight: 600 !important; text-align: center; border: 1px solid #085292 !important; box-sizing: border-box;
  }
  /* sous-menus (Connexion, S'inscrire : Administrateur, Candidat, Employeur) : fermes tant qu'on ne clique pas */
  header #navbarNav.show ul.dropdown-menu:not(.show) { display: none !important; }
  header #navbarNav.show ul.dropdown-menu.show { position: static !important; transform: none !important; border: 1px solid #F3F4F6; border-radius: 8px; margin-top: 6px !important; padding: 4px 0 !important; box-shadow: none; }
  header #navbarNav.show ul.dropdown-menu .dropdown-item { padding: 10px 14px !important; font-size: 15px; }
  /* langue native de Jobs : remplacee par le selecteur de l'ecosysteme */
  header #navbarNav.show li.nav-item:has(.language-dropdown-btn) { display: none !important; }
  header #navbarNav.show .btn-secondary { background: #fff !important; color: #085292 !important; }
  header #navbarNav.show .btn-primary { background: #085292 !important; color: #fff !important; }
  header nav.navbar { position: relative; }
}