/* ═══════════════════════════════════════════════════════════
   overrides/palette-diversification.css
   v3 — aggressive dark-on-cream contrast fixes
   Rule: если section имеет cream-background — всё внутри должно
   быть dark text (explicit), иначе невидимо.
   ═══════════════════════════════════════════════════════════ */

/* ─── Design tokens ──────────────────────────────────────── */
:root {
    --cream-text:      #1A1012;
    --cream-muted:     rgba(46, 13, 20, 0.72);
    --cream-border:    rgba(107, 31, 46, 0.16);
    --cream-border-h:  rgba(107, 31, 46, 0.32);
    --cream-card-bg:   #ffffff;
    --cream-card-shd:  0 6px 18px rgba(46, 13, 20, 0.07);
    --cream-card-shd-h:0 12px 28px rgba(46, 13, 20, 0.14);
}

/* ─── Gold eyebrows globally ─────────────────────────────── */
.hero__eyebrow,
.dag-ship__kicker,
.dag-contact-hero__kicker,
.fin-kicker,
.p-about__kicker,
.legal-kicker,
.home-news__eyebrow,
.about-hero__eyebrow,
.contact-hero__eyebrow,
.privacy-hero__eyebrow,
.shipping-hero__eyebrow {
    color: var(--gold) !important;
    letter-spacing: 0.22em !important;
    font-weight: 700 !important;
}

/* ─── Home Featured — cream zone ─────────────────────────── */
body.home .home-featured {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
    padding: 90px 16px !important;
}
body.home .home-featured .section-title,
body.home .home-featured h2,
body.home .home-featured .home-featured__title {
    color: var(--cream-text) !important;
}
body.home .home-featured .section-lead {
    color: var(--cream-muted) !important;
}
body.home .home-featured .home-featured__card {
    background: var(--cream-card-bg) !important;
    border: 1px solid var(--cream-border) !important;
    color: var(--cream-text) !important;
    box-shadow: var(--cream-card-shd) !important;
}
body.home .home-featured .home-featured__card:hover {
    border-color: var(--primary) !important;
    box-shadow: var(--cream-card-shd-h) !important;
}
body.home .home-featured .home-featured__price {
    background: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;
}
body.home .home-featured .home-featured__meta {
    color: var(--cream-muted) !important;
}
body.home .home-featured .home-featured__meta span {
    background: rgba(107, 31, 46, 0.06) !important;
    border-color: var(--cream-border) !important;
    color: var(--cream-text) !important;
}
body.home .home-featured .home-featured__badge,
body.home .home-featured [class*="badge"] {
    background: var(--gold) !important;
    color: var(--cream-text) !important;
    border: 0 !important;
}

/* ─── Home Brands ─────────────────────────────────────────── */
body.home .home-brands {
    background: var(--surface-cream-2) !important;
    padding: 80px 16px !important;
}
body.home .home-brands .section-title,
body.home .home-brands h2 {
    color: var(--cream-text) !important;
}
body.home .home-brands .section-lead {
    color: var(--cream-muted) !important;
}
body.home .home-brands__item {
    background: var(--cream-card-bg) !important;
    border: 1px solid rgba(201, 165, 106, 0.38) !important;
    color: var(--cream-text) !important;
    box-shadow: 0 4px 10px rgba(46, 13, 20, 0.06) !important;
}
body.home .home-brands__item:hover {
    border-color: var(--gold) !important;
    box-shadow: 0 10px 22px rgba(201, 165, 106, 0.22) !important;
    transform: translateY(-2px) !important;
}

