/*
 Theme Name:   Astra Child
 Theme URI:    https://digikurse24.de/
 Description:  Astra Child-Theme für Digikurse24
 Author:       Norman Schmidt
 Author URI:   https://digikurse24.de
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* ==========================================================
   1) Design-System (neutral, performant, wartbar)
   ========================================================== */

:root {
  /* Neutralfarben */
  --c-text:   #111827; /* Haupttext */
  --c-muted:  #6b7280; /* Meta-/Nebentext */
  --c-border: #e5e7eb; /* Linien/Trenner */
  --c-bg:     #ffffff; /* Hintergrund */
  --c-focus:  #111827; /* Fokus-Rahmen (neutral) */

  /* Typografie (Systemfonts = schnell & DSGVO-unproblematisch) */
  --font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --lh-base: 1.7;

  /* Layout */
  --container-max: 1240px;
  --radius: 8px;
}

/* ==========================================================
   2) Global Base
   ========================================================== */

html { -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font-base);
  color: var(--c-text);
  line-height: var(--lh-base);
  background: var(--c-bg);
}

/* Medien responsiv */
img, video {
  max-width: 100%;
  height: auto;
}

/* ==========================================================
   3) Astra Layout (sanft, update-sicher)
   ========================================================== */

.ast-container {
  max-width: var(--container-max);
}

/* Einheitliche Absatzabstände im Content */
.entry-content p,
.entry-content ul,
.entry-content ol {
  margin: 0 0 1.2em;
}

/* ==========================================================
   4) Typografie (global sinnvoll, nicht übergriffig)
   ========================================================== */

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0 0 0.6em;
}

p { margin: 0 0 1.2em; }

/* ==========================================================
   5) Links & Fokus (UX/Accessibility)
   ========================================================== */

a {
  color: inherit;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

a:hover { text-decoration: none; }

/* Sichtbarer Fokus für Tastatur-Navigation */
:focus-visible {
  outline: 2px solid var(--c-focus);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ==========================================================
   6) Kleine Utilities (bewusst minimal)
   ========================================================== */

.u-text-center { text-align: center; }
.u-hidden { display: none !important; }

/* ==========================================================
   Globale Bild-Styles für Beiträge (Gutenberg)
   ========================================================== */

/* Wrapper (figure) – Zentrierung & Abstände */
.entry-content figure {
  margin: 20px auto;
  text-align: center;
}

/* Bilder – Optik & Übergang */
.entry-content img {
  display: inline-block;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Hover-Effekt NUR auf Geräten mit echter Hover-Funktion */
@media (hover: hover) and (pointer: fine) {
  .entry-content img:hover {
    transform: scale(1.06);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
  }
}

/* Bildunterschriften */
.entry-content figcaption {
  margin-top: 10px;
  font-size: 0.9em;
  color: var(--c-muted);
  text-align: center;
}
/* =========================================
   ACF Textareas als saubere Listen darstellen
   ========================================= */

.acf-list {
  margin: 0;
  padding-left: 1.2em;
}

.acf-list p {
  margin: 0 0 0.4em;
  position: relative;
}

.acf-list p::before {
  content: "–";
  position: absolute;
  left: -1em;
}
/* ACF-Listen (Shortcode) */
.acf-ul {
  margin: 0;
  padding-left: 1.2em;
}
.acf-ul li {
  margin: 0 0 0.4em;
}
/* ACF-Listen (Shortcode) */
.entry-content .acf-ul,
.elementor .acf-ul {
  margin: 0;
  padding-left: 1.2em;
}

.entry-content .acf-ul li,
.elementor .acf-ul li {
  margin: 0 0 0.4em;
  line-height: 1.5;
}