/**
 * Auto3 – Typografie wie Jacobs Fahrzeugbestand (Referenz)
 * Lokal: assets/fonts/*.ttc | Fallback: Montserrat / Nunito Sans (Google)
 */

@font-face {
  font-family: "Avenir";
  src: url("../fonts/Avenir.ttc") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/Avenir%20Next.ttc") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Next Condensed";
  src: url("../fonts/Avenir%20Next%20Condensed.ttc") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.auto3-stock-layout,
.auto-3-flex-container,
.auto3-grid,
.auto3-grid-section,
.vehicle-details,
.rnh-vehicle-v2,
#auto3-financing-popup {
  --auto3-font-sans: "Montserrat", "Avenir Next", "Avenir", ui-sans-serif, system-ui, sans-serif;
  --auto3-font-display: "Avenir Next", "Avenir", "Nunito Sans", "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --auto3-font-condensed: "Avenir Next Condensed", "Avenir Next", "Avenir", sans-serif;
  font-family: var(--auto3-font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Überschriften wie Referenz: font-display, letter-spacing, semibold */
.auto3-stock-layout h1,
.auto3-stock-layout h2,
.auto3-stock-layout h3,
.auto3-stock-layout h4,
.auto3-grid .auto3-card-title,
.auto3-stock-grid--list .auto3-card-title,
.auto3-stock-grid--list .auto3-card-list-price__amount,
.auto3-filter-card__title,
.vehicle-details .auto3-vehicle-detail-title__heading,
.vehicle-details h2,
.vehicle-details h3,
.rnh-vehicle-v2 h1,
.rnh-vehicle-v2 h2,
.rnh-vehicle-v2 h3,
#auto3-financing-popup .auto3-financing-popup__label {
  font-family: var(--auto3-font-display);
  letter-spacing: -0.015em;
  font-weight: 600;
}

.auto3-stock-toolbar,
.auto3-stock-offer-mode__btn {
  font-family: var(--auto3-font-sans);
}