/* ─── About / Consign / Refund (shared .p-about engine) ──── */
/* Only target SPECIFIC even sections, not all nth-of-type */
.p-about__section--alt,
.p-about__section.cream-zone {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
}
.p-about__section--alt *,
.p-about__section.cream-zone * {
    color: inherit;
}
.p-about__section--alt .p-about__h2,
.p-about__section--alt .p-about__h3,
.p-about__section--alt .p-about__cardTitle,
.p-about__section.cream-zone .p-about__h2,
.p-about__section.cream-zone .p-about__h3,
.p-about__section.cream-zone .p-about__cardTitle {
    color: var(--cream-text) !important;
}
.p-about__section--alt .p-about__lead,
.p-about__section--alt .p-about__text,
.p-about__section--alt .p-about__cardText,
.p-about__section--alt .p-about__list li,
.p-about__section.cream-zone .p-about__lead,
.p-about__section.cream-zone .p-about__text,
.p-about__section.cream-zone .p-about__cardText,
.p-about__section.cream-zone .p-about__list li {
    color: var(--cream-muted) !important;
}
.p-about__section--alt .p-about__card,
.p-about__section.cream-zone .p-about__card {
    background: var(--cream-card-bg) !important;
    border: 1px solid var(--cream-border) !important;
    box-shadow: var(--cream-card-shd) !important;
    color: var(--cream-text) !important;
}
.p-about__section--alt .p-about__card *,
.p-about__section.cream-zone .p-about__card * {
    color: inherit !important;
}
.p-about__section--alt .p-about__pill,
.p-about__section.cream-zone .p-about__pill {
    background: rgba(107, 31, 46, 0.08) !important;
    color: var(--primary) !important;
    border: 1px solid rgba(107, 31, 46, 0.24) !important;
}
.p-about__statValue {
    color: var(--gold) !important;
}
.p-about__teamRole {
    color: var(--gold) !important;
}

/* ─── Financing "How it works" cream zone ─────────────────── */
.fin-section.fin-section--soft {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
}
.fin-section.fin-section--soft h2,
.fin-section.fin-section--soft .fin-lead {
    color: var(--cream-text) !important;
}
.fin-section.fin-section--soft .fin-card {
    background: var(--cream-card-bg) !important;
    border: 1px solid var(--cream-border) !important;
    box-shadow: var(--cream-card-shd) !important;
    color: var(--cream-text) !important;
}
.fin-section.fin-section--soft .fin-card * {
    color: inherit !important;
}
.fin-section.fin-section--soft .fin-card__title {
    color: var(--cream-text) !important;
    font-weight: 700 !important;
}
.fin-section.fin-section--soft .fin-card__text {
    color: var(--cream-muted) !important;
}

.fin-badge {
    background: rgba(201, 165, 106, 0.15) !important;
    color: var(--gold-600) !important;
    border: 1px solid rgba(201, 165, 106, 0.36) !important;
}
.fin-aside-card--accent {
    border-top: 3px solid var(--gold) !important;
}

/* ─── Shipping — только конкретные ALT-секции ───────────── */
.dag-ship__section--alt {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
}
.dag-ship__section--alt h2,
.dag-ship__section--alt .dag-ship__h2,
.dag-ship__section--alt .dag-ship__h3 {
    color: var(--cream-text) !important;
}
.dag-ship__section--alt .dag-ship__lead,
.dag-ship__section--alt p,
.dag-ship__section--alt li {
    color: var(--cream-muted) !important;
}
.dag-ship__section--alt .dag-ship__faq-item {
    background: var(--cream-card-bg) !important;
    border: 1px solid var(--cream-border) !important;
    color: var(--cream-text) !important;
}
.dag-ship__section--alt .dag-ship__faq-item * {
    color: inherit !important;
}
.dag-ship__badge {
    background: rgba(201, 165, 106, 0.15) !important;
    color: var(--gold-600) !important;
    border: 1px solid rgba(201, 165, 106, 0.36) !important;
}
.dag-ship__aside-card {
    border-top: 3px solid var(--gold) !important;
}

/* Transportation FAQ borders — subtle gold, not aggressive */
.dag-ship__faq-item {
    border-top: 1px solid rgba(201, 165, 106, 0.20) !important;
}

