
/* /theme/domestic-v2/components/vehicle-metadata/vehicle-metadata.css */
[data-vehicle-metadata].vehicle-metadata {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 0;
    margin: 6px 0 0; padding: 0; color: var(--sys-color-muted, #627181);
    font-size: 13px; font-weight: 400; line-height: 1.6;
    white-space: normal; overflow: visible; max-height: none;
}
[data-vehicle-metadata].vehicle-metadata > span { white-space: nowrap; }
[data-vehicle-metadata].vehicle-metadata > span::before { content: none; }
[data-vehicle-metadata].vehicle-metadata > span + span::before { content: '·'; margin: 0 7px; color: inherit; }

/* Keep all vehicle facts together above the detail actions. */
.pc-realcar-details [data-vehicle-metadata].vehicle-metadata {
    display: contents;
}
.pc-realcar-details .vehicle-metadata__primary {
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 2px 7px; min-width: 0;
    font-size: 12px; line-height: 18px; letter-spacing: -0.35px;
}
.pc-realcar-details .vehicle-metadata__primary { grid-column: 1 / -1; }
.pc-realcar-details .vehicle-metadata__primary > span { white-space: nowrap; }
.pc-realcar-details [data-vehicle-metadata].vehicle-metadata > span::before { content: none; }

/* Mobile list cards share the PC fact order and wrap complete labels. */
.realcar-card--mobile [data-vehicle-metadata].vehicle-metadata { gap: 2px 8px; }
.realcar-card--mobile [data-vehicle-metadata].vehicle-metadata > span::before { content: none; margin: 0; }

/* Accent only: preserve the existing range copy and layout. */
[data-vehicle-metadata].vehicle-metadata [data-vehicle-meta-range] { color: var(--sys-color-brand-text, #0077b8); }
