/* ════════════════════════════════════════════════════════════════════════
   Puffkalica Promo Display — Frontend CSS v1.3.0 (Puffkalica native style)
   Cilj: svi promo boxevi izgledaju kao native webshop NAPOMENA/INFO boxevi:
   bijela pozadina, 2px cyan obrub (#45C0DD), tamne kružne ikone (#35414F),
   transducer-condensed font, čist premium look. Sve boje usklađene s temom.
   Tema: $accent #45C0DD · $dark-gray #35414F · $light-gray #456270
         $beige #E9F5F5 · $dark-beige #DDEAEA
   ════════════════════════════════════════════════════════════════════════ */

:root {
  --ppd-accent:        #45C0DD;
  --ppd-accent-strong: #2BA7C4;
  --ppd-ink:           #35414F;
  --ppd-muted:         #456270;
  --ppd-beige:         #E9F5F5;
  --ppd-beige-2:       #DDEAEA;
  --ppd-white:         #ffffff;
  --ppd-border:        #45C0DD;
  --ppd-line-soft:     #DDEAEA;
  --ppd-display:       "transducer-condensed", "Oswald", "Roboto Condensed", "Arial Narrow", sans-serif;
  --ppd-radius:        14px;
  --ppd-shadow:        0 8px 22px rgba(53, 65, 79, .06);

  /* Legacy aliasi (stari kod ih ponegdje koristi) */
  --pse-blue:          #45C0DD;
  --pse-blue-strong:   #2BA7C4;
  --pse-ink:           #35414F;
  --pse-text:          #35414F;
  --pse-muted:         #456270;
  --pse-line:          #DDEAEA;
  --pse-soft:          #E9F5F5;
  --pse-white:         #ffffff;
  --pse-red:           #45C0DD;
  --pse-display:       "transducer-condensed", "Oswald", "Roboto Condensed", "Arial Narrow", sans-serif;
  --pse-shadow-sm:     0 8px 22px rgba(53, 65, 79, .06);
  --pse-shadow-md:     0 12px 28px rgba(53, 65, 79, .08);
}

.woocommerce ul.products li.product,
ul.products li.product {
  position: relative;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link,
ul.products li.product .woocommerce-loop-product__link {
  position: relative;
}

/* ── Shop-loop badge ──────────────────────────────────────────────────── */

.pse-pd-badge {
  position: absolute;
  top: 16px;
  right: auto;
  left: 14px;
  z-index: 30;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 24px;
  max-width: calc(100% - 28px);
  padding: 5px 11px;
  border-radius: 999px;
  border: 1.5px solid var(--ppd-accent);
  background: var(--ppd-white);
  color: var(--ppd-ink);
  font-family: var(--ppd-display);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
  box-shadow: var(--ppd-shadow);
  pointer-events: none;
}

.pse-pd-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 999px;
  background: var(--ppd-accent);
}

.pse-pd-badge::after { content: none; }

.pse-pd-card-top-label {
  position: absolute;
  top: 16px;
  right: 14px;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 24px;
  max-width: calc(100% - 28px);
  padding: 5px 11px;
  border-radius: 999px;
  border: 1.5px solid var(--ppd-accent);
  background: var(--ppd-white);
  color: var(--ppd-ink);
  font-family: var(--ppd-display);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
  box-shadow: var(--ppd-shadow);
  pointer-events: none;
  white-space: nowrap;
}

.pse-pd-card-top-label::before {
  content: "";
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 999px;
  background: var(--ppd-accent);
}

.woocommerce ul.products li.product .price .pse-pd-card-top-label,
ul.products li.product .price .pse-pd-card-top-label,
.products > .product .price .pse-pd-card-top-label,
.products > li.product .price .pse-pd-card-top-label,
.wc-block-grid__product .price .pse-pd-card-top-label {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
}

@media (max-width: 480px) {
  .pse-pd-card-top-label {
    top: 12px;
    right: auto;
    left: 10px;
    max-width: calc(100% - 20px);
    min-height: 23px;
    padding: 4px 9px;
    font-size: 10px;
    letter-spacing: .04em;
  }
}

/* ── Price preview (shop loop + cart) ─────────────────────────────────── */

.pse-pd-loop-price {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1.15;
}

.woocommerce ul.products li.product .price .pse-pd-loop-price,
ul.products li.product .price .pse-pd-loop-price,
.home .woocommerce .price .pse-pd-loop-price {
  margin-top: 2px;
}

