/* ============================================================
   skinspecialist.cz — ss-promo-badge-1.css — v1 (2026-06-26)
   Styl pro obecný slevový badge "S kódem XXX jen YY".
   Pár s: ss-promo-badge-1.js

   Scoping: vše pod .ss-pbadge (žádný leak do nativního Shoptetu).
   Paleta (brand): sage #6B8B85 · terakota #9A7A5F · ink #1a1714.
   ============================================================ */

.ss-pbadge {
  display: flex;
  align-items: center;
  gap: 11px;
  box-sizing: border-box;
  margin: 14px 0 2px;
  padding: 11px 13px;
  background: #eaf0ed;
  border: 1px solid #bcd0c9;
  border-radius: 10px;
  font-family: inherit;
  line-height: 1.4;
}
.ss-pbadge * { box-sizing: border-box; }

.ss-pbadge__ic {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6B8B85;
  color: #fff;
  border-radius: 8px;
}
.ss-pbadge__ic svg { display: block; }

.ss-pbadge__body { display: flex; flex-direction: column; min-width: 0; }

.ss-pbadge__txt {
  font-size: 15px;
  font-weight: 400;
  color: #26352f;
}
.ss-pbadge__code {
  display: inline-block;
  background: #9A7A5F;
  color: #fff;
  padding: 1px 7px;
  border-radius: 5px;
  font-weight: 600;
  letter-spacing: .03em;
  font-size: .94em;
}
.ss-pbadge__price {
  font-weight: 600;
  color: #1a1714;
  white-space: nowrap;
}
.ss-pbadge__sub {
  font-size: 12.5px;
  color: #5d6b65;
  margin-top: 3px;
}

/* ---- mini: karty (kategorie / značka / homepage curated) ---- */
.ss-pbadge--mini {
  margin: 0 0 12px;
  padding: 7px 9px;
  gap: 8px;
  border-radius: 8px;
}
.ss-pbadge--mini .ss-pbadge__ic { width: 26px; height: 26px; border-radius: 6px; }
.ss-pbadge--mini .ss-pbadge__ic svg { width: 13px; height: 13px; }
.ss-pbadge--mini .ss-pbadge__txt { font-size: 12.5px; line-height: 1.3; }
.ss-pbadge--mini .ss-pbadge__code { padding: 0 5px; border-radius: 4px; }