/* ==============================================
   TM24 NOVAChild – Badges global
   Modul: modules/shared/badges/badges.css
   Scope: .productbox-badge, .ribbon (seitenübergreifend)
   UTF-8 ohne BOM
   ============================================== */

/* ---- Allgemeine Badge-Basis ---- */
.tm24-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: var(--rp);
    font-family: var(--f);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 1.4;
    white-space: nowrap;
}

.tm24-badge--sale   { background: var(--err); color: #fff; }
.tm24-badge--new    { background: var(--ok);  color: #fff; }
.tm24-badge--promo  { background: var(--p);   color: #fff; }
.tm24-badge--warn   { background: var(--warn); color: #fff; }
.tm24-badge--neutral { background: var(--brd); color: var(--txt-s); }

/* ---- Produktbox-Badge (Listing) ---- */
.productbox-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--err);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: var(--rp);
    text-transform: uppercase;
    letter-spacing: .5px;
    z-index: 10;
    pointer-events: none;
}

/* ---- NOVA Ribbon (komplett) ---- */
.ribbon { pointer-events: none !important; }
.ribbon-8.productbox-ribbon { display: none !important; }

/* ---- PDP-Badge (Artikelseite) ---- */
body[data-page="2"] .product-label,
body[data-page="2"] .label-new,
body[data-page="2"] .label-sale {
    display: inline-block;
    padding: 4px 12px;
    border-radius: var(--rp);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
}

body[data-page="2"] .label-new  { background: var(--ok);  color: #fff; }
body[data-page="2"] .label-sale { background: var(--err); color: #fff; }