/* Styles pour la notification Newsletter */

/* Style du badge de notification */
.menu-item.newsletter-menu-item {
  position: relative;
}

.newsletter-notification-badge {
  position: absolute;
  top: -25px;
  right: -30px;
  background-color: #dc3545;
  color: white;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(220, 53, 69, 0.4);
  animation: pulse 2s infinite;
  z-index: 999;
}

/* Animation de pulsation */
@keyframes pulse {
  0% {
    box-shadow: 0 2px 5px rgba(220, 53, 69, 0.4);
  }
  50% {
    box-shadow: 0 2px 10px rgba(220, 53, 69, 0.7);
    transform: scale(1.05);
  }
  100% {
    box-shadow: 0 2px 5px rgba(220, 53, 69, 0.4);
  }
}

/* Adaptation pour les menus horizontaux */
.nav-menu .menu-item.newsletter-menu-item,
.main-navigation .menu-item.newsletter-menu-item,
#primary-menu .menu-item.newsletter-menu-item {
  position: relative;
}

/* Adaptation pour menus verticaux / mobiles */
@media screen and (max-width: 768px) {
  .newsletter-notification-badge {
    position: relative;
    top: 0;
    right: 0;
    margin-left: 10px;
    display: inline-block;
  }
}

/* Support pour différents thèmes WordPress */
.menu-item a {
  position: relative;
}

/* Ajustements pour Elementor */
.elementor-nav-menu .menu-item.newsletter-menu-item {
  position: relative;
}

/* Ajustements pour Divi */
.et-menu .menu-item.newsletter-menu-item {
  position: relative;
}

/* Ajustements pour Astra */
.ast-nav-menu .menu-item.newsletter-menu-item {
  position: relative;
}