/* ============================================================
   SENZAVI · Typography System
   ------------------------------------------------------------
   Klasse simuliert das visuelle Erscheinungsbild eines anderen
   Heading-Levels — semantisches Tag bleibt unangetastet.

     <h2 class="sen_heading-h4">…</h2>   sieht aus wie <h4>
     <h2 class="sen_heading-h1">…</h2>   sieht aus wie <h1>

   Werte sind 1:1 aus dem Elementor Kit gespiegelt
   (Font-Family, Weight, Color, Size + Responsive Breakpoints).
   Quelle: tokens.css → --sen_fs-h1…h6
   ------------------------------------------------------------
   Anwendung in Elementor:
     Heading-Widget → "CSS Klassen" → sen_heading-h4

   Selektor-Varianten je Stufe (Elementor packt Klassen meist
   auf den Wrapper-DIV, nicht aufs Heading-Tag):
     1) .sen_heading-hX                     → Element trägt Klasse
     2) :is(h1…h6).sen_heading-hX           → Heading trägt Klasse direkt
     3) .sen_heading-hX :is(h1…h6)          → Wrapper trägt Klasse, Heading darin
   ============================================================ */


/* ---------- Gemeinsame Basis ----------------------------------
   Font-Family, Weight, Color aus Elementor Kit (Primary Typography).
   Damit Kit-Änderungen automatisch durchkommen.
   --------------------------------------------------------------- */

.sen_heading-h1,
.sen_heading-h2,
.sen_heading-h3,
.sen_heading-h4,
.sen_heading-h5,
.sen_heading-h6,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h1,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h2,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h3,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h4,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h5,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h6,
.sen_heading-h1 :is(h1,h2,h3,h4,h5,h6),
.sen_heading-h2 :is(h1,h2,h3,h4,h5,h6),
.sen_heading-h3 :is(h1,h2,h3,h4,h5,h6),
.sen_heading-h4 :is(h1,h2,h3,h4,h5,h6),
.sen_heading-h5 :is(h1,h2,h3,h4,h5,h6),
.sen_heading-h6 :is(h1,h2,h3,h4,h5,h6) {
    font-family: var(--e-global-typography-primary-font-family, "Montserrat"), Sans-serif !important;
    font-weight: var(--e-global-typography-primary-font-weight, 800) !important;
    color:       var(--e-global-color-text) !important;
}


/* ---------- Stufen --------------------------------------------- */

.sen_heading-h1,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h1,
.sen_heading-h1 :is(h1,h2,h3,h4,h5,h6) {
    font-size: var(--sen_fs-h1) !important;
}

.sen_heading-h2,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h2,
.sen_heading-h2 :is(h1,h2,h3,h4,h5,h6) {
    font-size: var(--sen_fs-h2) !important;
}

.sen_heading-h3,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h3,
.sen_heading-h3 :is(h1,h2,h3,h4,h5,h6) {
    font-size: var(--sen_fs-h3) !important;
}

.sen_heading-h4,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h4,
.sen_heading-h4 :is(h1,h2,h3,h4,h5,h6) {
    font-size: var(--sen_fs-h4) !important;
}

.sen_heading-h5,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h5,
.sen_heading-h5 :is(h1,h2,h3,h4,h5,h6) {
    font-size: var(--sen_fs-h5) !important;
}

.sen_heading-h6,
:is(h1,h2,h3,h4,h5,h6).sen_heading-h6,
.sen_heading-h6 :is(h1,h2,h3,h4,h5,h6) {
    font-size: var(--sen_fs-h6) !important;
}


/* ---------- Modifier: Alignment -------------------------------- */

.sen_heading--center,
.sen_heading--center :is(h1,h2,h3,h4,h5,h6) { text-align: center !important; }

.sen_heading--right,
.sen_heading--right  :is(h1,h2,h3,h4,h5,h6) { text-align: right  !important; }