/* =======================================================================
   tutokupisz.pl – Shipping PDP Box (modules/shipping-engine/shipping-pdp-box.css)
   - mały, czytelny box o dostawie na karcie produktu
   - spójny z PDP (karta, radius, kolory z motywu)
   - lekki, bez zbędnych bajerów
   ======================================================================= */

.single-product .shipping-pdp {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 0.875rem; /* ~14px */
  color: var(--ink-muted, #5b6b85);
}

.single-product .shipping-pdp__inner {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--radius, 12px);
  background: var(--surface-2, #f6f7f9);
  border: 1px solid rgba(148, 163, 184, 0.45);
}

/* -------------------------------- Badge -------------------------------- */

.single-product .shipping-pdp__badge {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(47, 109, 246, 0.08);
  color: var(--accent, #2f6df6);
}

/* warianty kolorystyczne – bazują na „typie” profilu */

.single-product .shipping-pdp__badge--standard {
  background: rgba(34, 197, 94, 0.08);
  color: rgb(22, 163, 74);
}

.single-product .shipping-pdp__badge--low-margin {
  background: rgba(59, 130, 246, 0.08);
  color: rgb(37, 99, 235);
}

.single-product .shipping-pdp__badge--heavy {
  background: rgba(248, 113, 113, 0.1);
  color: rgb(220, 38, 38);
}

.single-product .shipping-pdp__badge--gabaryt {
  background: rgba(249, 115, 22, 0.12);
  color: rgb(194, 65, 12);
}

/* ------------------------------- Treść boxa ---------------------------- */

.single-product .shipping-pdp__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.single-product .shipping-pdp__line {
  margin: 0;
  line-height: 1.5;
}

.single-product .shipping-pdp__line--highlight {
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--ink, #0f172a);
}

.single-product .shipping-pdp__line--note {
  font-size: 0.8rem;
  color: var(--muted, #94a3b8);
}

/* ------------------------------ RWD / mobile --------------------------- */

@media (max-width: 640px) {
  .single-product .shipping-pdp__inner {
    flex-direction: column;
    padding: 10px 12px;
    gap: 8px;
  }

  .single-product .shipping-pdp__badge {
    align-self: flex-start;
  }
}