/* =========================================
   BOUTONS D'ACTION RAPIDE - BLEU MARINE + DÉCALÉS À GAUCHE
   ========================================= */

/* ✅ 1. CONTENEUR : DÉCALÉ À GAUCHE */
.header-actions-region {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  flex-shrink: 0 !important;
  z-index: 1001 !important;
  position: relative !important;
  
  margin-left: -130px !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

/* ✅ 2. NETTOYAGE ULTRA-AGRESSIF */
.header-actions-region *,
.header-actions-region .contextual-region,
.header-actions-region nav,
.header-actions-region nav > *,
.header-actions-region ul.navbar-nav,
.header-actions-region ul.navbar-nav > *,
.header-actions-region li.nav-item {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

/* ✅ ✅ ✅ SOLUTION RADICALE : PADDING SUR LES BLOCS ✅ ✅ ✅ */
/* Le padding ne peut pas être écrasé par des margins */
.header-actions-region div.block,
.header-actions-region .contextual-region > div.block {
  margin: 0 !important;
  padding: 0 25px 0 0 !important; /* ✅ 25px de padding à droite */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: flex !important;
  align-items: center !important;
}

/* ✅ Supprime le padding du dernier bloc */
.header-actions-region div.block:last-child,
.header-actions-region .contextual-region:last-child > div.block {
  padding-right: 0 !important;
}

.header-actions-region .visually-hidden,
.header-actions-region .contextual,
.header-actions-region h5 {
  display: none !important;
}

/* ✅ 3. STYLE DU BOUTON (SANS MARGIN MAINTENANT) */
.header-actions-region .nav-link,
.header-actions-region a.nav-link,
.header-actions-region .block .nav-link,
.header-actions-region nav .nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  width: 105px !important;
  height: 30px !important;
  
  background-color: #ffffff !important;
  
  /* ✅ BORDURE BLEU MARINE UNIQUE */
  border: 1.5px solid #1a2644 !important;
  
  /* ✅ BORDER RADIUS FORCÉ */
  border-radius: 13px !important;
  -webkit-border-radius: 13px !important;
  -moz-border-radius: 13px !important;
  
  /* ✅ PLUS DE MARGIN - l'espace vient du padding des blocs parents */
  margin: 0 !important;
  padding: 0 !important;

  color: #1a2644 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  
  /* ✅ AUCUNE OMBRE AU REPOS */
  box-shadow: none !important;
  outline: none !important;
  text-shadow: none !important;
  
  overflow: visible !important;
  
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

/* ✅ SUPPRIME TOUT PSEUDO-ÉLÉMENT */
.header-actions-region .nav-link::before,
.header-actions-region .nav-link::after,
.header-actions-region a.nav-link::before,
.header-actions-region a.nav-link::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* ✅ 4. ICÔNES ET TEXTE */
.header-actions-region .nav-link i.bi,
.header-actions-region .nav-link svg {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  color: #1a2644 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.header-actions-region .nav-link .link-text {
  font-size: 12px !important;
  line-height: 1 !important;
}

/* ✅ 5. HOVER - OMBRE MINIMALE (INCHANGÉ) */
.header-actions-region .nav-link:hover {
  background-color: #ffffff !important;
  border-color: #1a2644 !important;
  color: #1a2644 !important;
  transform: translateY(-2px) !important;
  
  box-shadow: 0 2px 4px rgba(26, 38, 68, 0.1) !important;
  outline: none !important;
  z-index: 10 !important;
  
  border-radius: 13px !important;
}

.header-actions-region .nav-link:hover i.bi,
.header-actions-region .nav-link:hover svg {
  color: #1a2644 !important;
}

/* ✅ 6. ÉTAT ACTIF (INCHANGÉ) */
.header-actions-region .nav-link.active {
  background-color: #e8ecf4 !important;
  border-color: #1a2644 !important;
  color: #1a2644 !important;
  box-shadow: 0 2px 4px rgba(26, 38, 68, 0.1) !important;
  transform: none !important;
  outline: none !important;
  
  border-radius: 13px !important;
}

/* ✅ 7. SEARCH-BAR COLLÉE */
.search-bar {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.search-form {
  margin-right: 0 !important;
}