/**
 * Self-hosted Gotham webfont.
 *
 * The embedded Magento header declares Gotham via @font-face with absolute
 * https://www.ludwigbeck.de/... URLs. Fonts are CORS-restricted: Magento only
 * sends Access-Control-Allow-Origin for kaufhaus.ludwigbeck.de, so on any other
 * origin (e.g. the local DDEV preview) the font is blocked and the nav falls
 * back to Arial. Arial's vertical metrics differ from Gotham's, which shifts the
 * absolutely positioned nav indicator bar (bottom:1px) up onto the text so it
 * looks like a text underline instead of a separate bar.
 *
 * These declarations are loaded AFTER the Magento mirror CSS, so they win for
 * the same family/weight/style and serve Gotham from this theme (same-origin,
 * no CORS) on every environment. The .ttf files are byte-identical to Magento's
 * (verified by checksum), so live rendering is unchanged — only made robust.
 */
@font-face {
  font-family: 'Gotham';
  src: url('/themes/custom/ludwigbeck/assets/src/fonts/webfonts/gotham/Gotham-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/themes/custom/ludwigbeck/assets/src/fonts/webfonts/gotham/Gotham-BookItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/themes/custom/ludwigbeck/assets/src/fonts/webfonts/gotham/Gotham-Medium.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}