/* ─── Contact ─────────────────────────────────────────────── */
.dag-contact-hero__title {
    color: #ffffff !important;
}
.dag-contact-card {
    border-top: 2px solid var(--gold) !important;
}
.dag-contact-card__kicker {
    color: var(--gold) !important;
    letter-spacing: 0.18em !important;
    font-weight: 700 !important;
}
/* FIXED: убрали cream на .dag-contact-map — из-за этого карта пропала */
/* .dag-contact-map оставляем с родным background */

/* ─── Legal (terms, refund) ───────────────────────────────── */
.legal-h1 {
    border-bottom: 2px solid var(--gold) !important;
    padding-bottom: 12px !important;
}
.legal-pill {
    background: rgba(201, 165, 106, 0.15) !important;
    color: var(--gold-600) !important;
    border: 1px solid rgba(201, 165, 106, 0.36) !important;
}
.legal-toc {
    background: var(--surface-cream) !important;
    color: var(--cream-text) !important;
    border-radius: 14px !important;
    padding: 22px !important;
    border-left: 3px solid var(--gold) !important;
}
.legal-toc * {
    color: inherit !important;
}
.legal-toc__title {
    color: var(--cream-text) !important;
    font-weight: 700 !important;
}
.legal-toc__link {
    color: var(--primary) !important;
}
.legal-toc__link:hover {
    color: var(--gold-600) !important;
}

/* ─── Privacy ──────────────────────────────────────────────── */
.privacy-hero__title {
    color: #ffffff !important;
}
.privacy-contact-cta {
    border-top: 3px solid var(--gold) !important;
}

/* ─── Inventory archive ───────────────────────────────────── */
.cyp-inv__kicker,
.cyp-inv__count {
    color: var(--gold) !important;
}
.is-price,
.cyp-inv__price {
    color: var(--gold) !important;
}

/* ─── Car single ──────────────────────────────────────────── */
.dag-specs-card {
    border-top: 3px solid var(--gold) !important;
}
.dag-gallery__dot--active {
    background: var(--gold) !important;
}
.car-price-tag,
.dag-price {
    color: var(--gold) !important;
    font-weight: 900 !important;
}

/* ─── Thank You ────────────────────────────────────────────── */
.ty__wrap {
    border-top: 4px solid var(--gold) !important;
}
.ty__title span,
.ty__title em {
    color: var(--gold) !important;
}

/* ═══════════════════════════════════════════════════════════
   v4 fixes: визуальные регрессии после v3
   ═══════════════════════════════════════════════════════════ */

/* 1. Financing "How it works" — форсим fin-card на cream, было тёмно-бордовое */
.fin-section.fin-section--soft .fin-card,
.fin-section.fin-section--soft > .container > *,
.fin-section--soft .fin-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(107, 31, 46, 0.16) !important;
    box-shadow: 0 6px 18px rgba(46, 13, 20, 0.07) !important;
    color: #1A1012 !important;
}
.fin-section--soft .fin-card *,
.fin-section--soft .fin-card__title,
.fin-section--soft .fin-card__text,
.fin-section--soft .fin-step,
.fin-section--soft .fin-step__num,
.fin-section--soft .fin-step__title,
.fin-section--soft .fin-step__text {
    color: #1A1012 !important;
}
.fin-section--soft .fin-step__text,
.fin-section--soft .fin-card__text {
    color: rgba(46, 13, 20, 0.72) !important;
}
.fin-section--soft .fin-step__num {
    color: var(--primary) !important;
    font-weight: 900 !important;
}

/* 2. Car single — убираем gold на цене, возвращаем нормальный burgundy price tag */
.car-price-tag,
.dag-price,
.dag-lead__price,
.dag-card__price,
.dag-specs-card__price {
    color: #ffffff !important;
    background: var(--primary) !important;
    font-weight: 900 !important;
    padding: 8px 18px !important;
    border-radius: 10px !important;
    display: inline-block !important;
}
/* Если цена внутри белого block'а — бургунди текст без background */
.dag-lead__priceLabel,
.vehicle-details__price {
    color: var(--primary) !important;
    background: transparent !important;
}

