/* Grundlayout für unsere zweizeilige Preis-Darstellung */
.watk-price-range {
  display: inline-block;
  line-height: 1.3;
}

/* Zeile 1: Streichpreise (reg + non-app) */
.watk-price-range .watk-line.watk-line--strike {
  font-size: 0.9em;
  color: #9a9a9a;
  margin-bottom: 2px;
}

.watk-price-range .watk-line.watk-line--strike del {
  opacity: 0.8;
  margin-right: 4px;
}

/* Zeile 2: aktueller App-Preis + Badge */
.watk-price-range .watk-line.watk-line--current {
  font-size: 1.05em;
  font-weight: 600;
}

/* Basis-Badge-Style (Single + Loop) */
.watk-badge {
  display: inline-block;
  padding: 4px 8px;
  font-size: 0.5em;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border-radius: 1px;
  -webkit-font-smoothing: antialiased;
  margin-left: 0.25rem;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  white-space: nowrap;
  vertical-align: middle;

  /* Default-Farben – können durch Backend-Optionen (inline-style) überschrieben werden */
  color: #000;
  background: linear-gradient(135deg, #f7ce46, #d4af37);
}

/* Variante für Produkt-Loop (etwas größer) */
.product-wrapper .product-info .price .watk-badge {
  padding: 4px 10px;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Falls dein Theme Prices als Block darstellt, etwas Abstand oben/unten */
.product-wrapper .product-info .price .watk-price-range,
.entry-summary .price .watk-price-range {
  display: inline-block;
}

/* WATK: Zweiteiliges Badge [15% BLACK][DEAL] */

.vi-sctv-sale-badge.watk-top-badge {
    display: inline-flex !important;
    flex-direction: row;
    align-items: center;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important; /* Wrapper hat keinen eigenen BG */
}

/* Linker Block – Farben kommen per Inline-Style aus PHP */
.vi-sctv-sale-badge.watk-top-badge .watk-top-badge-left {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 6px 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1 !important;
    border-radius: 0 !important;
}

/* Rechter Block – fester Gold-BG */
.vi-sctv-sale-badge.watk-top-badge .watk-top-badge-right {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 6px 12px !important;
    background: #d4af37 !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1 !important;
    border-radius: 0 !important;
}

/* Loop etwas kompakter */
.shop-archive-block .vi-sctv-sale-badge.watk-top-badge .watk-top-badge-left,
.shop-archive-block .vi-sctv-sale-badge.watk-top-badge .watk-top-badge-right {
    font-size: 12px !important;
    padding: 5px 10px !important;
}

/* Cart / Checkout / Mini-Cart: Streichpreis + aktueller Preis */
.watk-cart-price del,
.watk-cart-subtotal del,
.watk-mini-cart-price del {
  opacity: 0.8;
  margin-right: 6px;
}

.watk-cart-price ins,
.watk-cart-subtotal ins,
.watk-mini-cart-price ins {
  text-decoration: none;
  font-weight: 600;
}