.pse-pd-price-preview {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  flex-wrap: nowrap;
  vertical-align: middle;
  line-height: 1.1;
}

.pse-pd-price-preview del {
  display: inline-flex;
  align-items: center;
  color: var(--ppd-muted);
  opacity: 1;
  font-weight: 500;
  text-decoration-thickness: 2px;
  white-space: nowrap;
}

.pse-pd-price-preview ins {
  display: inline-flex;
  align-items: center;
  padding: 0;
  background: transparent;
  color: var(--ppd-accent-strong);
  font-weight: 800;
  text-decoration: none;
}

.pse-pd-price-preview .amount,
.pse-pd-price-preview .woocommerce-Price-amount {
  font-size: 1em;
  line-height: 1;
}

.woocommerce ul.products li.product .price .pse-pd-price-preview del,
.woocommerce ul.products li.product .price .pse-pd-price-preview ins,
ul.products li.product .price .pse-pd-price-preview del,
ul.products li.product .price .pse-pd-price-preview ins {
  margin: 0;
}

/* Cart promo price */
.pse-pd-cart-price {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  flex-wrap: wrap;
}
.pse-pd-cart-price del {
  color: var(--ppd-muted);
  font-weight: 500;
  text-decoration-thickness: 2px;
}
.pse-pd-cart-price ins {
  background: transparent;
  color: var(--ppd-accent-strong);
  font-weight: 800;
  text-decoration: none;
}

/* ════════════════════════════════════════════════════════════════════════
   SHARED CARD — native puffkalica box (bijela, cyan obrub, zaobljeno)
   ════════════════════════════════════════════════════════════════════════ */

.pse-pd-product-box,
.pse-pd-mini-notice,
.pse-pd-html-box,
.pse-pd-category-box__inner {
  margin: 18px 0;
  border: 2px solid var(--ppd-border);
  border-radius: var(--ppd-radius);
  background: var(--ppd-white);
  box-shadow: var(--ppd-shadow);
  color: var(--ppd-ink);
  font-family: inherit;
}

/* Reusable dark icon circle (kao INFO ikona u native boxu) */
.pse-pd-product-box__icon,
.pse-pd-category-box__spark {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: var(--ppd-ink);
  color: #fff;
  font-family: var(--ppd-display);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  box-shadow: none;
}

/* ── Product info box ─────────────────────────────────────────────────── */

.pse-pd-product-box {
  position: relative;
  overflow: hidden;
  padding: 20px 22px;
}

.pse-pd-product-box__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 14px;
}

.pse-pd-product-box strong.pse-pd-product-box__title {
  display: block;
  margin: 0;
  color: var(--ppd-ink);
  font-family: var(--ppd-display);
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.pse-pd-product-box__tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 4px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--ppd-beige);
  color: var(--ppd-muted);
  font-family: var(--ppd-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  text-transform: uppercase;
}

.pse-pd-product-box__copy,
.pse-pd-product-box p {
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
  color: var(--ppd-ink);
  font-size: 15px;
  line-height: 1.6;
}

.pse-pd-product-box p strong {
  display: inline;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  color: var(--ppd-ink);
}

.pse-pd-product-box__prices {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
}

.pse-pd-product-box__price {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 8px 14px;
  border-radius: 10px;
  font-weight: 800;
  line-height: 1;
}

.pse-pd-product-box__price.is-new {
  background: var(--ppd-accent);
  color: #fff;
  box-shadow: 0 8px 16px rgba(69, 192, 221, .22);
}

.pse-pd-product-box__price.is-old {
  background: var(--ppd-beige);
  color: var(--ppd-muted);
  font-weight: 600;
}