/* 3. Transportation FAQ — убираем gold border с dark-зон, оставляем только на --alt */
.dag-ship__faq-item {
    border-top: 1px solid var(--border) !important;
}
.dag-ship__section--alt .dag-ship__faq-item {
    border-top: 1px solid rgba(201, 165, 106, 0.32) !important;
}

/* 4. Consign — CTA-блок внутри cream-зоны (Questions? block) */
.p-about__section--alt .p-about__cta,
.p-about__section.cream-zone .p-about__cta {
    background: #ffffff !important;
    color: #1A1012 !important;
    border: 1px solid rgba(107, 31, 46, 0.18) !important;
    border-top: 3px solid var(--gold) !important;
    box-shadow: 0 8px 22px rgba(46, 13, 20, 0.10) !important;
}
.p-about__section--alt .p-about__cta *,
.p-about__section.cream-zone .p-about__cta * {
    color: inherit !important;
}
.p-about__section--alt .p-about__cta .p-about__ctaTitle,
.p-about__section.cream-zone .p-about__cta .p-about__ctaTitle {
    color: #1A1012 !important;
    font-weight: 700 !important;
}
.p-about__section--alt .p-about__cta .p-about__ctaLead,
.p-about__section.cream-zone .p-about__cta .p-about__ctaLead {
    color: rgba(46, 13, 20, 0.72) !important;
}
/* Buttons внутри CTA в cream-зоне — выраженные burgundy */
.p-about__section--alt .p-about__cta .btn,
.p-about__section--alt .p-about__cta a.btn,
.p-about__section--alt .p-about__cta .p-about__ctaActions a,
.p-about__section--alt .p-about__cta .btn-primary,
.p-about__section--alt .p-about__cta .btn--primary {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary) !important;
    box-shadow: 0 6px 16px rgba(107, 31, 46, 0.28) !important;
}
.p-about__section--alt .p-about__cta .btn:hover,
.p-about__section--alt .p-about__cta a.btn:hover {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    transform: translateY(-1px) !important;
}

/* 5. p-about__list buttons/bullets в cream-зоне — тёмный маркер */
.p-about__section--alt .p-about__list li::marker,
.p-about__section.cream-zone .p-about__list li::marker {
    color: var(--primary) !important;
}
.p-about__section--alt .p-about__list li strong,
.p-about__section--alt .p-about__list li b,
.p-about__section.cream-zone .p-about__list li strong,
.p-about__section.cream-zone .p-about__list li b {
    color: #1A1012 !important;
    font-weight: 700 !important;
}

/* 6. Home featured/brands badges — прежние правила могли конфликтовать */
body.home .home-featured .home-featured__card [class*="badge"],
body.home .home-featured .home-featured__badge,
body.home .home-featured span[class*="NEW"],
body.home .home-featured span[class*="new"] {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   v5 fix: .fin-step — реальный HTML использует step, не card
   ═══════════════════════════════════════════════════════════ */

.fin-section.fin-section--soft .fin-step,
.fin-section--soft .fin-steps .fin-step,
.fin-section--soft ol.fin-steps li.fin-step {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(107, 31, 46, 0.16) !important;
    box-shadow: 0 6px 18px rgba(46, 13, 20, 0.07) !important;
    color: #1A1012 !important;
}

.fin-section--soft .fin-step .fin-step__title,
.fin-section--soft ol.fin-steps li.fin-step .fin-step__title {
    color: #1A1012 !important;
    font-weight: 700 !important;
}

.fin-section--soft .fin-step .fin-step__text,
.fin-section--soft ol.fin-steps li.fin-step .fin-step__text {
    color: rgba(46, 13, 20, 0.72) !important;
}

.fin-section--soft .fin-step::before {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 0 !important;
}

.fin-section--soft .section-title {
    color: #1A1012 !important;
}

/* ═══════════════════════════════════════════════════════════
   v6 fix: about cream-зоны — pills, list numbers, buttons
   ═══════════════════════════════════════════════════════════ */

/* p-about pill-кнопки в cream-зоне — burgundy background */
.p-about__section--alt .p-about__pill,
.p-about__section.cream-zone .p-about__pill,
.p-about__section--alt a.p-about__pill,
.p-about__section--alt button.p-about__pill {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary) !important;
    box-shadow: 0 4px 12px rgba(107, 31, 46, 0.22) !important;
}
.p-about__section--alt .p-about__pill:hover,
.p-about__section.cream-zone .p-about__pill:hover {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(107, 31, 46, 0.28) !important;
}

