/*
Theme Name: Ereignendes — Lichtung
Theme URI: https://ereignendes.org/
Description: Child-Theme für GeneratePress im „Lichtung"-Design: die Schwelle aus der Bildmarke von ereignendes.org als durchgängige Geste. Hell als Standard, Nacht als zweite Stimme (Sonne/Mond-Umschalter). Schriften Cormorant (Display), Inter (Überschriften/Navigation), Merriweather (Fließtext); Goldsand als sparsamer Wink. Setzt Farben, Schriften und alle Beitrags-/Block-Stile seitenweit. Schriften ab 2.2.0 lokal (assets/fonts/, DSGVO-konform).
Author: ereignendes.org
Template: generatepress
Version: 2.2.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: ereignendes-child
*/

/* =====================================================================
   ereignendes.org — „Lichtung"
   ---------------------------------------------------------------------
   Leitidee: die Schwelle, an der Nacht und Licht sich berühren.
   Zurückhaltung statt Behauptung; der Leerraum trägt das Wort.
   Schriften werden in functions.php geladen (Frontend + Block-Editor).
   Der Dunkelmodus schaltet über html[data-theme="dark"] (functions.php).
   ===================================================================== */

:root{
  /* ---- Heller Modus — „Lichtung" (Standard) ---- */
  --erg-grund:#F7F4EE;       /* warmes Off-White */
  --erg-flaeche:#FFFFFF;     /* Papierweiß */
  --erg-text:#1C1C1C;        /* Fließtext, warm-schwarz */
  --erg-ueber:#16203A;       /* Überschrift, Nachtblau */
  --erg-gold:#C9A56B;        /* Goldsand — der Wink */
  --erg-meta:#9A938A;        /* gedämpft, warmes Grau */
  --erg-trenn:#E4DDD0;       /* Trennlinie, Sand-Grau */
  --erg-gold-flaeche:rgba(201,165,107,.10);
  --erg-schatten:0 1px 40px rgba(22,32,58,.05);

  --erg-display:'Cormorant',Georgia,serif;
  --erg-sans:'Inter',system-ui,sans-serif;
  --erg-serif:'Merriweather',Georgia,serif;
  --erg-ease:cubic-bezier(.22,.7,.2,1);
}

html[data-theme="dark"]{
  /* ---- Dunkler Modus — „Nacht, die zu Wort kommt" ---- */
  --erg-grund:#10162A;
  --erg-flaeche:#161E36;
  --erg-text:#E8E3D8;
  --erg-ueber:#F2ECDF;
  --erg-gold:#D4B074;
  --erg-meta:#7C849B;
  --erg-trenn:#2A3450;
  --erg-gold-flaeche:rgba(212,176,116,.08);
  --erg-schatten:0 1px 50px rgba(0,0,0,.30);
}

/* ---------- Grundfläche ---------- */
html,body{background:var(--erg-grund)!important;}
body{
  color:var(--erg-text)!important;
  font-family:var(--erg-serif)!important;
  font-weight:300;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  transition:background .6s var(--erg-ease),color .6s var(--erg-ease);
}
::selection{background:var(--erg-gold);color:var(--erg-grund);}

/* Überschriften — H2/H3 Inter, ruhig; H1/Titel Cormorant (Display) */
h1,h2,h3,h4,h5,h6,.wp-block-heading{
  font-family:var(--erg-sans)!important;
  font-weight:600!important;
  letter-spacing:-.015em;
  color:var(--erg-ueber);
  line-height:1.2;
}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,
html[data-theme="dark"] h3,html[data-theme="dark"] h4,
html[data-theme="dark"] .wp-block-heading{color:var(--erg-text);}

/* Display-Schrift an den Schwellen-Stellen: Seitentitel, Einzeltitel, Site-Titel */
.single .entry-title,.page .entry-title,.site-title,.site-title a,
h1.entry-title,h1.wp-block-post-title{
  font-family:var(--erg-display)!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
  line-height:1.02;
}

