/*
Theme Name: Vehica Child
Theme URI: https://vehicatheme.com/
Author: TangibleDesign
Author URI: https://tangibledesign.net/
Description: Vehica
Template: vehica
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: vehica
*/
/* ===== Vehica Car Description ===== */
.vehica-car-description {
  --gap: 14px;
  --gap-lg: 18px;
  --border: #e9ecef;
  --muted: #6b7280;
  --heading: #111827;
  --bg-soft: #f8fafc;
  font-size: 16px;
  line-height: 1.5;
  color: #111827;
}

.vehica-car-description h2 {
  font-size: 22px;
  margin: 18px 0 12px;
  color: var(--heading);
  font-weight: 700;
  letter-spacing: .2px;
}

.vehica-car-description h3 {
  font-size: 18px;
  margin: 14px 0 10px;
  font-weight: 700;
  color: var(--heading);
}

/* Titulares de bloque */
.vehica-car-description .title {
  margin-top: 18px;
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

/* ===== Perfil / bloques de líneas ===== */
.vehica-car-description .lines-group {
  display: grid;
  gap: 6px;
  margin-bottom: 16px;
}

.vehica-car-description .line {
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}

/* Sólo las filas de datos del perfil en 2 columnas */
.vehica-car-description .line > .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 20px;
  align-items: start;
}

/* Primera columna (etiqueta) en negrita */
.vehica-car-description .line > .row > .col-6:first-child {
  font-weight: 700;
  color: #0f172a;
}

/* Segunda columna (valor) */
.vehica-car-description .line > .row > .col-6:last-child {
  color: #111827;
}

/* Chasis oculto/abreviado puede ir con letra monoespaciada si quieres */
.vehica-car-description .uitest-profile-chassisnr {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  letter-spacing: .5px;
}

/* Info banners (documentos/procedencia) */
.vehica-car-description .info-box {
  background: var(--bg-soft);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px 14px;
  margin: 10px 0 16px;
  color: #0f172a;
}

/* ===== Equipamiento ===== */
.vehica-car-description .high-value-option {
  margin: 12px 0 8px;
  font-weight: 700;
}

.vehica-car-description .options {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 10px 22px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}

.vehica-car-description .options .label {
  font-weight: 700;
  color: #0f172a;
}

/* Lista de opciones en 2 columnas internas */
.vehica-car-description .options .list {
  column-count: 2;
  column-gap: 26px;
}

.vehica-car-description .options .list .name {
  display: inline-block; /* respeta columnas */
  break-inside: avoid;
  margin: 2px 0 6px;
}

/* Accesorios */
.vehica-car-description .accessories {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 10px 22px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}
.vehica-car-description .accessories .label { font-weight: 700; }
.vehica-car-description .accessories .list > div { margin: 2px 0 6px; }

/* ===== Estado / Daños ===== */
.vehica-car-description .damages-content {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 14px;
  margin: 8px 0 18px;
  background: #fff;
}

.vehica-car-description .damages-section .headline,
.vehica-car-description .HeadlineStatic-module_headlineStatic--nghLhd {
  margin-bottom: 10px;
}

.vehica-car-description .damages-description h3 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.vehica-car-description .damage-item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px dashed var(--border);
}

.vehica-car-description .damage-item .number {
  font-weight: 700;
  color: #1f2937;
}

.vehica-car-description .damage-item .label {
  font-weight: 700;
}

.vehica-car-description .damage-item .highlighted {
  color: #0f766e;
  font-weight: 600;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .vehica-car-description .options,
  .vehica-car-description .accessories {
    grid-template-columns: 180px 1fr;
  }
}

@media (max-width: 768px) {
  .vehica-car-description .line > .row {
    grid-template-columns: 1fr; /* Perfil: 1 columna en móvil */
  }
  .vehica-car-description .options,
  .vehica-car-description .accessories {
    grid-template-columns: 1fr; /* Etiqueta encima, lista debajo */
  }
  .vehica-car-description .options .list {
    column-count: 1; /* Lista en una sola columna en móvil */
  }
}