/*
Theme Name: WordsFlow Child
Theme URI: https://wordsflow.modeltheme.com/
Template: wordsflow
Author: ModelTheme
Author URI: http://modeltheme.com/
Description: Life Coach & Motivational Speaker Theme
Version: 1.4.1
Text Domain: wordsflow
Tags: custom-header, custom-menu, featured-images, post-formats, sticky-post
*/
/* Theme customization starts here
------------------------------------------------------- */

/* Überschrift im Slider
------------------------------------------------------- */
@media only screen and (max-width: 900px) {
  html body .mt-caption.heading .inner-layer .mt-cap {
    font-size: 35px !important;
    line-height: 42px !important;
  }
}
@media only screen and (max-width: 420px) {
  html body .mt-caption.heading .inner-layer .mt-cap {
    font-size: 30px !important;
    line-height: 40px !important;
  }
}

/* Überschriften responsiv
------------------------------------------------------- */
@media only screen and (max-width: 600px) {
  html body h1, html body h2 {
    font-size: 30px !important;
    line-height: 42px !important;
  }
}




/* --- SAFARI STABILIZER FOR ELEMENTOR & GENERIC FLEX/GRID --- */

/* 1) Erzwinge Flex-Layout für Elementor-Container (alt & neu) */
.elementor .elementor-container,
.elementor .elementor-row,
.e-con {
  display: flex;
  flex-wrap: wrap;
}

/* 2) Verhindere Safari-"Überbreite" -> Spalten dürfen schrumpfen */
.elementor .elementor-column,
.e-con > * {
  min-width: 0;   /* wichtig für Safari, sonst wrappt/stackt es */
  min-height: 0;
}

/* 3) Zentrierung robuster machen (nur falls gewünscht) */
.e-con { align-items: center; }
.e-con { justify-content: center; } /* nur setzen, wenn wirklich alles zentriert sein soll */

/* 4) Fallback für ältere Safari (kein Flex-Gap) */
@supports not (gap: 1rem) {
  .e-con { margin-left: calc(var(--e-con-gap, 24px) * -0.5);
           margin-right: calc(var(--e-con-gap, 24px) * -0.5); }
  .e-con > * { padding-left: calc(var(--e-con-gap, 24px) * 0.5);
               padding-right: calc(var(--e-con-gap, 24px) * 0.5); }
}

/* 5) Sticky/Overflow-Fallen entschärfen (Safari setzt sticky oft außer Kraft) */
.sticky-parent, .e-con.sticky-parent { overflow: visible; }

/* 6) Typische Elementor-Hierarchie robust halten */
.elementor .elementor-widget-wrap { display: flex; flex-direction: column; width: 100%; }