/* ════════════════════════════════════════════════════════════
   NOTICES WOOCOMMERCE — pop-up flottant unifié, partout sur le site
   (erreurs de connexion/inscription, panier, checkout, coupon...)
   Bouton de fermeture + disparition automatique gérés en JS,
   voir functions.php (boturea_notice_popups).
   ════════════════════════════════════════════════════════════ */

.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
  position: fixed !important;
  top: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 8px 10px !important;
  width: calc(100% - 40px) !important;
  max-width: 460px !important;
  margin: 0 !important;
  padding: 15px 40px 15px 18px !important;
  border-radius: 12px !important;
  font-family: var(--font-body) !important;
  font-size: 0.86rem !important;
  line-height: 1.5 !important;
  list-style: none !important;
  box-shadow: 0 14px 36px rgba(0,0,0,0.16) !important;
  animation: bnotice-in 0.25s ease !important;
}

@keyframes bnotice-in {
  from { opacity: 0; transform: translateX(-50%) translateY(-14px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

.woocommerce-error {
  background: #fdecea !important;
  color: #b3261e !important;
  border: 1px solid #f5c6c2 !important;
}
.woocommerce-message,
.woocommerce-info {
  background: #fff !important;
  color: var(--g) !important;
  border: 1px solid rgba(0,184,217,0.3) !important;
}

.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Icône — position:static explicite : Astra/WooCommerce stylent
   nativement ces notices avec un ::before en position:absolute (icône
   Dashicons calée sur un padding-left), qui sinon se superpose au
   texte au lieu de suivre l'alignement flex ci-dessus. */
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before {
  content: '' !important;
  position: static !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 11px !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.woocommerce-error::before {
  background-color: #b3261e !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") !important;
}
.woocommerce-message::before,
.woocommerce-info::before {
  background-color: var(--gold-dark) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") !important;
}

/* Lien "Voir le panier" dans le message "produit ajouté" — inutile
   dans un pop-up compact. */
.woocommerce-message .wc-forward { display: none !important; }

/* Bouton fermer, ajouté en JS (boturea_notice_popups, functions.php) */
.bnotice-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: inherit !important;
  opacity: 0.55 !important;
  transition: opacity 0.15s ease, background 0.15s ease !important;
}
.bnotice-close:hover { opacity: 1 !important; background: rgba(0,0,0,0.06) !important; }
.bnotice-close svg { width: 12px !important; height: 12px !important; flex-shrink: 0 !important; display: block !important; }

@media (max-width: 480px) {
  .woocommerce-error,
  .woocommerce-message,
  .woocommerce-info {
    top: 10px !important;
    width: calc(100% - 20px) !important;
  }
}