/*!
 * Showroom typography — Barlow Condensed (display) + Barlow (text).
 *
 * Owner, 2026-10-28: "use smart google fonts for car showroom, change all
 * fonts", then "more sporty look font, and use more sentence case on the text".
 * Barlow Condensed is the squared, low-contrast signage face motorsport and
 * dealer forecourts use — it carries headings, navigation, card titles and
 * prices; its superfamily sibling Barlow carries body, forms and listing copy.
 * Both load from Google (css2, display=swap) via carlistings_fonts_url() in
 * functions.php; this sheet only assigns them and drops the theme's uppercase.
 * Loaded last (priority 999) with !important so it beats the theme, the plugin
 * and the Customizer CSS without touching their layout rules.
 */
:root {
	--dm-display: 'Barlow Condensed', 'Roboto Condensed', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--dm-body: 'Barlow', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ---- text: body, UI, forms, listing copy ------------------------------ */
html,
body,
body.dm-landing,
button,
input,
select,
textarea,
optgroup,
.button,
.btn,
.site-footer,
.site-header,
.topbar,
.al-listing,
.al-listing p,
.al-listing li,
.auto-listings,
.auto-listings p,
.auto-listings li,
.auto-listings-items .at-a-glance,
.auto-listings-items .at-a-glance li,
.auto-listings-items .address,
.auto-listings-search,
.auto-listings-ordering,
#financeCalculator,
#financeCalculator .input_fields select,
#financeCalculator .input_fields input {
	font-family: var(--dm-body) !important;
}

/* ---- display: headings, navigation, titles, prices, CTAs -------------- */
h1, h2, h3, h4, h5, h6,
.site-title,
.site-title a,
.entry-title,
.page-title,
h1.page-title,
.page-header .page-title,
.page-header .page-title a,
.page-header h1,
.page-header h2,
.widget-title,
.section-title,
.section--search .al-search-title,
.header.ui-accordion h3,
.main-navigation ul li a,
.main-navigation a,
.auto-listings-items .title,
.auto-listings-items .title a,
.al-listing .al-listing-title,
.al-listing .al-listing-title a,
.al-listing .al-listing-price,
.price,
.al-price,
.al-button,
.finance-btn,
.auto-listings-pagination a,
.auto-listings-pagination span,
.pagination,
.pager,
.dm-cta {
	font-family: var(--dm-display) !important;
}

/* ---- sentence case: drop the theme's uppercase ------------------------ *
 * The theme shouts in caps almost everywhere (nav, buttons, the page
 * heading, section titles, badges, footer). Owner, 2026-10-28: "use more
 * sentence case on the text". One block, so a future redesign has one place
 * to turn the caps back on.                                                */
.main-navigation a,
.main-navigation ul li a,
.mobile-menu a,
.site-header .site-branding .site-title,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.btn,
.al-button,
.all-car__button,
.link-more,
.more-link,
.comment-list .reply a,
.comment-form .form-submit input,
h1, h2, h3, h4, h5, h6,
.page-title,
.page-header .page-title,
.page-header .page-title a,
.entry-title,
.section-title,
.section--search .search-title,
.section--search .auto-listings-search .search-form__title,
.post-comments .post-title-box h4,
.tags-links a,
.contact-info-block h3,
.vfb-legend h3,
.wpforms-title,
#financeCalculator .ui-accordion-header,
.auto-listings-items .title,
.auto-listings-items .title a,
.al-listing .al-listing-title,
.al-listing .al-listing-title a,
.highlight-new,
.auto-listings-items .bottom-wrap .condition,
.auto-listings-single .has-sidebar .highlight-new,
.auto-listings-pagination a,
.auto-listings-pagination span,
.pagination,
.pager,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4,
.site-footer .button,
.site-footer .al-button {
	text-transform: none !important;
}

/* ---- optical detail so the two faces sit together --------------------- *
 * A condensed face already sets tight; the theme's negative tracking was
 * tuned for a normal-width uppercase face and closes the counters up.      */
h1, h2, h3,
.entry-title,
.page-title,
h1.page-title,
.page-header .page-title,
.page-header h1,
.page-header h2 {
	letter-spacing: 0;
}
h4, h5, h6,
.widget-title,
.section-title,
.main-navigation ul li a,
.main-navigation a,
.auto-listings-items .title {
	letter-spacing: 0.01em;
}
.price,
.al-price,
.al-listing .al-listing-price,
.auto-listings-pagination,
.pagination {
	font-variant-numeric: tabular-nums;
}
.dm-cta {
	letter-spacing: 0.03em;
}

/* ---- CTAs and footer: same voice, no caps ----------------------------- */
.section--cta .section-cta__right a {
	font-family: var(--dm-display) !important;
	text-transform: none !important;
	letter-spacing: 0.04em;
	/* a condensed face needs a little more size at button scale */
	font-size: clamp(15px, 1.1vw, 17px);
}
.site-footer a,
.footer-bottom a,
.site-footer .cta-title {
	text-transform: none !important;
}
.entry-content a,
.wpforms-submit,
.wpforms-container input[type="submit"],
.topbar a,
.topbar-contact a {
	text-transform: none !important;
}
.wpforms-container button.wpforms-submit {
	text-transform: none !important;
}