/* Bouton urgence aligné comme les autres items du menu */
.urgence-call a {
  background-color: #c8102e !important; /* rouge urgent type samu/pompier */
  color: #ffffff !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;              /* même taille visuelle que Accueil */
  line-height: 1.2;             /* resserre les 2 lignes */
  
  /* on copie le style bouton vert du thème : */
  padding: 10px 12px !important; /* ajuste si le vert a plus ou moins de padding */
  border-radius: 3px;            /* même radius que le bouton vert, pas 6px */
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;

  /* on centre le contenu à l'intérieur */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;       /* texte aligné à gauche comme "Accueil" */
  text-align: left;

  /* empêche le retour à une seule ligne */
  white-space: normal;
  min-height: 100%;              /* laisse le parent décider de la hauteur */
}

/* Icône + texte légèrement espacés si tu gardes l'emoji sirène 🚨 */
.urgence-call a .ligne1 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
}
.urgence-call a .ligne2 {
  font-size: 11px;
  font-weight: 700;
}

/* hover / focus : même comportement que ton bouton vert mais en plus foncé */
.urgence-call a:hover,
.urgence-call a:focus {
  background-color: #98001f !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* état actif */
.urgence-call a:active {
  background-color: #740017 !important;
  color: #ffffff !important;
}

/* reste rouge même actif/page courante */
.current-menu-item.urgence-call a,
.current_page_item.urgence-call a,
.urgence-call.current-menu-item a,
.urgence-call.current_page_item a {
  background-color: #c8102e !important;
  color: #ffffff !important;
}

/* annule toute surcouche du thème */
.urgence-call a,
.urgence-call a:hover,
.urgence-call a:focus,
.urgence-call a:active {
  box-shadow: none !important;
  border: none !important;
}

.urgence-call {
  display: flex !important;
  align-items: center !important;
}