/* =============================================================================
   PHYSIOPARK MG · WEB-DESIGNSYSTEM · Hüllen-Basis (global, nur unter pp-huelle)
   Datei:   ppw-huelle-basis.css       Version: 0.1.0 (2026-09-24)

   ACHTUNG: Diese Datei wird öffentlich ausgeliefert. Im Kopf nur Datei,
   Version, Zweck und Changelog — keine internen Notizen, keine Namen.

   ZWECK: die wenigen Regeln, die bisher Elementor bzw. das Theme
   hello-elementor mitgebracht hat und die nicht im Reset
   (theme-reset-ohne-farben.css) stehen. Sie lädt NUR, wenn das Theme
   pp-huelle aktiv ist (pp-seiten.php), direkt nach Reset und ppw-base.

   BEWUSST NICHT enthalten (GF-Entscheide 24.09.2026):
   - kein 10-px-Rand um Kopf, Inhalt und Fuss (die Website wird randlos),
   - keine Neutralisierung von Schatten, Rundungen und Unterstreichungen,
     die Elementor bisher unterdrückt hat (die Seiten zeigen ihre Gestaltung
     wie entworfen).

   CHANGELOG (neueste zuerst · historische Einträge NIE umschreiben)
   --------------------------------------------------------------------------
   0.1.0 · 2026-09-24
     - Erste Fassung: Bildschirmleser-Text und Skip-Link (Fassung aus dem
       Kopf-CSS hierher verschoben), sanftes Scrollen, Bremse für
       reduzierte Bewegung, box-sizing für Kopf und Fuss als zweiter Boden,
       Ausrichtungs- und Bildunterschrift-Klassen für Beiträge.
   ============================================================================= */

/* 1. Nur für Bildschirmleser: unsichtbar, aber vorlesbar. */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  word-wrap: normal !important;
}

/* 2. Skip-Link „Zum Inhalt springen": erst bei Tastatur-Fokus sichtbar, dann
      klar lesbar oben links (WCAG 2.4.1). Weiss auf Petrol, 7,3:1. */
.skip-link:focus,
.screen-reader-text:focus {
  position: fixed !important;
  top: 12px;
  left: 12px;
  z-index: 100000;
  width: auto;
  height: auto;
  margin: 0;
  padding: 10px 16px;
  clip: auto;
  clip-path: none;
  background: var(--ppw-brand, #0f5c63);
  color: #fff;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(7, 24, 28, 0.18);
}

/* 2b. Ziel des Skip-Links: der Inhaltsbereich nimmt den Fokus an (tabindex -1),
       ist aber kein Bedienelement — deshalb kein Fokusrahmen um die ganze Seite. */
#content:focus {
  outline: none;
}

/* 3. Sanftes Scrollen zu Sprungmarken — nur wenn Bewegung erwünscht ist. */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* 4. Reduzierte Bewegung: Übergänge ohne Verzögerung und Dauer. */
@media (prefers-reduced-motion: reduce) {
  html * {
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
}

/* 5. Zweiter Boden für Kopf und Fuss: box-sizing kommt aus dem Reset; fehlt
      der einmal, liefen Kopf und Fuss horizontal über (gemessen 1401 px). */
#pp-header-premium,
#pp-header-premium *,
#pp-header-premium *::before,
#pp-header-premium *::after,
.pp-footer,
.pp-footer *,
.pp-footer *::before,
.pp-footer *::after {
  box-sizing: border-box;
}

/* 6. Beitrags-Klassen des Block-/Klassik-Editors (News-Beiträge). Werte wie
      im Theme hello-elementor 3.4.5. */
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.aligncenter {
  clear: both;
  display: block;
  margin-inline: auto;
}
.wp-caption {
  margin-block-end: 1.25rem;
  max-width: 100%;
}
.wp-caption img {
  display: block;
  margin-inline: auto;
}
.wp-caption-text {
  margin: 0;
}
.gallery-caption {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.75rem;
}