/* Fließtext */
p,li,blockquote{color:var(--erg-text);}
.entry-content p{font-size:1.1rem;line-height:1.85;}
.entry-content em,.entry-content i{color:var(--erg-ueber);font-style:italic;}
html[data-theme="dark"] .entry-content em,
html[data-theme="dark"] .entry-content i{color:var(--erg-text);}

/* Links */
a{color:var(--erg-ueber);text-decoration:none;transition:color .35s var(--erg-ease);}
html[data-theme="dark"] a{color:var(--erg-text);}
a:hover{color:var(--erg-gold);}
.entry-content a{border-bottom:1px solid var(--erg-trenn);}
.entry-content a:hover{border-color:var(--erg-gold);}

/* =====================================================================
   KOPF / NAVIGATION
   ===================================================================== */
.site-header,.inside-header{
  background:color-mix(in srgb,var(--erg-grund) 90%,transparent)!important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--erg-trenn)!important;
}
.main-navigation,.main-navigation .main-nav ul,
.main-navigation ul ul,.main-navigation .menu-bar-items{
  background:transparent!important;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-item > a,
.menu a,nav a{
  font-family:var(--erg-sans)!important;
  font-weight:500!important;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-size:.74rem;
  color:var(--erg-meta)!important;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li[class*="current-menu"] > a{
  color:var(--erg-ueber)!important;background:transparent!important;
}
html[data-theme="dark"] .main-navigation .main-nav ul li a:hover,
html[data-theme="dark"] .main-navigation .main-nav ul li.current-menu-item > a{
  color:var(--erg-text)!important;
}
.site-title a{color:var(--erg-ueber)!important;font-size:1.3rem;letter-spacing:.01em;}
html[data-theme="dark"] .site-title a{color:var(--erg-text)!important;}
.site-description{
  font-family:var(--erg-sans)!important;color:var(--erg-meta)!important;
  letter-spacing:.24em;text-transform:uppercase;font-size:.68rem;
}
/* Untermenüs */
.main-navigation ul ul{
  background:var(--erg-flaeche)!important;
  border:1px solid var(--erg-trenn)!important;box-shadow:var(--erg-schatten);
}
.main-navigation ul ul li a{font-size:.72rem;}
.is-sticky .main-navigation,#sticky-navigation{
  background:color-mix(in srgb,var(--erg-grund) 92%,transparent)!important;
  backdrop-filter:blur(14px);border-bottom:1px solid var(--erg-trenn)!important;
}
.slideout-navigation,.main-nav .menu-toggle{background:var(--erg-grund)!important;}

/* ---------- Modus-Umschalter (von functions.php eingefügt) ---------- */
.erg-modus{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:38px!important;height:38px!important;flex-shrink:0;margin-left:.4rem;
  border:1px solid var(--erg-trenn)!important;border-radius:999px!important;
  background:transparent!important;cursor:pointer;color:var(--erg-meta)!important;
  transition:color .4s var(--erg-ease),border-color .4s var(--erg-ease)!important;
  -webkit-appearance:none;appearance:none;padding:0!important;
  font-size:0;letter-spacing:normal;text-transform:none;
}
.erg-modus:hover{color:var(--erg-gold)!important;border-color:var(--erg-gold)!important;background:transparent!important;}
.erg-modus svg{width:17px;height:17px;display:block;}
.erg-modus .erg-mond{display:none;}
html[data-theme="dark"] .erg-modus .erg-sonne{display:none;}
html[data-theme="dark"] .erg-modus .erg-mond{display:block;}

/* =====================================================================
   GRUNDFLÄCHEN (GeneratePress-Container)
   ===================================================================== */
.site,#page,.site-content,#content{background:var(--erg-grund)!important;}
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .site-content{background:var(--erg-grund)!important;}

/* =====================================================================
   BEITRAGS-ARCHIV (Kategorie-Listen)
   ===================================================================== */
.archive .page-title,.page-header .page-title{
  font-family:var(--erg-display)!important;font-weight:400;
  font-size:clamp(2.4rem,6vw,4rem);letter-spacing:.005em;
  color:var(--erg-ueber);margin-bottom:1.6rem;
}
html[data-theme="dark"] .archive .page-title{color:var(--erg-text);}
article.post,.hentry{
  border-bottom:1px solid var(--erg-trenn);
  padding-block:2.6rem;margin-block:0;
  transition:padding-left .5s var(--erg-ease);
}
article.post:hover{padding-left:.5rem;}
.entry-title a{
  font-family:var(--erg-sans)!important;font-weight:600;letter-spacing:-.015em;
  color:var(--erg-ueber)!important;font-size:clamp(1.4rem,2.6vw,2rem);
  transition:color .4s;
}
html[data-theme="dark"] .entry-title a{color:var(--erg-text)!important;}
.entry-title a:hover{color:var(--erg-gold)!important;}
.entry-meta,.posted-on,.byline,.cat-links,.entry-meta a{
  font-family:var(--erg-sans)!important;font-size:.7rem!important;
  letter-spacing:.16em;text-transform:uppercase;color:var(--erg-meta)!important;
}
.entry-meta a,.cat-links a{color:var(--erg-gold)!important;border:0!important;}
.entry-summary,.entry-content p:first-of-type{color:var(--erg-text);}
.read-more,.more-link{
  font-family:var(--erg-sans);font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  font-size:.74rem;color:var(--erg-ueber)!important;border:0!important;
  border-bottom:1px solid var(--erg-gold)!important;padding-bottom:.3rem;
  display:inline-block;
}
html[data-theme="dark"] .read-more,html[data-theme="dark"] .more-link{color:var(--erg-text)!important;}
.read-more:hover,.more-link:hover{color:var(--erg-gold)!important;}

/* Beitrags-Boxen (GP Spaltenraster) */
.generate-columns .inside-article,.blog .inside-article{
  border:1px solid var(--erg-trenn)!important;background:var(--erg-flaeche)!important;
  box-shadow:var(--erg-schatten);transition:border-color .45s var(--erg-ease);
}
.generate-columns .inside-article:hover{border-color:var(--erg-gold)!important;}

/* =====================================================================
   EINZELNER BEITRAG / SEITE
   ===================================================================== */
.single .entry-header,.page .entry-header{
  max-width:54rem;margin-inline:auto;padding-block:clamp(2.5rem,5vw,4.5rem);
}
.single .entry-title,.page .entry-title{font-size:clamp(2.6rem,6.5vw,4.8rem);line-height:1.02;}
.single .entry-content,.page .entry-content{max-width:38rem;margin-inline:auto;}
.single .entry-content > p:first-of-type{
  color:var(--erg-ueber);font-size:1.28rem;line-height:1.7;
}
html[data-theme="dark"] .single .entry-content > p:first-of-type{color:var(--erg-text);}

/* ---------- Gutenberg-Blöcke ---------- */
.wp-block-heading{margin-top:2.4em;margin-bottom:.6em;}
.entry-content h2.wp-block-heading{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600;}
.entry-content h3.wp-block-heading{font-size:clamp(1.3rem,2.2vw,1.55rem);font-weight:500;}

.wp-block-quote,blockquote{
  border:0!important;border-left:0!important;
  margin:2.4em 0;padding-left:clamp(1.2rem,4vw,2.2rem);position:relative;
}
.wp-block-quote::before,blockquote::before{
  content:"";position:absolute;left:0;top:.3rem;bottom:.3rem;width:2px;
  background:linear-gradient(180deg,transparent,var(--erg-gold),transparent);
}
.wp-block-quote p,blockquote p{
  font-family:var(--erg-display)!important;font-style:italic;font-weight:400;
  font-size:clamp(1.5rem,3vw,2.1rem)!important;line-height:1.35;color:var(--erg-ueber)!important;
}
html[data-theme="dark"] .wp-block-quote p,html[data-theme="dark"] blockquote p{color:var(--erg-text)!important;}
.wp-block-quote cite,blockquote cite{
  font-family:var(--erg-sans);font-style:normal;font-size:.72rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--erg-meta);
}

