.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-f3827b4:#B9332E;--e-global-color-e2c8550:#48545B;--e-global-color-3ebf1fc:#2020203B;--e-global-color-d191ba9:#202020;--e-global-color-6dacd81:#424242;--e-global-color-7b77b47:#000000;--e-global-color-5e6091e:#0C5E15;--e-global-color-dc6a565:#DFE1E7;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.price-sup {
  font-size: 60% !important;
  vertical-align: super !important;
  line-height: 1 !important;
  margin-left: 2px !important;
}

/* Style esthétique (par défaut) : fiches produit, catégories, mini-panier */
.price-sup {
  font-size: 60% !important;
  vertical-align: super !important;
  line-height: 1 !important;
  margin-left: 2px !important;
}

/* Dans le panier et le checkout uniquement → retour à une taille normale */
.woocommerce-cart .price-sup,
.woocommerce-checkout .price-sup {
  font-size: inherit !important;
  vertical-align: baseline !important;
  margin-left: 0 !important;
}

/* Boîte commune aux messages WooCommerce */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    display: flex !important;
    align-items: center !important;     /* centre verticalement */
    gap: 16px;                          /* espace texte / bouton */
    padding: 14px 24px !important;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    color: #202020;
}

/* Succès */
.woocommerce-message {
    background: #FFFFFF;
    border: 2px solid #0E7A1D;
}

/* Erreurs */
.woocommerce-error {
    background: #FFFFFF;
    border: 2px solid #B9332E;
}

/* Infos (style similaire à ton bloc délai de réapprovisionnement) */
.woocommerce-info {
    background: #F4F8FF;
    border: 1px solid #B9D4FF;  /* ajuste si tu veux le bleu exact */
    color: #0B3A73;
}

/* Boutons communs dans messages WooCommerce */
.woocommerce-message a.button,
.woocommerce-error a.button,
.woocommerce-info a.button {
    font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 600;
    font-size: 14px;
    border-radius: 999px;
    padding: 10px 22px;
    border: none;
    text-transform: none;
    margin-left: auto;   /* pousse le bouton complètement à droite dans le flex */
}

/* Bouton succès */
.woocommerce-message a.button {
    background: #0E7A1D;
    color: #FFFFFF;
}

/* Bouton erreur */
.woocommerce-error a.button {
    background: #B9332E;
    color: #FFFFFF;
}

/* Bouton info : blanc + contour bleu */
.woocommerce-info a.button {
    background: #FFFFFF;
    color: #0B3A73;
    border: 1px solid #0B3A73;
}

/* Icône WooCommerce (::before) parfaitement alignée */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
    position: relative !important;
    top: 0 !important;
    transform: translateY(0) !important;
    margin-right: 10px !important;   /* écart icon → texte */
    flex-shrink: 0 !important;       /* ne pas écraser l’icône dans le flex */
    align-self: center !important;   /* centrage vertical dans le conteneur */
}

/* Wrapper pour limiter la largeur des messages WooCommerce */
.woocommerce-notices-wrapper {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto !important;
}

/* Ajouter un espace de 10px au-dessus des messages WooCommerce */
.woocommerce-notices-wrapper {
    margin-top: 10px !important;
}/* End custom CSS */