/*
Theme Name: ENGII
Theme URI: https://engii.ai
Author: webwave GmbH
Description: ENGII AI Theme
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: engii-ai
*/

/* Sämtliche Styles werden über assets/css/tailwind.css geladen
   (kompiliertes Tailwind + eigene Animations-/Layout-Regeln).
   Diese Datei dient WordPress als Theme-Header. */

html {
  background: #0A0A0B;
  color-scheme: dark;
}
html,
body {
  margin: 0;
  padding: 0;
  background: #0A0A0B;
  -webkit-tap-highlight-color: transparent;
  /* Kein Weiterreichen der Wischgeste an den Browser (kein Pull-to-Refresh,
     kein Gummiband-Effekt der ganzen Seite). */
  overscroll-behavior: none;
}

/* -------------------------------------------------------------------------
 *  Mobile-Swipe: frei lesen, erst ab Schwellwert weiterswipen
 * -------------------------------------------------------------------------
 *  Auf Mobile ist CSS-Scroll-Snap KOMPLETT aus -> ganz normales, freies
 *  Scrollen (kein "Kleben"). Das Einrasten/Weiterswipen übernimmt app.js:
 *  ein langsamer Wisch scrollt normal, erst ein schneller Wisch oberhalb
 *  eines (einstellbaren) Schwellwerts springt zum nächsten Slide.
 *  Desktop bleibt unverändert beim bisherigen CSS-Snap.
 * ---------------------------------------------------------------------- */
@media (max-width: 767px) {
  /* Nur der Slide-Container scrollt; die Seite selbst bleibt fix.
     Das verhindert das Hochziehen-zum-Refreshen und das mühsame
     "Mischgefühl" beim Hochscrollen. */
  html,
  body {
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
  }
  .engii-snap {
    scroll-snap-type: none;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
  }
  .engii-snap > section {
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .engii-reduced.engii-snap {
    scroll-snap-type: none;
  }
}