/* =========================================================
   Drupal status messages
   ========================================================= */

.messages,
.alert {
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.85rem;
  box-shadow: none;
  font-size: 0.95rem;
  line-height: 1.45;
}

.highlighted .messages,
.highlighted .alert {
  max-width: 52rem;
  margin: 0.5rem auto 0.75rem;
}

/* Titre des messages moins massif */
.messages__title,
.alert-heading {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
}

/* Listes internes */
.messages ul,
.alert ul {
  margin-bottom: 0;
  padding-left: 1.1rem;
}

/* STATUS / SUCCESS */
.messages--status,
.alert-success {
  background: rgba(107, 161, 32, 0.08);
  border: 1px solid rgba(107, 161, 32, 0.22);
  color: var(--bootstrap_barrio_giguellerie-gris-noir);
}

/* WARNING */
.messages--warning,
.alert-warning {
  background: rgba(255, 193, 7, 0.12);
  border: 1px solid rgba(255, 193, 7, 0.28);
  color: var(--bs-body-color);
}

/* ERROR */
.messages--error,
.alert-danger {
  background: rgba(220, 53, 69, 0.10);
  border: 1px solid rgba(220, 53, 69, 0.26);
  color: var(--bs-body-color);
}

/* Bouton fermer si présent */
.messages .btn-close,
.alert .btn-close {
  opacity: 0.7;
}

/* Sur mobile */
@media (max-width: 575.98px) {
  .highlighted .messages,
  .highlighted .alert {
    max-width: none;
    margin: 0.5rem 0 0.75rem;
  }

  .messages,
  .alert {
    padding: 0.7rem 0.85rem;
    border-radius: 0.75rem;
    font-size: 0.92rem;
  }
}