.pse-pd-product-box__price.is-old .amount {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

.pse-pd-product-box__foot,
.pse-pd-product-box small {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  color: var(--ppd-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

.pse-pd-product-box__foot::before,
.pse-pd-product-box small::before {
  content: "i";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: var(--ppd-ink);
  color: #fff;
  font-family: var(--ppd-display);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

/* ── Mini notice ──────────────────────────────────────────────────────── */

.pse-pd-mini-notice {
  position: relative;
  overflow: hidden;
  padding: 16px 18px 16px 56px;
  color: var(--ppd-ink);
}

.pse-pd-mini-notice::before {
  content: "!";
  position: absolute;
  left: 16px;
  top: 14px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--ppd-ink);
  color: #fff;
  font-family: var(--ppd-display);
  font-weight: 800;
  font-size: 15px;
  line-height: 1;
}

.pse-pd-mini-notice p {
  margin: 0 0 7px;
  color: inherit;
  font-size: 15px;
  line-height: 1.55;
}
.pse-pd-mini-notice p:last-child { margin-bottom: 0; }

/* ── Slobodan HTML box (NAPOMENA / INFO stil) ─────────────────────────── */

.pse-pd-html-box {
  position: relative;
  padding: 18px 20px;
  overflow: hidden;
  color: var(--ppd-ink);
  font-size: 15px;
  line-height: 1.6;
}

.pse-pd-html-box__inner > :first-child { margin-top: 0; }
.pse-pd-html-box__inner > :last-child { margin-bottom: 0; }

.pse-pd-html-box p {
  margin: 0 0 10px;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.pse-pd-html-box p:last-child { margin-bottom: 0; }

.pse-pd-html-box strong,
.pse-pd-html-box b {
  color: var(--ppd-ink);
  font-weight: 700;
}

.pse-pd-html-box a {
  color: var(--ppd-accent-strong);
  font-weight: 700;
  text-decoration: underline;
}

.pse-pd-html-box h2,
.pse-pd-html-box h3,
.pse-pd-html-box h4 {
  margin: 0 0 9px;
  color: var(--ppd-ink);
  font-family: var(--ppd-display);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .01em;
  text-transform: uppercase;
}
.pse-pd-html-box h2 { font-size: 21px; }
.pse-pd-html-box h3 { font-size: 18px; }
.pse-pd-html-box h4 { font-size: 15px; }

.pse-pd-html-box ul,
.pse-pd-html-box ol {
  margin: 0 0 10px;
  padding-left: 20px;
}
.pse-pd-html-box li { margin: 0 0 5px; }
.pse-pd-html-box ul li::marker { color: var(--ppd-accent); }

.pse-pd-html-box img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.pse-pd-html-box table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 10px;
  font-size: 14px;
}
.pse-pd-html-box th,
.pse-pd-html-box td {
  padding: 8px 10px;
  border: 1px solid var(--ppd-line-soft);
  text-align: left;
}

/* ── Date pill ────────────────────────────────────────────────────────── */

.pse-pd-date-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin: 0 0 13px;
  padding: 6px 11px;
  border-radius: 999px;
  border: 1px solid var(--ppd-accent);
  background: var(--ppd-beige);
  color: var(--ppd-accent-strong);
  font-family: var(--ppd-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .045em;
  line-height: 1;
  text-transform: uppercase;
}

.pse-pd-date-pill::before {
  content: "";
  display: inline-grid;
  place-items: center;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--ppd-accent);
}

/* ── Category promo box ───────────────────────────────────────────────── */

.pse-pd-category-box {
  position: relative;
  margin: 12px 0 26px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.pse-pd-category-box__inner {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 15px;
  align-items: flex-start;
  padding: 20px 22px;
}

.pse-pd-category-box__spark {
  font-size: 19px;
}

.pse-pd-category-box__content { min-width: 0; }

.pse-pd-category-box__tag {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 9px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--ppd-beige);
  color: var(--ppd-muted);
  font-family: var(--ppd-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  text-transform: uppercase;
}

.pse-pd-category-box__title {
  display: block;
  margin: 0 0 8px;
  color: var(--ppd-ink);
  font-family: var(--ppd-display);
  font-size: clamp(26px, 2vw, 36px);
  font-weight: 700;
  line-height: .98;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.pse-pd-category-box p {
  margin: 0;
  max-width: 980px;
  color: var(--ppd-ink);
  font-size: 15px;
  line-height: 1.55;
}

/* ── Mobile cleanup ───────────────────────────────────────────────────── */

@media (max-width: 640px) {
  .pse-pd-badge {
    top: 10px;
    left: 10px;
    min-height: 26px;
    padding: 6px 10px;
    font-size: 10.5px;
    letter-spacing: .03em;
  }

  .pse-pd-product-box,
  .pse-pd-mini-notice,
  .pse-pd-html-box,
  .pse-pd-category-box__inner {
    border-radius: 12px;
  }

  .pse-pd-product-box { padding: 17px 18px; }
  .pse-pd-html-box { padding: 16px 17px; }

  .pse-pd-product-box__head { gap: 11px; }

  .pse-pd-product-box__icon,
  .pse-pd-category-box__spark {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .pse-pd-product-box strong.pse-pd-product-box__title {
    font-size: 20px;
  }

  .pse-pd-product-box__copy,
  .pse-pd-product-box p,
  .pse-pd-category-box p,
  .pse-pd-mini-notice p,
  .pse-pd-html-box {
    font-size: 14px;
  }

  .pse-pd-product-box__price {
    width: 100%;
    justify-content: center;
  }

  .pse-pd-mini-notice {
    padding: 14px 15px 14px 52px;
  }

  .pse-pd-category-box__inner {
    display: block;
    padding: 16px 16px;
  }

  .pse-pd-category-box__spark {
    margin-bottom: 10px;
  }

  .pse-pd-date-pill {
    white-space: normal;
    line-height: 1.22;
  }
}

@media (max-width: 480px) {
  .pse-pd-loop-price { gap: 5px; }
  .pse-pd-price-preview { gap: 5px; }
}

.woocommerce ul.products li.product .price .pse-pd-loop-price,
ul.products li.product .price .pse-pd-loop-price {
  color: inherit;
}

.woocommerce ul.products li.product .price .pse-pd-price-preview,
ul.products li.product .price .pse-pd-price-preview {
  font-size: inherit;
}

@media (max-width: 480px) {
  .pse-pd-badge {
    top: 12px;
    right: 10px;
    max-width: calc(100% - 20px);
    min-height: 23px;
    padding: 4px 9px;
    font-size: 9.5px;
    letter-spacing: .04em;
  }
}

.woocommerce ul.products li.product .pse-pd-badge,
ul.products li.product .pse-pd-badge,
.products .product .pse-pd-badge {
  opacity: 1;
  visibility: visible;
}

.products .product,
.wc-block-grid__product,
.woocommerce .product {
  position: relative;
}

/* Quick View / modal safety: badge i grid-label samo u gridu, ne u modalu/single. */
.quick-view .pse-pd-badge,
.quickview .pse-pd-badge,
.quick-view-modal .pse-pd-badge,
.quickview-modal .pse-pd-badge,
.yith-wcqv-wrapper .pse-pd-badge,
.yith-quick-view .pse-pd-badge,
#yith-quick-view-modal .pse-pd-badge,
.mfp-content .pse-pd-badge,
.fancybox-content .pse-pd-badge,
.woocommerce div.product .summary .pse-pd-badge,
.single-product .pse-pd-badge {
  display: none !important;
}

.woocommerce div.product .summary .pse-pd-loop-price,
.single-product .pse-pd-loop-price,
.quick-view .pse-pd-loop-price,
.quickview .pse-pd-loop-price,
.mfp-content .pse-pd-loop-price,
.fancybox-content .pse-pd-loop-price {
  width: auto;
}

.quick-view .pse-pd-card-top-label,
.quickview .pse-pd-card-top-label,
.quick-view-modal .pse-pd-card-top-label,
.quickview-modal .pse-pd-card-top-label,
.pse-qv-modal .pse-pd-card-top-label,
.pse-quick-view .pse-pd-card-top-label,
.yith-wcqv-wrapper .pse-pd-card-top-label,
.yith-quick-view .pse-pd-card-top-label,
#yith-quick-view-modal .pse-pd-card-top-label,
.mfp-content .pse-pd-card-top-label,
.fancybox-content .pse-pd-card-top-label,
.dialog-widget-content .pse-pd-card-top-label,
.elementor-popup-modal .pse-pd-card-top-label,
.xoo-qv-container .pse-pd-card-top-label,
[class*="quick-view"] .pse-pd-card-top-label,
[class*="quickview"] .pse-pd-card-top-label,
.woocommerce div.product .summary .pse-pd-card-top-label,
.single-product .summary .pse-pd-card-top-label,
.single-product div.product .pse-pd-card-top-label {
  display: none !important;
}

.woocommerce ul.products li.product .pse-pd-card-top-label,
ul.products li.product .pse-pd-card-top-label,
.products .product .pse-pd-card-top-label,
.product-small .pse-pd-card-top-label,
.product-grid-item .pse-pd-card-top-label,
.wc-block-grid__product .pse-pd-card-top-label {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
}

/* ════════════════════════════════════════════════════════════════════════
   v1.4.1: Meki Puffkalica native izgled preko --pse-pd-* varijabli.
   Boxevi se stapaju s pozadinom stranice (mint), nježan obrub, jak kontrast
   teksta, cyan pill akcenti. Sve editabilno; cyan akcent ide preko --pse-pd-badge-bg
   (ostane cyan i kad je obrub boxa svijetao), a fallback = native brand izgled.
   ════════════════════════════════════════════════════════════════════════ */

.pse-pd-product-box,
.pse-pd-html-box,
.pse-pd-mini-notice {
  background: var(--pse-pd-box-bg, var(--ppd-beige)) !important;
  color: var(--pse-pd-box-text, var(--ppd-ink)) !important;
  border: 1px solid var(--pse-pd-box-border, var(--ppd-line-soft)) !important;
  border-radius: var(--pse-pd-radius, 12px) !important;
  padding: var(--pse-pd-padding, 18px) !important;
  box-shadow: none !important;
  font-family: var(--pse-pd-font-family, inherit);
  font-size: var(--pse-pd-font-size, 15px);
  line-height: 1.55;
  text-align: var(--pse-pd-align, left);
}

/* Tekst u boxu nasljeđuje editabilnu boju i veličinu (čitljivost na mobitelu). */
.pse-pd-product-box .pse-pd-product-box__copy,
.pse-pd-product-box p,
.pse-pd-category-box p,
.pse-pd-mini-notice p,
.pse-pd-html-box p {
  color: var(--pse-pd-box-text, var(--ppd-ink));
  font-size: var(--pse-pd-font-size, 15px);
}

.pse-pd-product-box__title,
.pse-pd-product-box strong.pse-pd-product-box__title,
.pse-pd-category-box__title {
  color: var(--pse-pd-title-color, var(--ppd-ink)) !important;
  font-size: var(--pse-pd-title-size, 17px) !important;
  font-weight: var(--pse-pd-font-weight, 700) !important;
  font-family: var(--pse-pd-font-family, inherit);
  letter-spacing: .01em;
}

/* Tagovi/kicker u boxevima → cyan pill akcent (ne sivkasti). */
.pse-pd-product-box__tag,
.pse-pd-category-box__tag {
  background: var(--pse-pd-badge-bg, var(--ppd-accent)) !important;
  color: var(--pse-pd-badge-text, #fff) !important;
  border-radius: 999px;
}

/* Ikone boxeva — tamni kružni "i"/ikon kao theme INFO box (suptilno, ne cyan). */
.pse-pd-category-box__spark,
.pse-pd-product-box__icon {
  background: var(--pse-pd-title-color, var(--ppd-ink)) !important;
  color: #fff !important;
  opacity: 1;
}

.pse-pd-badge,
.pse-pd-badge--fallback,
.pse-pd-card-top-label {
  background: var(--pse-pd-badge-bg, var(--ppd-accent)) !important;
  color: var(--pse-pd-badge-text, #fff) !important;
  font-family: var(--pse-pd-font-family, inherit);
  font-weight: var(--pse-pd-font-weight, 700);
  border-radius: 999px;
}

/* Snižena cijena: stara prekrižena (muted), nova istaknuta. */
.pse-pd-price-preview del,
.pse-pd-price-preview .pse-pd-old-price,
.pse-pd-loop-price del,
.pse-pd-cart-price del {
  color: var(--pse-pd-old-price-color, var(--ppd-muted)) !important;
  text-decoration-line: line-through !important;
  text-decoration-thickness: 2px !important;
  text-decoration-color: currentColor !important;
  opacity: .85;
}
.pse-pd-price-preview del .amount,
.pse-pd-price-preview del .woocommerce-Price-amount,
.pse-pd-price-preview .pse-pd-old-price__inner,
.pse-pd-price-preview .pse-pd-old-price__inner .amount,
.pse-pd-price-preview .pse-pd-old-price__inner .woocommerce-Price-amount,
.pse-pd-loop-price del .amount,
.pse-pd-loop-price del .woocommerce-Price-amount,
.pse-pd-cart-price del .amount,
.pse-pd-cart-price del .woocommerce-Price-amount {
  text-decoration-line: line-through !important;
  text-decoration-thickness: 2px !important;
  text-decoration-color: currentColor !important;
}
.pse-pd-price-preview ins,
.pse-pd-price-preview .pse-pd-new-price,
.pse-pd-loop-price ins,
.pse-pd-cart-price ins {
  color: var(--pse-pd-promo-price-color, var(--ppd-accent)) !important;
  text-decoration: none;
  font-weight: 700;
}
.pse-pd-price-preview { display: inline-flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }

/* Category box treba biti dio mint pozadine stranice, bez bijele kartice i ikonice. */
.pse-pd-category-box {
  background: var(--ppd-beige) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.pse-pd-category-box__inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 20px 0 !important;
}
.pse-pd-category-box__spark {
  display: none !important;
}

/* Cijene unutar product boxa prate editabilne boje. */
.pse-pd-product-box__price.is-new {
  background: var(--pse-pd-promo-price-color, var(--ppd-accent)) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.pse-pd-product-box__price.is-old {
  background: transparent !important;
  color: var(--pse-pd-old-price-color, var(--ppd-muted)) !important;
}
.pse-pd-product-box__price.is-old .amount { text-decoration: line-through; }

/* Native Woo single product sale cijena, ako tema zaobide Promo Display markup. */
.single-product div.product .summary .price del,
.single-product div.product .summary .price del *,
.woocommerce div.product .summary .price del,
.woocommerce div.product .summary .price del * {
  text-decoration-line: line-through !important;
  text-decoration-thickness: 2px !important;
  text-decoration-color: currentColor !important;
}

/* ── Cart progress bar ─────────────────────────────────────────────────── */
.pse-pd-progress {
  box-sizing: border-box;
  margin: 0 0 18px;
  padding: var(--pse-pd-padding, 18px);
  background: var(--pse-pd-box-bg, var(--ppd-beige));
  color: var(--pse-pd-box-text, var(--ppd-ink));
  border: 1px solid var(--pse-pd-box-border, var(--ppd-line-soft));
  border-radius: var(--pse-pd-radius, 12px);
  box-shadow: none;
  font-family: var(--pse-pd-font-family, inherit);
  font-size: var(--pse-pd-font-size, 15px);
  text-align: var(--pse-pd-align, left);
}
.pse-pd-progress__brand {
  font-size: .76em;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--pse-pd-badge-bg, var(--ppd-accent));
  margin-bottom: 6px;
}
.pse-pd-progress__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.pse-pd-progress__top strong {
  color: var(--pse-pd-title-color, var(--ppd-ink));
  font-size: var(--pse-pd-title-size, 17px);
  font-weight: var(--pse-pd-font-weight, 700);
}
.pse-pd-progress__savings { color: var(--pse-pd-promo-price-color, var(--ppd-accent)); font-weight: 800; }
.pse-pd-progress__hint { color: var(--pse-pd-box-text, var(--ppd-ink)); opacity: .92; }
.pse-pd-progress__divider { height: 1px; background: var(--ppd-line-soft); margin: 12px 0; }
.pse-pd-progress__chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
.pse-pd-progress__chip {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 11px; border-radius: 999px;
  background: var(--pse-pd-badge-bg, var(--ppd-accent));
  color: var(--pse-pd-badge-text, #fff);
  font-size: .82em; font-weight: 700; line-height: 1.5;
}
.pse-pd-progress__next { color: var(--pse-pd-box-text, var(--ppd-ink)); opacity: .92; margin-bottom: 10px; }
.pse-pd-progress__track {
  height: 10px; border-radius: 999px;
  background: rgba(53, 65, 79, .08);
  overflow: hidden;
}
.pse-pd-progress__track > span {
  display: block; height: 100%;
  background: var(--pse-pd-badge-bg, var(--ppd-accent));
  border-radius: 999px; transition: width .35s ease;
}

/* ── Cart-item labele popusta ─────────────────────────────────────────── */
.pse-pd-item-tags {
  display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px;
  font-family: var(--pse-pd-font-family, inherit);
}
.pse-pd-item-tag {
  display: inline-flex; align-items: center;
  padding: 3px 10px; border-radius: 999px;
  background: var(--pse-pd-badge-bg, var(--ppd-accent));
  color: var(--pse-pd-badge-text, #fff);
  font-size: .76em; font-weight: 700; line-height: 1.5;
}

/* ── Mobile (≤600px): veći, čitljiviji, manje natrpano ─────────────────── */
@media (max-width: 600px) {
  .pse-pd-product-box,
  .pse-pd-category-box,
  .pse-pd-html-box,
  .pse-pd-mini-notice,
  .pse-pd-progress {
    padding: 14px !important;
    border-radius: 16px !important;
  }
  .pse-pd-product-box__title,
  .pse-pd-category-box__title,
  .pse-pd-progress__top strong {
    font-size: calc(var(--pse-pd-title-size, 17px) - 1px) !important;
  }
  .pse-pd-progress__top { gap: 4px; }
  .pse-pd-progress__savings { font-size: 1.05em; }
  .pse-pd-price-preview { font-size: 1.02em; }
  .pse-pd-category-box__inner,
  .pse-pd-product-box__head { gap: 10px; }
}