/* Customizer › Color theme wiring (Oct 29). Only active when a color theme is published (body.has-color-theme).
   Each rule falls back to the color the theme used before, so unset values change nothing. */
/* Header */
.has-color-theme .db-topbar{background:var(--top-bar-bg,var(--color-a));color:var(--top-bar-text,var(--color-d))}
.has-color-theme .db-search button{background:var(--search-btn-header,var(--btn-primary,var(--color-a)));color:var(--search-icon,var(--color-d))}
.has-color-theme [data-role="menu-text"]{color:var(--header-text,var(--color-c))}
/* Footer */
.has-color-theme .db-footer{background:var(--ft-bg,var(--footer-bg,var(--color-c)));color:var(--ft-text,var(--gray-300))}
.has-color-theme .db-f-contact{background:linear-gradient(var(--footer-contact-bg,transparent),var(--footer-contact-bg,transparent)),var(--ft-bg,var(--footer-bg,var(--color-c)));border-color:var(--ft-border,rgba(128,128,128,.28))}
.has-color-theme .db-f-band{background:linear-gradient(var(--footer-contact-bg,transparent),var(--footer-contact-bg,transparent)),var(--ft-bg,var(--footer-bg,var(--color-c)))}
.has-color-theme .db-f-ico{color:var(--ft-icon,var(--color-a))}
.has-color-theme .db-f-head,.has-color-theme [data-role="footer-headings"]{color:var(--ft-head,var(--color-d))}
.has-color-theme .db-f-links a,.has-color-theme [data-role="footer-links"]{color:var(--ft-links,var(--color-d))}
.has-color-theme .db-f-links a:hover,.has-color-theme [data-role="footer-links"]:hover{color:var(--ft-link-hover-ok,var(--ft-links,var(--color-d)));text-decoration:underline;text-underline-offset:3px}
.has-color-theme .db-f-social a{color:var(--ft-social,var(--color-d))}
.has-color-theme .db-f-bottom{background:var(--ft-bottom-bg,var(--footer-bottom-bg,transparent));color:var(--ft-bottom-text,var(--gray-300));border-color:var(--ft-border,rgba(128,128,128,.28))}
.has-color-theme .db-f-news-form button{background:var(--ft-news-btn,var(--btn-primary,var(--color-a)));color:var(--ft-news-btn-text,var(--color-d))}
.has-color-theme [data-role="footer-dividers"]{border-color:var(--ft-border,rgba(128,128,128,.28));background:none}
.has-color-theme .db-f-div{border-color:var(--ft-border,rgba(128,128,128,.28))}
/* Headings */
.has-color-theme [data-role="headings"]{color:var(--hd-head,var(--headings,var(--color-c)))}
.has-color-theme .dbv [data-role="headings"]{color:var(--vp-head,var(--hd-head,var(--headings,var(--color-c))))}
/* Cards */
.has-color-theme .dbcc-title,.has-color-theme .dbcc-title a{color:var(--cd-title,var(--color-c))}
.has-color-theme .dbcc-specs,.has-color-theme .dbcc-stock{color:var(--cd-specs,var(--gray-600))}
.has-color-theme .dbcc-amt,.has-color-theme [data-role="card-price"]{color:var(--cd-price,var(--price,var(--color-c)))}
.has-color-theme .dbcc-pay-v,.has-color-theme [data-role="card-payment"]{color:var(--cd-pay,var(--color-a))}
.has-color-theme .dbcc-fav{color:var(--fav-off,var(--color-c))}
.has-color-theme .dbcc-fav[aria-pressed="true"]{color:var(--cd-heart,var(--fav-on,var(--color-a)))}
.has-color-theme [data-role="favorite-icon"][aria-pressed="true"] svg{fill:var(--fav-fill,var(--cd-heart,var(--fav-on,var(--color-a))))}
.has-color-theme .dbcc-badge{color:var(--cd-badge-text,var(--color-d))}
.has-color-theme [data-role="card-button-background"]{background:var(--cd-btn,var(--btn-primary,var(--color-a)));color:var(--cd-btn-text,var(--color-d));box-shadow:inset 0 0 0 1.5px var(--cd-btn-border,transparent)}
.has-color-theme [data-role="card-button-background"]:hover{background:var(--cd-btn-hover,var(--btn-primary-hover,var(--color-b)));color:var(--cd-btn-hover-text,var(--cd-btn-text,var(--color-d)))}
.has-color-theme [data-role="card-payment-background"]{background:var(--cd-pay-bg,var(--gray-50))}
/* Results bar + filters */
.has-color-theme [data-role="favorite-count"],.has-color-theme [data-role="compare-count"]{background:var(--fav-count-bg,var(--color-a));color:var(--rb-fav-badge-text,var(--color-d))}
.has-color-theme [data-role="panel-background"]{background:var(--fl-panel-bg,var(--color-d))}
.has-color-theme [data-role="filter-accent"]{accent-color:var(--fl-check-bg,var(--fl-check,var(--fl-accent,var(--color-a))))}
.has-color-theme [data-role="chip-background"]:not(.dbi-tile){background:var(--fl-chip,var(--fl-accent,var(--color-a)))}
.has-color-theme [data-role="chip-text"],.has-color-theme [data-role="chip-background"]:not(.dbi-tile){color:var(--fl-chip-text,var(--color-d))}
.has-color-theme .dbi-count-badge{background:var(--fl-accent,var(--color-a));color:var(--fl-count-text,var(--fl-chip-text,var(--color-d)))}
.has-color-theme .dbi-apply,.has-color-theme [data-role="apply-background"]{background:var(--fl-apply,var(--btn-primary,var(--color-a)));color:var(--fl-apply-text,var(--color-d))!important}
.has-color-theme [data-role="filter-graph-fill"]{background:var(--fl-graph,var(--color-c))}
/* Vehicle page */
.has-color-theme .dbv-price{color:var(--vp-price,var(--price,var(--color-c)))}
.has-color-theme .dbv-pay-row [data-role="price"],.has-color-theme .dbv-pay-row strong{color:var(--vp-pay,var(--color-a))}
.has-color-theme .db-pt-star{color:var(--vp-terms-star,var(--terms-star,inherit))!important}
.has-color-theme .dbv-save{background:var(--vp-save-bg,transparent);color:var(--vp-save-text,inherit)}
.has-color-theme .dbv-cta [data-role="button-background"]{background:var(--vp-btn,var(--btn-primary,var(--color-a)));color:var(--vp-btn-text,var(--color-d))}
.has-color-theme .dbv-cta [data-role="button-background"]:hover{background:var(--vp-btn-hover,var(--btn-primary-hover,var(--color-b)))}
.has-color-theme .dbv-calc-badge{background:var(--vp-calc-badge-bg,var(--color-d));color:var(--vp-calc-badge-text,inherit)}
.has-color-theme .dbv-calc-pay{color:var(--vp-calc-pay,var(--vp-pay,var(--color-a)))}
.has-color-theme .dbv-calc [aria-pressed="true"],.has-color-theme .dbv-calc .is-on{background:var(--vp-pill-on,var(--color-c));color:var(--vp-pill-on-text,var(--color-d));border-color:var(--vp-pill-on,var(--color-c))}
.has-color-theme .dbv-ask-pill{background:var(--vp-ask-pill,var(--color-d))}
.has-color-theme .dbv-ask-btn{background:var(--vp-ask-btn,var(--chat-btn,var(--btn-primary,var(--color-a))))}
.has-color-theme .dbv-ask-btn:hover{background:var(--vp-ask-btn-hover,var(--vp-ask-btn,var(--chat-btn,var(--btn-primary,var(--color-a)))))}
.has-color-theme [data-role="feature-tab"][aria-selected="true"] .dbv-feat-n{background:var(--vp-tab-count-bg,var(--color-c));border-color:var(--vp-tab-count-bg,var(--color-c));color:var(--vp-tab-count-text,var(--color-d))}
/* Homepage */
.has-color-theme.home [data-role="button-background"]{background:var(--hp-btn,var(--btn-primary,var(--color-a)));color:var(--hp-btn-text,var(--color-d))}
.has-color-theme.home [data-role="button-background"]:hover{background:var(--hp-btn-hover,var(--btn-primary-hover,var(--color-b)))}
.has-color-theme [data-role="slider-arrow"]{background:var(--slider-arrow-bg,var(--color-d));border-color:var(--slider-arrow-border,var(--gray-300));color:var(--slider-arrow-icon,var(--color-c))}
.has-color-theme [data-role="slider-arrow"]:hover{border-color:var(--slider-arrow-border-hover,var(--gray-500))}
.has-color-theme [data-role="review-stars"]{color:var(--hp-stars,var(--star,var(--color-a)))}
.has-color-theme [data-role="icons"]{color:var(--icon-color,var(--hp-accent,var(--color-a)))}

