/* Popups promotionnels (affichage client + aperçu administration). */

.wsh-popup-overlay { z-index: 1200; }

.wsh-modal.wsh-popup-promo {
  --pp-accent: #4a2050;
  --pp-bouton: #4a2050;
  --pp-bouton-survol: #7a4a7f;
  max-width: 26rem;
  padding: 2.25rem 1.75rem 1.5rem;
  text-align: center;
  overflow: hidden;
  animation: wsh-popup-entree .22s ease;
}
.wsh-popup-promo.wsh-popup-corail {
  --pp-accent: #e56a54;
  --pp-bouton: #c9533d;
  --pp-bouton-survol: #b04630;
}

.wsh-popup-bandeau {
  position: absolute; top: 0; left: 0; right: 0; height: .375rem;
  background: linear-gradient(90deg, #4a2050 0%, var(--pp-accent) 100%);
}
.wsh-popup-promo h3 { margin: 0 1rem .625rem; font-size: 1.1875rem; line-height: 1.3; color: var(--pp-accent); }
.wsh-popup-corail h3 { color: #b04630; }
.wsh-popup-texte { margin: 0 0 1.25rem; font-size: .9375rem; line-height: 1.5; color: #3f343d; white-space: pre-line; overflow-wrap: anywhere; }

.wsh-popup-actions { display: flex; flex-direction: column; align-items: center; gap: .625rem; }
.wsh-popup-bouton {
  display: inline-block; min-width: 12rem; padding: .6875rem 1.375rem; border: 0; border-radius: 62.4375rem;
  background: var(--pp-bouton); color: #fff; font: inherit; font-size: .9375rem; font-weight: 600;
  text-decoration: none; cursor: pointer; transition: background .15s ease;
}
.wsh-popup-bouton:hover { background: var(--pp-bouton-survol); }
.wsh-popup-bouton:focus-visible,
.wsh-popup-promo .wsh-modal-close-x:focus-visible { outline: .125rem solid var(--pp-accent); outline-offset: .125rem; }

.wsh-popup-fermer-lien {
  background: none; border: 0; padding: .25rem .5rem; font: inherit; font-size: .8125rem;
  color: #786976; text-decoration: underline; cursor: pointer;
}
.wsh-popup-fermer-lien:hover { color: #4a2050; }

.wsh-popup-nepas {
  display: flex; align-items: center; justify-content: center; gap: .5rem;
  margin: 1.125rem 0 0; font-size: .78125rem; color: #786976; cursor: pointer;
}
.wsh-popup-nepas input { margin: 0; accent-color: var(--pp-accent); }

.wsh-popup-apercu-note {
  margin: 1rem 0 0; font-size: .71875rem; color: #786976; font-style: italic;
}

@keyframes wsh-popup-entree { from { opacity: 0; transform: translateY(.5rem) scale(.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .wsh-modal.wsh-popup-promo { animation: none; } }
@media (max-width: 640px) { .wsh-modal.wsh-popup-promo { padding: 2rem 1.25rem 1.25rem; } .wsh-popup-bouton { width: 100%; } }