/* ── Variables badges ──────────────────────────────────── */
:root {
    --badge-bg: #e7e73c;
    --badge-color: #000;
    --badge-font-size: 11px;
    --badge-font-weight: 700;
    --badge-letter-spacing: 0.6px;
    --badge-padding: 4px 12px;
    --badge-radius: 20px;
    --badge-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    --badge-top: 10px;
    --badge-right: 10px;
}

/* ── Conteneur produit ─────────────────────────────────── */
.woocommerce ul.products li.product {
    position: relative;
}

/* ── Style commun aux deux badges ─────────────────────── */
.badge-nouveaute,
.woocommerce span.onsale {
    position: absolute;
    top: var(--badge-top);
    right: var(--badge-right) !important;
    left: auto !important;
    z-index: 10;

    background-color: var(--badge-bg) !important;
    color: var(--badge-color) !important;
    font-size: var(--badge-font-size);
    font-weight: var(--badge-font-weight);
    letter-spacing: var(--badge-letter-spacing);
    text-transform: uppercase;

    padding: var(--badge-padding) !important;
    min-height: auto !important;
    min-width: auto !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    border-radius: var(--badge-radius) !important;
    box-shadow: var(--badge-shadow);
    pointer-events: none;
}

/* ── Variante page produit individuelle ────────────────── */
.badge-nouveaute--single {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    margin-bottom: 12px;
}

/* ── Décalage Promo quand Nouveauté est présent ────────── */
.woocommerce ul.products li.product:has(.badge-nouveaute) span.onsale {
    top: 46px !important;
}