/* ═══════════════════════════════════════════════════════════════════
   SWC Product Designer — product detail page styles v0.7.7
   ════════════════════════════════════════════════════════════════════ */

/* ── Card principal del Designer ──────────────────────────────────── */
.swcpd-product-info {
  margin: 14px 0 0;
  padding: 16px 18px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  font-size: 13px;
  color: #374151;
}

/* Cuando hay colores del SC debajo: quitar bordes y radio inferiores */
.swcpd-product-info--has-colors {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  margin-bottom: 0;
}

/* ── Delivery badges (timeframes del Other Settings) ─────────────── */
.swcpd-delivery-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f0f0f0;
}
.swcpd-delivery-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 120px;
}
.swcpd-delivery-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }
.swcpd-delivery-item strong { display: block; font-size: 12px; font-weight: 700; color: #111; }
.swcpd-delivery-item small { display: block; color: #6b7280; font-size: 11px; }
.swcpd-delivery-default strong::after { content: ' ✓'; color: #22c55e; }

/* ── Decoration method pills ─────────────────────────────────────── */
.swcpd-decoration-label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 6px;
}
.swcpd-decoration-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.swcpd-decoration-badge {
  display: inline-block;
  padding: 3px 10px;
  font-size: 11px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
  white-space: nowrap;
}

/* ── Minimum order — texto plano ─────────────────────────────────── */
.swcpd-min-qty {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 14px;
  padding: 0;
  background: none;
  border: none;
}

/* ── Design & Add to Cart button ─────────────────────────────────── */
.swcpd-design-action { margin-top: 4px; }
.swcpd-design-button {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 11px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  background: #1e3a8a !important;
  color: #fff !important;
  border-color: #1e3a8a !important;
  transition: background .2s;
}
.swcpd-design-button:hover {
  background: #1d4ed8 !important;
  color: #fff !important;
}
.swcpd-design-button::before { content: "✏️"; font-size: 15px; }

/* ══════════════════════════════════════════════════════════════════
   Bloque de COLORES del Supplier Connect cuando Designer está activo
   Se une visualmente con la card del Designer arriba.
   ══════════════════════════════════════════════════════════════════ */
.swc-designer-color-section {
  padding: 14px 18px 16px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-top: 1px dashed #d1d5db;  /* línea sutil que indica continuación */
  border-radius: 0 0 12px 12px;
  margin-bottom: 14px;
}
.swc-color-label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 10px;
}