/* Page buttons (About, Sell My Car, Financing + Car Finder, Locations, Legal) */
.has-color-theme .dba [data-role="button-background"]{background:var(--ab-btn,var(--btn-primary,var(--color-a)));color:var(--ab-btn-text,var(--color-d))}
.has-color-theme .dba [data-role="button-background"]:hover{background:var(--ab-btn-hover,var(--ab-btn,var(--btn-primary-hover,var(--color-b))))}
.has-color-theme .dbsm [data-role="button-background"]{background:var(--sm-btn,var(--btn-primary,var(--color-a)));color:var(--sm-btn-text,var(--color-d))}
.has-color-theme .dbsm [data-role="button-background"]:hover{background:var(--sm-btn-hover,var(--sm-btn,var(--btn-primary-hover,var(--color-b))))}
.has-color-theme .dbl [data-role="button-background"]{background:var(--fn-btn,var(--btn-primary,var(--color-a)));color:var(--fn-btn-text,var(--color-d))}
.has-color-theme .dbl [data-role="button-background"]:hover{background:var(--fn-btn-hover,var(--fn-btn,var(--btn-primary-hover,var(--color-b))))}
.has-color-theme .dbs [data-role="button-background"]{background:var(--lc-btn,var(--btn-primary,var(--color-a)));color:var(--lc-btn-text,var(--color-d))}
.has-color-theme .dbs [data-role="button-background"]:hover{background:var(--lc-btn-hover,var(--lc-btn,var(--btn-primary-hover,var(--color-b))))}
.has-color-theme .dblg [data-role="button-background"]{background:var(--lg-btn,var(--btn-primary,var(--color-a)));color:var(--lg-btn-text,var(--color-d))}
.has-color-theme .dblg [data-role="button-background"]:hover{background:var(--lg-btn-hover,var(--lg-btn,var(--btn-primary-hover,var(--color-b))))}
.has-color-theme .dbcp [data-role="button-background"]{color:var(--cp-btn-text,var(--color-d))}
.has-color-theme .dbfv [data-role="button-background"]{color:var(--fv-btn-text,var(--color-d))}
.has-color-theme .dbl-chev+*,.has-color-theme .dbl [data-role="step-number"]{background:var(--fn-step,var(--step-num,var(--color-a)));color:var(--fn-step-text,var(--step-num-text,var(--color-d)))}
.has-color-theme .dbsm [data-role="step-number"]{color:var(--sm-step-text,var(--step-num-text,var(--color-d)))}
.has-color-theme .dba [data-role="icons"]{color:var(--ab-icon,var(--icon-color,var(--color-a)))}
.has-color-theme .dba .dbp-cta-in{background:var(--ab-cta-bg,var(--ft-band,var(--color-c)));color:var(--ab-cta-text,var(--color-d))}
.has-color-theme .dba .dbp-cta .dbp-btn{background:var(--ab-cta-btn,var(--btn-primary,var(--color-a)));color:var(--ab-cta-btn-text,var(--color-d))}
.has-color-theme [data-role="compare-win-label"]{color:var(--cp-best-text,inherit)}
.has-color-theme [data-role="compare-icon"]{color:var(--compare-icon,var(--color-a))}
/* Dark call-to-action band (above the footer on content pages) */
.has-color-theme .dbp-cta-in{background:var(--ft-band,var(--color-c));color:var(--ft-band-text,var(--color-d))}
.has-color-theme .dbp-cta .dbp-btn{background:var(--ft-band-btn,var(--btn-primary,var(--color-a)));color:var(--ft-band-btn-text,var(--color-d))}
.has-color-theme .dbp-cta .dbp-btnw{background:var(--cta-btn2-bg,transparent);color:var(--cta-btn2-text,var(--color-d));border-color:var(--cta-btn2-border,currentColor)}
/* Header tool buttons + footer top row */
.has-color-theme [data-role="tool-button"]{background:var(--tool-btn-bg,transparent);border-color:var(--tool-btn-border,var(--gray-200))}
.has-color-theme .db-f-contact{color:var(--fr1-text,inherit)}
.has-color-theme .db-f-contact strong,.has-color-theme .db-f-contact b{color:var(--fr1-head,inherit)}
.has-color-theme .db-f-contact .db-f-social a{color:var(--fr1-social,var(--ft-social,var(--color-d)));border-color:var(--fr1-social-border,transparent)}
.has-color-theme .db-f-contact .db-f-social a:hover{border-color:var(--fr1-social-border-hover,var(--fr1-social-border,transparent))}
/* Hero condition tabs */
.has-color-theme [data-role="hero-condition-group"] [aria-pressed="true"],.has-color-theme [data-role="hero-condition-group"] [aria-selected="true"]{color:var(--hp-tab-on-text,var(--color-d))}
/* Results bar + filters extra */
.has-color-theme .dbi-sortbtn{background:var(--rb-btn,var(--color-d));color:var(--rb-btn-text,var(--color-c))}
.has-color-theme .dbi-sort svg{color:var(--rb-accent,var(--color-a))}
.has-color-theme .dbi-sortbtn svg,.has-color-theme .dbi-filterbtn svg{color:currentColor!important}
.has-color-theme .dbi-favbar{color:var(--rb-fav-text,var(--color-c))}
.has-color-theme .dbi-search button{background:var(--fl-search-btn,var(--btn-primary,var(--color-a)));color:var(--fl-search-icon,var(--color-d))}
.has-color-theme .dbi-tile[aria-pressed="true"],.has-color-theme .dbi-tile:has(input:checked){background:var(--fl-tile-on,var(--color-a));color:var(--fl-tile-text,var(--color-d))}
.has-color-theme [data-role="filter-accent"] input[type="checkbox"]:checked,.has-color-theme .dbi input[type="checkbox"]:checked{accent-color:var(--fl-check-bg,var(--fl-check,var(--fl-accent,var(--color-a))))}
/* Vehicle page extra */
.has-color-theme .dbv-cta[data-part="prequal-button"]{background:var(--vp-preq-bg,var(--color-c));color:var(--vp-preq-text,var(--color-d))}
.has-color-theme .dbv-cta[data-part="prequal-button"]:hover{background:var(--vp-preq-hover,#000)}
.has-color-theme .dbv-pay-row small,.has-color-theme .dbv-pay-row .db-pt-unit,.has-color-theme .dbcc-pay small{color:var(--vp-pay-unit,var(--pay-unit,inherit))}
.has-color-theme .dbv-save strong{color:var(--vp-save-amount,inherit)}
.has-color-theme .dbv [data-role="icons"]{color:var(--vp-accent,var(--icon-color,var(--color-a)))}

/* ===== Oct 30 fix list (approved) ===== */
/* Headings on photos / dark heroes always white */
.has-color-theme .dbhx [data-role="headings"],.has-color-theme .dbsm-hero [data-role="headings"],.has-color-theme .dbh-promos [data-role="headings"],.has-color-theme [style*="background-image"] [data-role="headings"],.has-color-theme [style*="--hero"] [data-role="headings"],.has-color-theme .dbp-cta-in h2,.has-color-theme .dbp-cta-in [data-role="headings"]{color:#FFFFFF}
/* Two-block (trade-in / sell) buttons: text auto-picked against the button color */
.has-color-theme .dbh-promos [data-role="button-background"]{background:var(--hp-duo1-btn,var(--hp-btn,var(--btn-primary,var(--color-a))));color:var(--promo-btn-text,var(--hp-btn-text,var(--color-d)))}
.has-color-theme .dbh-promos [data-role="button-background"] *{color:inherit}
/* Prices always black (cards, vehicle page, sticky bar, forms, sent pop-up, compare) */
.dbcc-amt,.dbv-price,.dbv-sticky-p strong,.dbv-cf-price,.dbv-cf-sp,.dbcp-price,.dbv-lf-price,[data-role="card-price"],[data-role="price"]:not(.dbv-pay-row *){color:#000000!important}
/* Call for price (1a): same size + spot as a price, phone icon */
.dbcc-amt.is-call,.dbv-price.is-call{display:inline-flex;align-items:center;gap:6px}
.dbcc-amt.is-call svg{width:15px;height:15px;flex:none;color:var(--cd-pay,var(--color-a))}
.dbv-price.is-call svg{width:24px;height:24px;flex:none;color:var(--vp-pay,var(--color-a))}
.dbv-call-sub{display:block;margin-top:4px;font-size:14px;color:var(--gray-700)}.dbv-call-sub a{font-weight:600;color:var(--color-c)}
/* Favorite heart: see-through black box on photos */
.dbcc-fav > span,.dbv-photo-fav > span{width:36px;height:32px;border-radius:8px;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;color:#FFFFFF}
.dbcc-fav svg{width:18px;height:18px}
.dbcc-fav[aria-pressed="true"] > span{color:var(--cd-heart,var(--fav-on,var(--color-a)))}
.dbcc-fav[aria-pressed="true"] svg{fill:currentColor}
.has-color-theme .dbcc-fav{color:#FFFFFF}
/* Heart color everywhere else (header Favorites, vehicle page Save, pagination bar, favorites page) */
.has-color-theme [data-role="favorite-icon"],.has-color-theme .db-tools a[href*="favorites"] svg,.has-color-theme .dbv [data-dbv-save] svg,.has-color-theme .dbi-favbar svg,.has-color-theme .dbfv-heart,.has-color-theme .dbfv-empty-i{color:var(--cd-heart,var(--fav-on,var(--color-a)))}
.has-color-theme .dbv [data-dbv-save][aria-pressed="true"] svg{fill:currentColor}
/* Newsletter box follows the footer: dark footer → dark gray box, light footer → white box (values computed by the color engine) */
.has-color-theme .db-f-news{padding:18px 20px;border-radius:calc(var(--radius) * 1.6);background:var(--news-box-bg,transparent);border:1px solid var(--news-box-border,transparent)}
.has-color-theme .db-f-news-h{color:var(--news-box-head,var(--ft-head,var(--color-d)))}
.has-color-theme .db-f-news-t{color:var(--news-box-text,var(--ft-text,var(--gray-300)))}
.has-color-theme .db-f-news-form input{background:var(--news-field-bg,transparent);border-color:var(--news-field-border,rgba(128,128,128,.5));color:var(--news-field-text,var(--color-d))}
.has-color-theme .db-f-news-form input::placeholder{color:var(--news-field-ph,var(--gray-500))}
/* Condition / filter tiles: counts readable */
.has-color-theme .dbi-tile:not(.is-on):not(:has(input:checked)){background:var(--fl-tile-bg,var(--gray-50));color:var(--color-c)}
.has-color-theme .dbi-tile:not(.is-on):not(:has(input:checked)) small{color:var(--gray-600)}
.dbi-tile:has(input:checked) small,.dbi-tile.is-on small{color:inherit!important;opacity:.85}
/* Vehicle FAQ: same width as the sections around it */
.dbv-vfaq{max-width:none;padding-left:var(--vpad,84px);padding-right:var(--vpad,84px)}
.dbv-vfaq > *{max-width:none}
/* Favorites page heading */
.dbfv h1{font-size:26px;letter-spacing:-.01em}
.dbfv-empty-i{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:28px;background:var(--gray-100)}
.dbfv-empty-i svg{width:26px;height:26px;fill:currentColor}

/* ===== Oct 30 (2) dark themes ===== */
.has-color-theme .db-row .db-logo-text{color:var(--header-name-text,var(--header-text,var(--color-c)))}
/* Call-to-action bands (dark or colored): white text, outline button white, main button text auto */
.dbp-cta-in,.dbp-cta-in h2,.dbp-cta-in p,.dbp-cta-in [data-role="headings"],.dbp-cta-in [data-role="body-text"]{color:#FFFFFF!important}
.dbp-cta .dbp-btnw,.dbp-cta [data-role="outline-button"]{background:transparent!important;color:#FFFFFF!important;border:1.5px solid rgba(255,255,255,.75)!important;box-shadow:none!important}
.dbp-cta .dbp-btnw *,.dbp-cta [data-role="outline-button"] *{color:inherit!important}
.has-color-theme .dbp-cta .dbp-btn,.has-color-theme .dbp-cta .dbp-btn *{color:var(--band-btn-text,var(--ft-band-btn-text,var(--color-d)))}
/* Chat pill + button readable on any footer */
.dbv-ask-pill{background:#FFFFFF!important;color:#231F20!important;border:1px solid #DCDCDE!important;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.dbv-ask-pill *{color:inherit!important}
.dbv-ask-btn{box-shadow:0 0 0 2px #FFFFFF,0 6px 18px rgba(0,0,0,.25)}
.has-color-theme .dbv-ask-btn{color:var(--chat-icon-auto,#FFFFFF)}
.has-color-theme .dbv-ask-btn svg{color:inherit}
/* Get pre-qualified (calculator + side box): text auto against its color unless set */
.has-color-theme .dbv-cta[data-part="prequal-button"]{color:var(--vp-preq-text,var(--vp-preq-auto,var(--color-d)))}

/* ===== Oct 30 (3) phone + hearts ===== */
/* Card hearts: white outline when not saved, theme heart color + filled when saved (on the see-through black box) */
.dbcc-fav [data-role="favorite-icon"],.dbcc-fav > span{color:#FFFFFF!important}
.dbcc-fav [data-role="favorite-icon"] svg,.dbcc-fav > span svg{fill:none!important;stroke:currentColor}
.dbcc-fav[aria-pressed="true"] [data-role="favorite-icon"],.dbcc-fav[aria-pressed="true"] > span{color:var(--cd-heart,var(--fav-on,var(--color-a)))!important}
.dbcc-fav[aria-pressed="true"] [data-role="favorite-icon"] svg,.dbcc-fav[aria-pressed="true"] > span svg{fill:currentColor!important}
/* Vehicle page Save: outline until saved */
.dbv button[data-fav]{color:var(--color-c)}
.dbv button[data-fav] svg{fill:none;stroke:currentColor}
.dbv button[data-fav][aria-pressed="true"] svg{fill:var(--cd-heart,var(--fav-on,var(--color-a)));stroke:var(--cd-heart,var(--fav-on,var(--color-a)))}
/* Vehicle gallery on phones: swipe only, no arrows */
@container dbv (max-width:767px){.dbv-gal .dbv-arr,.dbv-main .dbv-arr,.dbv-hero .dbv-arr{display:none!important}}
@media (max-width:767px){.dbv-gal .dbv-arr,.dbv-main .dbv-arr,.dbv-hero .dbv-arr{display:none!important}}
/* Sell My Car phone: no big gap under the hero */
@media (max-width:767px){.dbsm-hero{padding-bottom:36px}.dbsm-how{padding-top:36px!important}}
.has-color-theme .dbh-promo-btn{background:var(--hp-duo1-btn,var(--hp-btn,var(--btn-primary,var(--btn-primary,var(--color-a)))))!important;color:var(--promo-btn-text,#FFFFFF)!important}
.has-color-theme .dbh-promo-btn *{color:inherit!important}
.has-color-theme .dbh-promo-btn:hover{filter:brightness(.92)}

/* ===== Oct 30 (4) Blue + Gold notes ===== */
/* Any theme button not covered by a page rule: theme button color + its text */
:where(.has-color-theme) [data-role="button-background"]:not(.dbv-ask-btn):not(.dbh-promo-btn){background:var(--btn-primary,var(--color-a));color:var(--btn-primary-text,var(--color-d))}
:where(.has-color-theme) [data-role="button-background"]:not(.dbv-ask-btn):not(.dbh-promo-btn) *{color:inherit}
:where(.has-color-theme) [data-role="button-background"]:not(.dbv-ask-btn):not(.dbh-promo-btn):hover{background:var(--btn-primary-hover,var(--btn-primary,var(--color-b)))}
.has-color-theme .dbl [data-role="button-background"] *,.has-color-theme .dbsm [data-role="button-background"] *,.has-color-theme .dba [data-role="button-background"] *,.has-color-theme .dbs [data-role="button-background"] *,.has-color-theme.home [data-role="button-background"] *{color:inherit}
/* Hearts: on photos = white outline (no fill) until saved; on white = heart-color outline until saved */
.dbcc-fav svg *,.dbcc-fav [data-role="favorite-icon"] svg *{fill:none!important;stroke:currentColor!important}
.dbcc-fav[aria-pressed="true"] svg *{fill:currentColor!important}
.dbv button[data-fav]{color:var(--color-c)}
.dbv button[data-fav] svg,.dbv button[data-fav] svg *{fill:none!important;stroke:var(--cd-heart,var(--fav-on,var(--color-a)))!important}
.dbv button[data-fav][aria-pressed="true"] svg,.dbv button[data-fav][aria-pressed="true"] svg *{fill:var(--cd-heart,var(--fav-on,var(--color-a)))!important}

/* ===== Oct 30 (5) Word file 2 ===== */
/* Call-to-action bands removed everywhere (post band too) */
.dbp-cta,.dbp-cta-in[data-part="post-cta"]{display:none!important}
/* Trade-in / Sell buttons: white, black text, arrow in the main color */
.dbh-promo-btn,.has-color-theme .dbh-promo-btn{background:#FFFFFF!important;color:#1B1E24!important}
.dbh-promo-btn span,.has-color-theme .dbh-promo-btn span{color:#1B1E24!important}
.dbh-promo-btn svg,.has-color-theme .dbh-promo-btn svg{color:var(--color-a)!important}
.dbh-promo-btn:hover,.has-color-theme .dbh-promo-btn:hover{background:#F2F2F3!important;filter:none}
/* Favorites page empty state: heart back + plain "Back to all cars" */
.dbi-empty-heart{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 6px;border-radius:28px;background:var(--gray-100);color:#E0242B}
.dbi-empty-heart svg{width:26px;height:26px}.dbi-empty-heart svg *{fill:none!important;stroke:currentColor!important}
.dbi-empty-back,.has-color-theme .dbi-empty-back{background:#FFFFFF!important;color:#1B1E24!important;border:1px solid var(--gray-300)!important;box-shadow:none!important}
.dbi-empty-back:hover{background:#F2F2F3!important}
/* Results title: use the free width, avoid wrapping */
.dbi-bar-head > .dbi-bar-t{flex:1 1 auto;min-width:0}
@media (min-width:1024px){.dbi-bar h1{font-size:clamp(28px,2.3vw,36px);text-wrap:balance}}
/* Hearts – one rule set for every theme:
   photos (cards, similar cars): white outline until saved, red fill when saved
   on white (vehicle page Save): theme icon color until saved, red when saved
   header Favorites: red outline always */
.dbcc-fav [data-role="favorite-icon"],.dbcc-fav > span{color:#FFFFFF!important}
.dbcc-fav[aria-pressed="true"] [data-role="favorite-icon"],.dbcc-fav[aria-pressed="true"] > span{color:#E0242B!important}
.dbcc-fav[aria-pressed="true"] svg *{fill:#E0242B!important;stroke:#E0242B!important}
.dbv button[data-fav] svg,.dbv button[data-fav] svg *{fill:none!important;stroke:var(--vp-accent,var(--icon-color,var(--color-a)))!important}
.dbv button[data-fav][aria-pressed="true"] svg,.dbv button[data-fav][aria-pressed="true"] svg *{fill:#E0242B!important;stroke:#E0242B!important}
.db-row a[href*="/favorites"] svg,.db-row a[href*="/favorites"] svg *{fill:none!important;stroke:#E0242B!important;color:#E0242B!important}

/* Card C (Oct 30): Compare moved to the Stock# row (right); price + stock pinned to the card bottom so "Call for price" lines up with the other cards */
.dbcc{display:flex;flex-direction:column;height:100%}
.dbcc-body{display:flex;flex-direction:column;flex:1 1 auto}
.dbcc-top{display:block}
.dbcc-price{margin-top:auto;padding-top:10px;min-height:32px;align-items:center}
.dbcc-amt.is-call{display:inline-flex;align-items:center;gap:6px}
.dbcc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dbcc-foot .dbcc-cmp{margin:0;flex:0 0 auto}
.dbi-grid,.dbh-cards,.db-cards{align-items:stretch}
/* Oct 30 (Word file 3) */
.dbi-empty-heart,.dbfv-empty-i{background:var(--gray-100)!important}
.db-hbtn-fav.is-on svg{color:#E0242B!important}.db-hbtn-fav.is-on svg path{fill:currentColor!important;stroke:currentColor}
.dbcc-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.dbcc-body{padding-top:10px;gap:2px}
.dbcc-price{padding-top:6px;min-height:28px}
.dbcc-foot{min-height:24px}
.dbv-price.is-call{font-size:26px!important;line-height:1.15;gap:8px}.dbv-price.is-call svg{width:18px!important;height:18px!important}
.dbv-call-sub{margin-top:2px;font-size:13px}
.dbv-ask-h{align-items:center}
.dbv-ask-call{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:18px;background:var(--btn-primary,var(--color-a));color:var(--btn-primary-text,var(--color-d))!important;font:600 13px var(--font);text-decoration:none}.dbv-ask-call:hover{filter:brightness(1.1)}
.dbh-pop-tabs button[aria-selected="true"]{border-color:var(--pop-tab-on,var(--color-a))!important;background:var(--pop-tab-on,var(--color-a))!important;color:var(--pop-tab-on-text,var(--color-d))!important}
.dbi-sort-native{position:absolute!important;inset:0;opacity:0;pointer-events:none}
.dbi-sort-btn{width:100%;height:44px;display:flex;align-items:center;padding:0 38px 0 14px;border:1px solid var(--gray-300);border-radius:8px;background:var(--color-d);color:var(--color-c);font:500 14px var(--font);text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbi-sort-btn:hover{border-color:var(--gray-400)}
.dbi-sort-btn:focus-visible,.dbi-sort-btn[aria-expanded="true"]{outline:0;border-color:var(--field-focus,var(--color-a));box-shadow:0 0 0 3px color-mix(in srgb,var(--field-focus,var(--color-a)) 18%,transparent)}
.dbi-sort-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:100%;box-sizing:border-box;margin:0;padding:6px;list-style:none;background:var(--color-d);border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 10px 15px -3px rgba(16,24,40,.1),0 4px 6px -4px rgba(16,24,40,.1)}
.dbi-sort-menu[hidden]{display:none}
.dbi-sort-menu li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 10px;border-radius:6px;font:500 14px var(--font);color:var(--color-c);cursor:pointer;white-space:nowrap}
.dbi-sort-menu li:hover,.dbi-sort-menu li:focus{outline:0;background:var(--gray-100)}
.dbi-sort-menu li[aria-selected="true"]{font-weight:600}
.dbi-sort-menu li[aria-selected="true"]:after{content:"";flex:none;width:12px;height:6px;border:solid var(--icon-color,var(--color-a));border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-2px)}
.dbi-sort > svg{width:18px!important;height:18px!important;z-index:1}
/* Oct 30 (user): results bar – Sort same height as Favorites/Compare (48px), controls centered; tighter title block */
.dbi-bar-ctrl{align-items:center}
.dbi-sort-btn{height:48px;border-radius:10px}
.dbi-sort > span{top:-8px}
.dbi-bar{align-items:center}
.dbi-bar h1{font-size:26px;line-height:1.15;letter-spacing:-.01em;margin:2px 0 2px}
.dbi-bar .dbi-bar-meta{font-size:14px;color:var(--gray-600)}
@container dbi (max-width:1023px){.dbi-bar h1{font-size:24px}}
@container dbi (max-width:767px){.dbi-bar h1{font-size:22px}}
/* Oct 30 (user): Favorites title was picking up the big results-title size – back to the small design size */
.dbi-bar .dbi-favbar h1,.dbi-favbar h1{font-size:18px!important;font-weight:700;letter-spacing:0;line-height:1.2;margin:0;white-space:nowrap}
.dbi-favbar .dbi-muted{font-weight:500;color:var(--gray-500)}
.dbi-favh svg{width:18px;height:18px}
@container dbi (max-width:767px){.dbi-bar .dbi-favbar h1,.dbi-favbar h1{font-size:16px!important}}
/* Oct 30 (user): Card C – title 16px; Stock#/Compare row = thin gray line above, Stock# left, Compare right, smaller + gray */
.dbcc-title,.dbcc-title a{font-size:16px!important;line-height:1.3}
.dbcc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--card-border,var(--gray-200));min-height:28px;font-size:12px}
.dbcc-foot label,.dbcc-foot .dbcc-cmp{font-size:12px!important;font-weight:500!important;color:var(--cd-specs,var(--card-specs,var(--gray-600)))!important;gap:6px}
.dbcc-foot input[type="checkbox"]{width:16px!important;height:16px!important}
/* Oct 30 (user, Card C 1a): title + gray line one line each (no 2-line reserve, no gap); Call for price lighter weight, smaller icon */
.dbcc-title.dbcc-ymm,.dbcc-title.dbcc-ymm a{display:block!important;-webkit-line-clamp:unset!important;min-height:0!important;height:auto!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3!important}
.dbcc-specs{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0}
.dbcc-amt.is-call{display:inline-flex;align-items:center;gap:6px;font-size:16px!important;font-weight:600!important;letter-spacing:0}
.dbcc-amt.is-call svg{width:13px!important;height:13px!important;flex:none;color:var(--icon-color,currentColor)}
/* Oct 30 (user, 2a): Call for price – gray underline under the words (icon not underlined) */
.dbcc-amt.is-call{text-decoration:none!important;line-height:1.3}
.dbcc-amt.is-call .dbcc-call-t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;text-decoration-color:var(--gray-300)}
.dbcc-amt.is-call svg{color:currentColor}
/* Oct 30 (user, v5): vehicle page Call for price (A, B, C) – text left, outlined phone button right, no box */
.dbv-price-row:has(.dbv-callp){display:block}
.dbv-price-row:has(.dbv-callp) > div{display:block}
.dbv-callp{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dbv-callp-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.dbv-callp .dbv-price.is-call{display:block;font-size:18px!important;font-weight:600!important;line-height:1.25;letter-spacing:0}
.dbv-callp .dbv-call-sub{margin:0;font-size:12.5px;color:var(--gray-600)}
.dbv-callp-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;box-sizing:border-box;border-radius:8px;background:var(--color-d);border:1px solid var(--gray-300);font-size:13.5px;font-weight:600;color:var(--color-c)!important;text-decoration:none;white-space:nowrap}
.dbv-callp-btn:hover{border-color:var(--color-c)}
.dbv-callp-btn svg{width:14px;height:14px;color:var(--icon-color,var(--color-a))}
/* Oct 30 (user): vehicle page key facts grid (Mileage, Drivetrain … Fuel type) – smaller values, long values wrap to 2 lines instead of "…" (all vehicle pages) */
.dbv-kf dd{font-size:16px!important;font-weight:600;line-height:1.25;letter-spacing:-.01em;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip}
.dbv-kf dd span{font-size:12px!important}
@container (max-width:1023px){.dbv-kf dd{font-size:15px!important}}
@media (max-width:767px){.dbv-kf dd{font-size:14px!important}}
/* Oct 30 (user, p1): phone payment result – 2 columns: Est. $/mo + APR left (divider), Car price / Down / Financed lined up right; button + terms full width */
@container dbv (max-width:767px){
	.dbv-calc-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:14px!important;align-items:center!important;padding:18px 16px 14px!important}
	.dbv-calc-card > :not(.dbv-calc-res):not(.dbv-calc-rows){grid-column:1 / -1}
	.dbv-calc-res{align-items:flex-start!important;padding-right:12px;border-right:1px solid var(--gray-300);gap:4px}
	.dbv-calc-res .dbv-calc-pay b{font-size:32px!important;letter-spacing:-.03em;line-height:1}
	.dbv-calc-res [data-dbv-apr]{font-size:12.5px!important;white-space:nowrap}
	.dbv-calc-rows{border:0!important;padding:0!important;display:flex!important;flex-direction:column;gap:6px}
	.dbv-calc-rows div{display:flex!important;justify-content:space-between;gap:8px;padding:0!important;border:0!important;font-size:13px!important}
	.dbv-calc-rows div:last-child{padding-top:6px!important;border-top:1px solid var(--gray-300)!important}
	.dbv-calc-rows span{color:var(--gray-600)}
	.dbv-calc-card .dbv-cta{width:100%;height:48px}
	.db-pt-tc-below{justify-self:center}
}
/* Oct 30 (user, h1): Ask Anything – Call moved out of the header into a full-width bar under it */
.dbv-ask-call{display:none!important}
.dbv-ask-callbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 18px;background:var(--gray-50);border-bottom:1px solid var(--gray-200);color:var(--color-c)!important;text-decoration:none!important}
.dbv-ask-callbar > span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px;color:var(--gray-600)}
.dbv-ask-callbar-n{flex:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:14.5px;font-weight:700}
.dbv-ask-callbar-n [data-role="icons"]{display:inline-flex;color:var(--icon-color,var(--color-a))}
.dbv-ask-callbar:hover .dbv-ask-callbar-n > span:last-child{text-decoration:underline;text-underline-offset:3px}