.wp-block-pullquote{border-block:1px solid var(--erg-trenn);background:transparent;}
.wp-block-separator,hr{
  border:0!important;height:1px!important;background:var(--erg-trenn)!important;max-width:100%;
}
.wp-block-separator.is-style-wide{background:var(--erg-gold)!important;opacity:.5;}
.wp-block-image figcaption{
  font-family:var(--erg-sans);font-size:.76rem;letter-spacing:.04em;color:var(--erg-meta);
}
.wp-block-columns{gap:clamp(1.5rem,4vw,3rem)!important;}

/* Vers-Block (Gedichte) — Cormorant, ruhige Lyrik */
.wp-block-verse,pre.wp-block-verse{
  font-family:var(--erg-display)!important;font-weight:400;font-style:normal;
  font-size:clamp(1.35rem,2.6vw,1.8rem)!important;line-height:1.65;
  color:var(--erg-ueber)!important;background:transparent!important;
  border:0!important;padding:0!important;margin:2em 0;white-space:pre-wrap;
}
html[data-theme="dark"] .wp-block-verse{color:var(--erg-text)!important;}

/* Zentrierte Schluss-Frage / Sentenz */
.entry-content .erg-frage{
  font-family:var(--erg-display)!important;font-style:italic;font-weight:400;text-align:center;
  font-size:clamp(2rem,4.5vw,3.2rem)!important;line-height:1.2;
  color:var(--erg-ueber)!important;margin-block:1.6em;text-wrap:balance;
}
html[data-theme="dark"] .entry-content .erg-frage{color:var(--erg-text)!important;}

