/* =========================================================================
   css/product-page.css  —  v1.0.86
   Styles the three new blocks on the single-product page:
     .sia-pp-delivery   — dark card with yellow accents
     .sia-pp-soldby     — seller block
     .sia-pp-protect    — yellow-shield protection banner
   Shared title treatment uses a 3px accent bar before the heading.
   ========================================================================= */

/* Shared: section title with an accent bar */
.sia-pp-section-title {
  font-family: var(--sia-font-body);
  font-weight: 800;
  font-size: 11px;
  margin: 0 0 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--sia-text, #111827);
}
.sia-pp-section-title--light { color: #ffffff; }
.sia-pp-section-accent {
  display: inline-block;
  width: 3px;
  height: 12px;
  background: var(--sia-primary, #E8380D);
  border-radius: 2px;
}
.sia-pp-section-accent--yellow { background: var(--sia-accent, #ffcd1f); height: 14px; }

/* ============================================================
   DELIVERY CARD
   ============================================================ */
.sia-pp-delivery {
  margin: 14px 0;
  padding: 16px;
  background: linear-gradient(135deg, #0D0D0D 0%, #1a1a2e 100%);
  border-radius: 14px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.sia-pp-delivery::before {
  content: '';
  position: absolute;
  right: -40px; top: -40px;
  width: 140px; height: 140px;
  background: radial-gradient(circle, rgba(255,205,31,0.18) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.sia-pp-del-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: 12.5px;
  color: rgba(255,255,255,0.9);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  position: relative;
}
.sia-pp-del-row:last-of-type { border-bottom: none; }
.sia-pp-del-icon {
  width: 24px; height: 24px;
  background: rgba(255,205,31,0.15);
  border: 1px solid rgba(255,205,31,0.35);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
}
.sia-pp-del-text { flex: 1; line-height: 1.4; }
.sia-pp-del-text strong {
  color: var(--sia-accent, #ffcd1f);
  font-weight: 800;
}
.sia-pp-speedpill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 800;
  font-size: 10.5px;
  padding: 5px 11px;
  border-radius: 999px;
  margin-top: 10px;
  background: var(--sia-accent, #ffcd1f);
  color: var(--sia-dark, #0D0D0D);
  letter-spacing: 0.3px;
  position: relative;
}

/* ============================================================
   SOLD BY
   ============================================================ */
.sia-pp-soldby {
  margin: 14px 0;
  padding: 16px;
  border-top: 1px solid var(--sia-border, #e5e7eb);
  border-bottom: 1px solid var(--sia-border, #e5e7eb);
}
.sia-pp-seller {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.sia-pp-seller-logo {
  flex-shrink: 0;
  width: 50px; height: 50px;
  border-radius: 10px;
  background: linear-gradient(135deg, #0D0D0D 0%, var(--sia-primary, #E8380D) 100%);
  color: #ffffff;
  font-weight: 800;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.3px;
}
.sia-pp-seller-body { flex: 1; min-width: 0; }
.sia-pp-seller-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}
.sia-pp-seller-name {
  font-weight: 700;
  font-size: 14px;
  color: var(--sia-text, #111827);
  text-decoration: none;
}
.sia-pp-seller-verified { color: #059669; font-size: 14px; }
.sia-pp-seller-topbadge {
  background: var(--sia-dark, #0D0D0D);
  color: var(--sia-accent, #ffcd1f);
  font-size: 9px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 4px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.sia-pp-seller-stats {
  font-size: 11.5px;
  color: var(--sia-text-muted, #6b7280);
  margin-bottom: 10px;
}
.sia-pp-seller-stats strong {
  color: var(--sia-text, #111827);
  font-weight: 700;
}
.sia-pp-seller-stats .star { color: #f59e0b; }
.sia-pp-seller-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.sia-pp-btn-seller {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 12px;
  border-radius: 7px;
  text-decoration: none;
  border: 1.5px solid var(--sia-dark, #0D0D0D);
  color: var(--sia-dark, #0D0D0D);
  background: #ffffff;
  transition: background 0.15s ease, color 0.15s ease;
}
.sia-pp-btn-seller:hover {
  background: var(--sia-dark, #0D0D0D);
  color: #ffffff;
}
.sia-pp-btn-seller--solid {
  background: var(--sia-dark, #0D0D0D);
  color: #ffffff;
}
.sia-pp-btn-seller--solid:hover {
  background: #000000;
  color: var(--sia-accent, #ffcd1f);
}

/* ============================================================
   PROTECTION BANNER
   ============================================================ */
.sia-pp-protect {
  margin: 14px 0;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fffbeb;
  border: 1.5px solid var(--sia-accent, #ffcd1f);
  border-radius: 12px;
}
.sia-pp-protect-icon {
  flex-shrink: 0;
  width: 38px; height: 38px;
  background: var(--sia-accent, #ffcd1f);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.sia-pp-protect-body {
  flex: 1;
  font-size: 12.5px;
  color: var(--sia-text-soft, #374151);
  line-height: 1.4;
}
.sia-pp-protect-body strong {
  color: var(--sia-text, #111827);
  font-weight: 800;
  display: block;
  margin-bottom: 2px;
}
.sia-pp-protect-link {
  color: var(--sia-primary, #E8380D);
  font-weight: 700;
  text-decoration: none;
  font-size: 11.5px;
  display: inline-block;
  margin-top: 2px;
}
.sia-pp-protect-link:hover { text-decoration: underline; }

/* ====================================================================
   v1.0.89 — Vendor rating stars + tier badge
   Shared by the Sold By block (product page) and the vendor store page.
   ==================================================================== */

/* Five-star visual (outer = empty, inner = filled; width% = precise rating). */
.sia-stars {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 2px;
  color: #e2e2e2;
  vertical-align: middle;
}
.sia-stars::before { content: "\2605\2605\2605\2605\2605"; }
.sia-stars-inner {
  position: absolute;
  top: 0; left: 0;
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 2px;
  color: #F5A623;
}
.sia-stars-inner::before { content: "\2605\2605\2605\2605\2605"; }

/* Sold By stats row — used inside the product-page Sold By block. */
.sia-pp-seller-stats {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 6px 0 10px;
  font-size: 12px;
  line-height: 1.3;
}
.sia-pp-seller-stats-label {
  font-weight: 700;
  letter-spacing: 0.2px;
}
.sia-pp-seller-stats-meta {
  color: var(--sia-text-muted);
  font-size: 11.5px;
}
.sia-pp-seller-stats--good    .sia-pp-seller-stats-label { color: #10a050; }
.sia-pp-seller-stats--average .sia-pp-seller-stats-label { color: #E8A23A; }
.sia-pp-seller-stats--poor    .sia-pp-seller-stats-label { color: #D93B3B; }

/* Vendor store header rating pill. */
.sia-vstore-rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.sia-vstore-rating-label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.sia-vstore-rating-meta {
  font-size: 13px;
  color: var(--sia-text-muted);
}
.sia-vstore-rating--good    .sia-vstore-rating-label { color: #10a050; }
.sia-vstore-rating--average .sia-vstore-rating-label { color: #E8A23A; }
.sia-vstore-rating--poor    .sia-vstore-rating-label { color: #D93B3B; }

/* Vendor store page — Seller Rating summary card. */
.sia-vstore-rating-card .sia-stars {
  font-size: 24px;
  letter-spacing: 3px;
}

/* v1.0.90 — zero-state rating (no reviews yet) */
.sia-pp-seller-stats--none   .sia-pp-seller-stats-label { color: #888; font-weight: 600; }
.sia-vstore-rating--none     .sia-vstore-rating-label   { color: #888; font-weight: 600; }