/* ============================================================
   DeepCar & NL Parts — Descrições de Produto
   Ficheiro para instalar no ePages (CSS personalizado)
   Todas as classes com prefixo .deepcar-pd- para zero
   conflitos com o tema existente
   ============================================================ */

/* ── CONTAINER PRINCIPAL ── */
.deepcar-pd-wrap {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 32px;
}

/* ── HERO (topo) ── */
.deepcar-pd-hero {
  padding: 18px 16px;
  border-bottom: 1px solid #f0f0f0;
}

/* ── BADGES ── */
.deepcar-pd-badges {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

/* Badge marca — DeepCar ou NL Parts */
.deepcar-pd-badge-brand {
  background: #0b02b7;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  letter-spacing: 0.3px;
}

/* Badge condição — Peça Nova */
.deepcar-pd-badge-new {
  background: #eeeeff;
  color: #0b02b7;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid #c5c4f0;
}

/* Badge tipo — Aftermarket / Usado Original */
.deepcar-pd-badge-type {
  background: #f5f5f5;
  color: #555555;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 20px;
  border: 1px solid #e0e0e0;
}

/* ── TÍTULO E SUBTÍTULO ── */
.deepcar-pd-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.3 !important;
  margin: 0 0 6px 0 !important;
}

.deepcar-pd-subtitle {
  font-size: 13px;
  color: #555555;
  line-height: 1.5;
  margin-bottom: 12px;
}

/* ── REFERÊNCIAS (Ref. / OE) ── */
.deepcar-pd-refs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.deepcar-pd-ref {
  font-size: 11px;
  font-family: monospace;
  background: #f8f8f8;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  padding: 3px 8px;
  color: #555555;
}

/* ── SECÇÕES ── */
.deepcar-pd-section {
  padding: 16px;
  border-bottom: 1px solid #f5f5f5;
}

.deepcar-pd-section:last-child {
  border-bottom: none;
}

/* ── TÍTULO DE SECÇÃO ── */
.deepcar-pd-section-title {
  font-size: 10px;
  font-weight: 700;
  color: #0b02b7;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Barra azul à esquerda do título */
.deepcar-pd-section-title::before {
  content: '';
  display: block;
  width: 3px;
  height: 13px;
  background: #0b02b7;
  border-radius: 2px;
  flex-shrink: 0;
}

/* ── GRELHA DE ESPECIFICAÇÕES ── */
.deepcar-pd-specs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.deepcar-pd-spec {
  background: #f8f8ff;
  border: 1px solid #e0e0f5;
  border-left: 3px solid #0b02b7;
  border-radius: 8px;
  padding: 10px 12px;
}

.deepcar-pd-spec-label {
  font-size: 10px;
  font-weight: 400;
  color: #999999;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 3px;
}

.deepcar-pd-spec-value {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}

/* ── TAGS OE (referências originais) ── */
.deepcar-pd-oe-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.deepcar-pd-oe-tag {
  background: #eeeeff;
  border: 1px solid #c5c4f0;
  border-radius: 4px;
  font-size: 11px;
  font-family: monospace;
  font-weight: 600;
  padding: 4px 9px;
  color: #0b02b7;
}

/* ── LISTA DE VIATURAS COMPATÍVEIS ── */

/* Texto disclaimer — aparece sempre antes da lista */
.deepcar-pd-compat-disclaimer {
  font-size: 12px;
  font-weight: 400;
  color: #888888;
  font-style: italic;
  line-height: 1.5;
  margin-bottom: 10px;
}

.deepcar-pd-compat-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid #f8f8f8;
}

.deepcar-pd-compat-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* Ponto azul à esquerda */
.deepcar-pd-compat-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0b02b7;
  flex-shrink: 0;
  margin-top: 5px;
}

.deepcar-pd-compat-model {
  font-size: 12px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 1px;
}

.deepcar-pd-compat-period {
  font-size: 11px;
  color: #777777;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

/* Tag motor / chassis */
.deepcar-pd-engine-tag {
  background: #eeeeff;
  color: #0b02b7;
  border: none;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  font-family: monospace;
  padding: 2px 7px;
}

/* ── SELOS DE CONFIANÇA ── */
.deepcar-pd-trust-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.deepcar-pd-trust-item {
  background: #fafafa;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Círculo check — fundo branco, borda verde #97d700 */
.deepcar-pd-trust-check {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #97d700;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ícone SVG dentro do círculo:
   viewBox="0 0 10 10"
   polyline points="1.5,5 4,7.5 8.5,2.5"
   stroke="#97d700" stroke-width="2"
   stroke-linecap="round" stroke-linejoin="round" */

.deepcar-pd-trust-title {
  font-size: 12px;
  font-weight: 600;
  color: #222222;
}

.deepcar-pd-trust-subtitle {
  font-size: 10px;
  font-weight: 400;
  color: #999999;
  margin-top: 1px;
}

/* ── RESPONSIVO — mobile ── */
@media (max-width: 480px) {
  .deepcar-pd-specs-grid {
    grid-template-columns: 1fr;
  }
  .deepcar-pd-trust-grid {
    grid-template-columns: 1fr;
  }
}


/* ── Separadores ePages -- títulos ── */

#ProductInfoTabs .dc-acc-title {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  letter-spacing: -0.3px !important;
  text-transform: none !important;
}

@media (max-width: 600px) {
  #ProductInfoTabs .dc-acc-title {
    font-weight: 800 !important;
  }
}