/* Derniers ajustements du bandeau mobile : aucun élément ne couvre le logo ou le menu. */
@media (max-width: 720px) {
  /* Accès administration : volontairement discret, hors du bandeau de marque. */
  .admin-dot {
    position: fixed;
    top: auto;
    right: auto;
    bottom: 12px;
    left: 12px;
    width: 26px;
    height: 26px;
    border-width: 1px;
    font-size: 14px;
    opacity: .32;
    box-shadow: 0 2px 7px rgba(12, 42, 30, .14);
    z-index: 18;
  }

  .admin-dot:hover,
  .admin-dot:focus-visible {
    opacity: .9;
  }

  /* Le raccourci d'appel reste juste sous l'en-tête et sous le menu déplié. */
  .admin-hidden.phone-fixed {
    position: fixed;
    top: calc(76px + env(safe-area-inset-top) + 8px);
    right: 14px;
    bottom: auto;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .02em;
    z-index: 18;
    transition: top .18s ease, box-shadow .18s ease;
  }

  /* Quand l'en-tête n'est plus à l'écran, l'appel se place tout en haut à droite. */
  .admin-hidden.phone-fixed.is-header-out {
    top: calc(env(safe-area-inset-top) + 8px);
    box-shadow: 0 6px 18px rgba(47, 107, 43, .22);
  }

  /* Le bouton et le panneau de navigation passent toujours devant le numéro. */
  .header .menu-toggle { z-index: 30; }
  .header .nav { z-index: 29; }

  /* Facebook garde le même alignement à gauche que tous les liens du menu. */
  .header .nav .nav-facebook {
    justify-content: flex-start;
    width: 100%;
    min-height: 42px;
    padding-left: 0;
  }

  /* Retour visuel explicite : les visiteurs n'ont pas à deviner qu'il faut toucher le logo. */
  .header .nav .nav-close {
    justify-content: flex-start;
    gap: 10px;
  }

  .header .nav .nav-close .nav-close-arrow { font-size: 24px; }
  .header .nav .nav-close .nav-close-label { font-size: 14px; }
}