/* Styles de base communs à tous les templates */

/* Variables CSS pour la cohérence */
:root {
  --mplm-z-index: 9999;
  --mplm-border-radius: 12px;
  --mplm-transition: all 0.3s ease;
  --mplm-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

/* Reset et styles de base */
#mailjet-popup * {
  box-sizing: border-box;
}

/* Animations communes - Newsletter et autres templates */
@keyframes slideInUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Styles de base pour le popup (seront surchargés par les templates) */
#mailjet-popup {
  position: fixed;
  display: none;
  z-index: var(--mplm-z-index);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.mailjet-popup-content {
  position: relative;
}

/* Styles communs pour tous les boutons de fermeture */
#mailjet-popup-close {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--mplm-transition);
  z-index: 10;
}

/* Styles communs pour les iframes - redéfinis dans chaque template si nécessaire */
.mailjet-popup-content iframe {
  width: 100%;
  border: none;
  transition: height 0.3s ease;
}