/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 24 2026 | 13:52:29 */
/* =========================================================
CSS - Notices WooCommerce style famille de cartes
V3 : ajout des notices d erreur (woocommerce-error) au style
famille - carte blanche, trait rouge, sans icone superposee.
========================================================= */
.woocommerce-message,
.woocommerce-info {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid #ececec !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05) !important;
  padding: 14px 16px 14px 19px !important;
  margin-bottom: 16px !important;
  color: #111 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  min-height: 0 !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  height: auto !important;
  background: linear-gradient(180deg, #2fb35a, #1a8f3c) !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
}

.woocommerce-info::before {
  background: linear-gradient(180deg, #ff2a3c, #E0001B) !important;
}

.woocommerce-message .button,
.woocommerce-info .button {
  order: 2 !important;
  background: #0a0a0a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 9px 14px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  margin: 4px 0 0 auto !important;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover {
  background: #E0001B !important;
  color: #ffffff !important;
}

.woocommerce-message strong {
  font-weight: 800 !important;
  color: #111 !important;
}

/* ===== NOTICES D ERREUR ===== */
.woocommerce-error {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid #ececec !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05) !important;
  padding: 14px 16px 14px 19px !important;
  margin-bottom: 16px !important;
  color: #111 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  list-style: none !important;
  overflow: hidden !important;
}

.woocommerce-error::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  height: auto !important;
  background: linear-gradient(180deg, #ff2a3c, #E0001B) !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-family: inherit !important;
}

.woocommerce-error li {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.woocommerce-error li:last-child {
  margin-bottom: 0 !important;
}

.woocommerce-error a {
  color: #E0001B !important;
  font-weight: 700 !important;
}

/* Neutraliser bordure du theme + halo de focus */
body div.woocommerce-message,
body ul.woocommerce-message,
body div.woocommerce-info,
body ul.woocommerce-error,
body .woocommerce-notices-wrapper > * {
  border: 1px solid #ececec !important;
  outline: none !important;
}

body .woocommerce-message:focus,
body .woocommerce-info:focus,
body .woocommerce-error:focus,
body .woocommerce-message:focus-visible,
body .woocommerce-info:focus-visible,
body .woocommerce-error:focus-visible {
  outline: none !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05) !important;
}