/* Quellen-/Fußnotenhinweis */
.entry-content .erg-quelle{
  font-family:var(--erg-sans)!important;font-size:.84rem!important;
  letter-spacing:.01em;color:var(--erg-meta)!important;line-height:1.6;
}

/* Verschlagwortung / Tags */
.tags-links a,.tagcloud a{
  font-family:var(--erg-sans);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--erg-meta)!important;border:1px solid var(--erg-trenn)!important;
  padding:.3rem .7rem;border-radius:999px;display:inline-block;margin:.2rem;
}
.tags-links a:hover,.tagcloud a:hover{border-color:var(--erg-gold)!important;color:var(--erg-gold)!important;}

/* =====================================================================
   FORMULARE / SCHALTFLÄCHEN
   ===================================================================== */
input[type=text],input[type=email],input[type=url],input[type=search],textarea{
  background:var(--erg-flaeche)!important;border:1px solid var(--erg-trenn)!important;
  color:var(--erg-text)!important;font-family:var(--erg-serif)!important;border-radius:0!important;
}
input::placeholder,textarea::placeholder{color:var(--erg-meta)!important;}
input:focus,textarea:focus{border-color:var(--erg-gold)!important;outline:none!important;}
button,.wp-block-button__link,input[type=submit],.submit,a.button,.read-more.button{
  background:var(--erg-ueber)!important;color:var(--erg-grund)!important;
  font-family:var(--erg-sans)!important;font-weight:500!important;letter-spacing:.1em!important;
  text-transform:uppercase;font-size:.78rem!important;border:0!important;border-radius:0!important;
  padding:.9rem 1.8rem!important;transition:background .4s!important;
}
html[data-theme="dark"] button,html[data-theme="dark"] .wp-block-button__link,
html[data-theme="dark"] input[type=submit]{background:var(--erg-text)!important;color:var(--erg-grund)!important;}
button:hover,.wp-block-button__link:hover,input[type=submit]:hover,.submit:hover{
  background:var(--erg-gold)!important;color:var(--erg-grund)!important;
}

/* =====================================================================
   FUSS
   ===================================================================== */
.site-footer,#colophon,.footer-widgets,#footer-widgets,
.inside-site-info,.footer-bar,.site-info{
  background:var(--erg-grund)!important;
  border-top:1px solid var(--erg-trenn)!important;
  color:var(--erg-meta)!important;
}
.site-footer a,#colophon a{color:var(--erg-meta)!important;}
.site-footer a:hover{color:var(--erg-gold)!important;}
.site-info{font-family:var(--erg-sans);font-size:.72rem;letter-spacing:.12em;}
.footer-widgets .widget-title{
  font-family:var(--erg-sans)!important;letter-spacing:.18em;text-transform:uppercase;
  font-size:.72rem;color:var(--erg-meta)!important;
}