/*! Riizz Roots Global Font Override V5.8
   Ziel: Eine einheitliche lokale Schrift auf der gesamten Seite.
   Primärpfad:  /includes/templates/bootstrap/fonts/satoshi/*.woff2
   Fallback:    /includes/templates/bootstrap/fonts/Satoshi_Complete/Fonts/WEB/fonts/*.woff2
*/

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/satoshi/Satoshi-Light.woff2") format("woff2"),
       url("../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/satoshi/Satoshi-Regular.woff2") format("woff2"),
       url("../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/satoshi/Satoshi-Medium.woff2") format("woff2"),
       url("../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/satoshi/Satoshi-Bold.woff2") format("woff2"),
       url("../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/satoshi/Satoshi-Black.woff2") format("woff2"),
       url("../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/satoshi/Satoshi-Italic.woff2") format("woff2"),
       url("../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/satoshi/Satoshi-BoldItalic.woff2") format("woff2"),
       url("../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --rr-font-main: "Satoshi", Arial, Helvetica, sans-serif;
}

html,
body {
  font-family: var(--rr-font-main) !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Alle normalen Texte / Shop-Elemente auf dieselbe lokale Schrift zwingen. */
body,
body :where(
  div, span, p, a, strong, b, em, small,
  h1, h2, h3, h4, h5, h6,
  ul, ol, li, dl, dt, dd,
  table, thead, tbody, tfoot, tr, th, td,
  form, label, input, select, textarea, button,
  header, nav, main, section, article, aside, footer,
  .card, .btn, .dropdown-menu, .dropdown-item,
  .rr-header, .rr-dropdown, .rr-product-native, .rr-product-seo,
  .rr-seo-wrap, .rr-filter-wrap, .rr-breadcrumb-card
) {
  font-family: var(--rr-font-main) !important;
}

/* Alte globale Riizz-Vorgabe aus stylesheet.css neutralisieren. */
body {
  letter-spacing: normal !important;
}

/* Überschriften bleiben kräftig, aber einheitlich. */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: var(--rr-font-main) !important;
  letter-spacing: -0.025em !important;
}

h1, .h1 { font-weight: 800 !important; }
h2, .h2 { font-weight: 800 !important; }
h3, .h3 { font-weight: 700 !important; }
h4, .h4, h5, .h5, h6, .h6 { font-weight: 700 !important; }

strong, b, th,
.rr-header a,
.rr-dropdown a,
.btn,
button {
  font-weight: 700;
}

input,
select,
textarea,
button {
  font-family: var(--rr-font-main) !important;
  letter-spacing: normal !important;
}

/* Icons nicht überschreiben, sonst werden FontAwesome/Glyphicons kaputt. */
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
[class^="fa-"],
[class*=" fa-"],
.glyphicon,
[class^="glyphicon-"],
[class*=" glyphicon-"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "FontAwesome", "Glyphicons Halflings" !important;
}

.fa:before,
.fas:before,
.far:before,
.fab:before,
.fa-solid:before,
.fa-regular:before,
.fa-brands:before,
[class^="fa-"]:before,
[class*=" fa-"]:before,
.glyphicon:before,
[class^="glyphicon-"]:before,
[class*=" glyphicon-"]:before {
  font-family: inherit !important;
}

/* SVGs und Icon-Pfade unberührt lassen. */
svg,
svg *,
path,
use {
  font-family: initial !important;
}