/* p-about__list в cream-зоне — тёмный текст, burgundy нумерация */
.p-about__section--alt .p-about__list,
.p-about__section.cream-zone .p-about__list {
    color: #1A1012 !important;
}
.p-about__section--alt .p-about__list li,
.p-about__section.cream-zone .p-about__list li {
    color: rgba(46, 13, 20, 0.85) !important;
}
.p-about__section--alt .p-about__list li::marker,
.p-about__section--alt ol.p-about__list li::marker,
.p-about__section.cream-zone .p-about__list li::marker,
.p-about__section.cream-zone ol.p-about__list li::marker {
    color: var(--primary) !important;
    font-weight: 900 !important;
}
.p-about__section--alt .p-about__list strong,
.p-about__section--alt .p-about__list b,
.p-about__section.cream-zone .p-about__list strong,
.p-about__section.cream-zone .p-about__list b {
    color: #1A1012 !important;
    font-weight: 700 !important;
}

/* Также generic buttons внутри cream-зон (на случай если pill — не единственные) */
.p-about__section--alt .btn,
.p-about__section--alt a.btn,
.p-about__section--alt button.btn,
.p-about__section--alt .btn-primary,
.p-about__section--alt .btn--primary,
.p-about__section.cream-zone .btn,
.p-about__section.cream-zone .btn-primary,
.p-about__section.cream-zone .btn--primary {
    background: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;
}
.p-about__section--alt .btn-outline,
.p-about__section--alt .btn--outline,
.p-about__section.cream-zone .btn-outline,
.p-about__section.cream-zone .btn--outline {
    background: transparent !important;
    color: var(--primary) !important;
    border: 2px solid var(--primary) !important;
}

/* Колонки с текстом в cream-зонах ("Our Commitment" имеет две колонки — текст + картинка) */
.p-about__section--alt .p-about__col,
.p-about__section--alt .p-about__col *,
.p-about__section.cream-zone .p-about__col,
.p-about__section.cream-zone .p-about__col * {
    color: inherit;
}
.p-about__section--alt p,
.p-about__section--alt li,
.p-about__section.cream-zone p,
.p-about__section.cream-zone li {
    color: rgba(46, 13, 20, 0.80) !important;
}
.p-about__section--alt strong,
.p-about__section--alt b,
.p-about__section.cream-zone strong,
.p-about__section.cream-zone b {
    color: #1A1012 !important;
}

/* Team role чтоб остался виден в cream-зоне */
.p-about__section--alt .p-about__teamRole,
.p-about__section.cream-zone .p-about__teamRole {
    color: var(--gold-600) !important;
}

/* ═══════════════════════════════════════════════════════════
   v7 fix: about cream-зоны — реальные классы из HTML
   ═══════════════════════════════════════════════════════════ */

