/* =========================================
   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: 8px !important; /* ✅ Espace de secours */
  flex-shrink: 0 !important;
  z-index: 1001 !important;
  position: relative !important;
  
  /* ✅ DÉCALAGE FORCÉ À GAUCHE */
  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;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

/* ✅ ✅ ✅ ESPACE ENTRE LES BLOCS DRUPAL ✅ ✅ ✅ */
.header-actions-region .block {
  margin: 0 8px 0 0 !important; /* ✅ Réduit de 12px à 8px */
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
}

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

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

/* ✅ 3. STYLE DU BOUTON - PLUS PETIT */
.header-actions-region .nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important; /* ✅ Réduit de 8px à 6px */

  /* ✅ ✅ ✅ BOUTONS PLUS PETITS ✅ ✅ ✅ */
  width: 110px !important; /* ✅ Réduit de 120px à 100px */
  height: 30px !important; /* ✅ Réduit de 40px à 36px */
  
  background-color: #ffffff !important;
  
  /* ✅ BORDURE BLEU MARINE */
  border: 1.5px solid #ffffff !important;
  
  /* ✅ Coins arrondis - CORRIGÉ */
  border-radius: 2px !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #1a2644 !important;
  font-size: 12px !important; /* ✅ Réduit de 13px à 12px */
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  
  box-shadow: 0 2px 4px #f6f6fa05, 0 4px 12px #9bb1e914 !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ✅ 4. ICÔNES ET TEXTE - PLUS PETITS */
.header-actions-region .nav-link i.bi,
.header-actions-region .nav-link svg {
  font-size: 14px !important; /* ✅ Réduit de 16px à 14px */
  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; /* ✅ Réduit de 13px à 12px */
  line-height: 1 !important;
}

/* ✅ 5. HOVER */
.header-actions-region .nav-link:hover {
  background-color: #ffffff26 !important;
    border-color: #ffffff !important;
    color: #1d1d1f !important;
    -webkit-text-fill-color: #1d1d1f !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px #00000033;
}

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

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

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

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