/* Messages WooCommerce (bandeaux succès / infos / erreur) — variables du
   module Badge (Custom › Badge). Défauts = le rendu WooCommerce d'origine. */
.woocommerce-message {
    background-color: var(--ckwc-ntc-suc-bg, #f7f6f7) !important;
    border-top-color: var(--ckwc-ntc-suc-border, #8fae1b) !important;
    color: var(--ckwc-ntc-suc-color, #515151) !important;
    font-size: var(--ckwc-ntc-suc-size, 14px) !important;
}
.woocommerce-message::before { color: var(--ckwc-ntc-suc-icon, #8fae1b) !important; }

.woocommerce-info {
    background-color: var(--ckwc-ntc-inf-bg, #f7f6f7) !important;
    border-top-color: var(--ckwc-ntc-inf-border, #1e85be) !important;
    color: var(--ckwc-ntc-inf-color, #515151) !important;
    font-size: var(--ckwc-ntc-inf-size, 14px) !important;
}
.woocommerce-info::before { color: var(--ckwc-ntc-inf-icon, #1e85be) !important; }

.woocommerce-error {
    background-color: var(--ckwc-ntc-err-bg, #f7f6f7) !important;
    border-top-color: var(--ckwc-ntc-err-border, #b81c23) !important;
    color: var(--ckwc-ntc-err-color, #515151) !important;
    font-size: var(--ckwc-ntc-err-size, 14px) !important;
}
.woocommerce-error::before { color: var(--ckwc-ntc-err-icon, #b81c23) !important; }

/* ── L'ICÔNE CHOISIE (Custom › Badge) ──────────────────────────────────────
   Elle est injectée comme un vrai élément — front et aperçu partagent le même
   markup (CKWC_Notices::icon_html). Le glyphe de la police WooCommerce ne
   s'efface QUE lorsque le nôtre est en place : `ckwc-ntc-has-ico` n'est posée
   qu'après l'injection, donc sans JS le repère d'origine reste. */
.ckwc-ntc-has-ico::before { content: none !important; }

/* CENTRÉE SUR LA PREMIÈRE LIGNE DE TEXTE, pas posée à une distance fixe du
   haut. L'enveloppe occupe exactement la hauteur de la ligne (`1lh` = la
   line-height héritée du bandeau) et centre son contenu : l'icône reste alignée
   quelles que soient sa taille et la taille du texte. `1.5em` sert de repli aux
   navigateurs sans l'unité `lh`. `top: 1em` = la marge haute du bandeau, celle
   où commence justement la première ligne. */
.ckwc-ntc-ico {
    position: absolute;
    top: 1em;
    left: 1.5em;
    height: 1.5em;
    height: 1lh;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}
/* La TAILLE est portée par l'élément interne — voir CKWC_Notices::icon_html. */
.ckwc-ntc-ico i {
    font-style: normal;
    line-height: 1;
    display: block;
}
.woocommerce-message .ckwc-ntc-ico { color: var(--ckwc-ntc-suc-icon, #8fae1b); }
.woocommerce-info    .ckwc-ntc-ico { color: var(--ckwc-ntc-inf-icon, #1e85be); }
.woocommerce-error   .ckwc-ntc-ico { color: var(--ckwc-ntc-err-icon, #b81c23); }
.woocommerce-message .ckwc-ntc-ico i { font-size: var(--ckwc-ntc-suc-ico-size, 16px); }
.woocommerce-info    .ckwc-ntc-ico i { font-size: var(--ckwc-ntc-inf-ico-size, 16px); }
.woocommerce-error   .ckwc-ntc-ico i { font-size: var(--ckwc-ntc-err-ico-size, 16px); }

/* Aperçu admin : base structurelle des bandeaux (le front l'a via WooCommerce). */
.ckwc-notices-preview .woocommerce-message,
.ckwc-notices-preview .woocommerce-info,
.ckwc-notices-preview .woocommerce-error {
    padding: 1em 1.5em 1em 3em;
    margin: 0 0 12px;
    position: relative;
    border-top: 3px solid;
    list-style: none;
    border-radius: 0 0 4px 4px;
    display: flow-root;
}
.ckwc-notices-preview .woocommerce-message::before,
.ckwc-notices-preview .woocommerce-info::before,
.ckwc-notices-preview .woocommerce-error::before {
    position: absolute; left: 1.2em; top: 1em; font-weight: 700;
}
.ckwc-notices-preview .woocommerce-message::before { content: '\2713'; }
.ckwc-notices-preview .woocommerce-info::before    { content: '\2139'; }
.ckwc-notices-preview .woocommerce-error::before   { content: '\0021'; }
.ckwc-notices-preview a.button { float: right; margin-left: 12px; text-decoration: none; }