/* Section 1 "Our Commitment to the Inventory" — cream с колонками */
.p-about__section--alt .p-about__list,
.p-about__section--alt ul.p-about__list,
.p-about__section--alt ol.p-about__list {
    color: #1A1012 !important;
    padding-left: 0 !important;
    list-style: none !important;
}
.p-about__section--alt .p-about__list li,
.p-about__section--alt ul.p-about__list li,
.p-about__section--alt ol.p-about__list li {
    color: rgba(46, 13, 20, 0.82) !important;
    position: relative !important;
    padding-left: 24px !important;
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
}
.p-about__section--alt .p-about__list li::before {
    content: "●" !important;
    position: absolute !important;
    left: 4px !important;
    color: var(--primary) !important;
    font-size: 12px !important;
}
.p-about__section--alt ol.p-about__list {
    counter-reset: alt-list;
}
.p-about__section--alt ol.p-about__list li {
    counter-increment: alt-list;
    padding-left: 34px !important;
}
.p-about__section--alt ol.p-about__list li::before {
    content: counter(alt-list) !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: var(--primary) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Section 2 "Get the Best Deal" — .btn-primary / .btn-outline buttons */
.p-about__section--alt .btn-primary,
.p-about__section--alt a.btn-primary,
.p-about__section--alt button.btn-primary {
    background: var(--primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary) !important;
    box-shadow: 0 6px 16px rgba(107, 31, 46, 0.28) !important;
}
.p-about__section--alt .btn-primary:hover {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
}
.p-about__section--alt .btn-outline,
.p-about__section--alt a.btn-outline,
.p-about__section--alt button.btn-outline {
    background: transparent !important;
    color: var(--primary) !important;
    border: 2px solid var(--primary) !important;
}
.p-about__section--alt .btn-outline:hover {
    background: var(--primary) !important;
    color: #ffffff !important;
}

/* Forced text contrast inside all cream .p-about__col / text */
.p-about__section--alt .p-about__col,
.p-about__section--alt .p-about__text,
.p-about__section--alt .p-about__lead {
    color: #1A1012 !important;
}
.p-about__section--alt .p-about__text,
.p-about__section--alt .p-about__lead {
    color: rgba(46, 13, 20, 0.78) !important;
}
.p-about__section--alt .p-about__text strong,
.p-about__section--alt .p-about__text b,
.p-about__section--alt .p-about__lead strong,
.p-about__section--alt .p-about__lead b {
    color: #1A1012 !important;
    font-weight: 700 !important;
}

/* Section "Meet the Team Behind the Cars" — имена/роли/кнопки */
.p-about__section--alt .p-about__teamName,
.p-about__section--alt .p-about__teamBody .p-about__teamName {
    color: #1A1012 !important;
    font-weight: 700 !important;
}
.p-about__section--alt .p-about__teamRole {
    color: var(--primary) !important;
    font-weight: 600 !important;
}
.p-about__section--alt .p-about__stat {
    background: #ffffff !important;
    border: 1px solid rgba(107, 31, 46, 0.16) !important;
    box-shadow: 0 4px 14px rgba(46, 13, 20, 0.08) !important;
}
.p-about__section--alt .p-about__stat * {
    color: inherit !important;
}
.p-about__section--alt .p-about__statNum {
    color: var(--primary) !important;
    font-weight: 900 !important;
}
.p-about__section--alt .p-about__statLabel {
    color: rgba(46, 13, 20, 0.72) !important;
}

/* Section head (kicker + h2) in cream */
.p-about__section--alt .p-about__sectionHead * {
    color: #1A1012 !important;
}
.p-about__section--alt .p-about__meta {
    color: var(--primary) !important;
    letter-spacing: 0.18em !important;
    font-weight: 700 !important;
}

/* FAQ on shipping — убираем gold borders с dark-секций FAQ */
.dag-ship__faq-item {
    border: 1px solid rgba(196, 107, 123, 0.12) !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    background: rgba(107, 31, 46, 0.06) !important;
}
.dag-ship__section--alt .dag-ship__faq-item {
    background: #ffffff !important;
    border: 1px solid rgba(107, 31, 46, 0.16) !important;
}