/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/ 

/* ===== Satoshi Variable – primär ===== */
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-Variable.woff2") format("woff2");
  font-weight:300 900;
  font-style:normal;
  font-display:swap;           /* wenn noch Sprünge sichtbar: 'optional' testen */
  /* Metrik-Overrides: minimieren CLS beim Wechsel vom Fallback */
  size-adjust:101.5%;
  ascent-override:92%;
  descent-override:24%;
  line-gap-override:0%;
}
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-VariableItalic.woff2") format("woff2");
  font-weight:300 900;
  font-style:italic;
  font-display:swap;
  size-adjust:101.5%;
  ascent-override:92%;
  descent-override:24%;
  line-gap-override:0%;
}

/* ===== Statische Schnitte – Kompatibilität/Fallback ===== */
/* Normal */
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-Light.woff2") format("woff2");
  font-weight:300; font-style:normal; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-Medium.woff2") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-Bold.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-Black.woff2") format("woff2");
  font-weight:900; font-style:normal; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}
/* Italic */
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-LightItalic.woff2") format("woff2");
  font-weight:300; font-style:italic; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-Italic.woff2") format("woff2");
  font-weight:400; font-style:italic; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-MediumItalic.woff2") format("woff2");
  font-weight:500; font-style:italic; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-BoldItalic.woff2") format("woff2");
  font-weight:700; font-style:italic; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}
@font-face{
  font-family:"Satoshi";
  src:url("/wp-content/themes/hello-elementor-child/fonts/satoshi/Satoshi-BlackItalic.woff2") format("woff2");
  font-weight:900; font-style:italic; font-display:swap;
  size-adjust:101.5%; ascent-override:92%; descent-override:24%; line-gap-override:0%;
}

/* ===== Globale Nutzung & stabile Typografie ===== */
:root{
  --font-sans:"Satoshi", system-ui, -apple-system, "Segoe UI",
              Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
html, body{
  font-family:var(--font-sans);
  line-height:1.5;           /* fixiert – verhindert Umbruchsprünge */
  letter-spacing:0;
  text-rendering:optimizeLegibility;
}

/* Beispiel: konsistente Gewichte mit VF */
h1, .hero-title{ font-weight:700; font-variation-settings:"wght" 700; }
strong, b{       font-weight:600; font-variation-settings:"wght" 600; }
em, i{           font-style:italic; } /* nutzt die italic-Face automatisch */
