/* ============================================================
   forellenteich.net — Basis-CSS (Theme: Kadence)
   "Frischer Naturraum": helle Flaechen fuehren, Gruen ist Akzent.
   Einbau:  WPCode -> + Add Snippet -> Code Type: CSS Snippet
            -> Run Everywhere -> Save & Activate.
   (Alternativ: Customizer -> Zusaetzliches CSS.)
   Grundlage fuer alle Seiten; Detail-/Region-Komponenten bauen darauf auf.
   ============================================================ */

/* ---------- 1. Marken-Tokens ---------- */
:root{
  --ft-bg:#F3F1D7;        /* Body: heller Schilf-/Beigeton            */
  --ft-card:#FFFDF2;      /* Karten / Boxen                          */
  --ft-soft:#F7F6E8;      /* weiche Sekundaerflaeche                 */
  --ft-hint:#EEF4D3;      /* sehr helles Gruen (Hinweis/aktiv)       */
  --ft-green-d:#384A12;   /* Dunkelgruen: Ueberschriften, Anker      */
  --ft-green-m:#5F731A;   /* Mittelgruen: Buttons, Links             */
  --ft-green-a:#7D9A2E;   /* Akzentgruen: Hover / aktiv              */
  --ft-water:#245766;     /* Wasserblau dunkel (AA-fest, Text/Route) */
  --ft-water-l:#4F8796;   /* Wasserblau hell: nur Flaechen/Karte     */
  --ft-sand:#E7D9A8;      /* Sand: warme Flaechen, Tabellenkoepfe    */
  --ft-wood:#8A5A2B;      /* Holzbraun                               */
  --ft-text:#2D3217;      /* Text                                    */
  --ft-muted:#6D7148;     /* gedaempfter Text                        */
  --ft-border:#D8D2A8;    /* Rahmen                                  */
  --ft-ok:#3F7D20;        /* aktiv / geprueft                        */
  --ft-warn:#A66A00;      /* Hinweis / "ohne Gewaehr"                */
  --ft-closed:#9B2F22;    /* geschlossen                             */
  --ft-star:#E0A100;      /* Sterne                                  */
  --ft-radius:14px;
  --ft-radius-sm:10px;
  --ft-shadow:0 1px 2px rgba(56,74,18,.06), 0 8px 22px rgba(56,74,18,.06);
  --ft-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

/* ---------- 2. Kadence-Palette -> Marke ----------
   Faerbt Kadence-Chrome (Header, Footer, Buttons, Text) markengerecht.
   Alle Slots bleiben "dunkel auf hell" -> kontrastsicher.
   Feintuning bei Bedarf zusaetzlich im Customizer -> Globale Farben. */
:root{
  --global-palette1:#5F731A;  /* Akzent/Primaer (Links, Buttons) */
  --global-palette2:#384A12;  /* Akzent dunkel (Hover)           */
  --global-palette3:#2D3217;  /* staerkster Text                 */
  --global-palette4:#384A12;  /* Ueberschriften                  */
  --global-palette5:#3B4030;  /* Fliesstext                      */
  --global-palette6:#6D7148;  /* gedaempfter Text                */
  --global-palette7:#E2DEBE;  /* feine Linien / Border           */
  --global-palette8:#F7F6E8;  /* helle Alt-Flaeche               */
  --global-palette9:#FFFDF2;  /* Basis / Box-Hintergrund         */
}

/* ---------- 3. Flaechen-Layering ----------
   Beige Seite; weisse Boxen (Karten) sitzen darauf.
   Empfehlung zusaetzlich: Customizer -> Layout -> Inhalt-Stil "Unboxed"
   und Seiten-Hintergrund = #F3F1D7 (robuster als reines CSS). */
body{
  background:var(--ft-bg);
  color:var(--ft-text);
  font-family:var(--ft-sans);
}
.content-style-boxed .content-container.site-container,
.single .content-container.site-container,
.page .content-container.site-container{
  background:transparent;
  box-shadow:none;
}

/* ---------- 4. Typografie ----------
   Systemfont (kein Webfont -> Performance). Titel kraeftig. */
body,.entry-content,.single-content,
button,input,select,textarea{ font-family:var(--ft-sans); }
.entry-content{ line-height:1.65; color:var(--ft-text); }
h1,h2,h3,h4,.entry-title{ color:var(--ft-green-d); font-family:var(--ft-sans); }
h1.entry-title,.entry-title{ font-weight:700; letter-spacing:-.01em; line-height:1.15; }
.single-content h2{ font-weight:700; font-size:clamp(1.3rem,1.05rem + 1vw,1.55rem); line-height:1.25; margin:1.7em 0 .6em; }
.single-content h3{ font-weight:600; }
.entry-content a{ color:var(--ft-green-m); text-underline-offset:2px; }
.entry-content a:hover{ color:var(--ft-green-d); }
::selection{ background:var(--ft-hint); }

/* ---------- 5. Kadence-Buttons -> ruhiges Markengruen ---------- */
.wp-block-button__link,.button,.kb-button,.kt-button{
  background:var(--ft-green-m); border-color:var(--ft-green-m); color:#fff;
}
.wp-block-button__link:hover,.button:hover{ background:var(--ft-green-d); border-color:var(--ft-green-d); }

/* ---------- 6. Startseite: redundantes Titel-Band ausblenden ----------
   Der Kadence-Seitentitel "forellenteich.net - Das Forellenteich Verzeichnis"
   (per Finder-Hook bereits zu H2 demoviert) ist ueber dem Finder redundant.
   Der Finder (h1.ft-h1) ist der Hero.
   Robuster zusaetzlich: Startseite bearbeiten -> Kadence-Seiteneinstellungen
   -> Titel auf "ausblenden". CSS hier als Fallback. */
body.home .entry-hero-container,
body.home .page-hero-section{ display:none; }
body.home .content-container.site-container{ padding-top:0; }

/* ---------- 7. Mobile-Menue (Kadence Off-Canvas) auf Marke ----------
   Der Kadence-Drawer ist per Default dunkel -> auf helle Marke umstellen.
   (Alternativ/zusaetzlich robust: Customizer -> Header -> Mobile
   -> Off-Canvas-Menue -> Hintergrund/Farben.) */
.popup-drawer,
.popup-drawer .drawer-content,
.popup-drawer .drawer-content.mobile-drawer-content,
.popup-drawer .drawer-inner,
.popup-drawer .drawer-header{ background:var(--ft-card) !important; }
.popup-drawer .drawer-content{ min-height:100vh; }
.popup-drawer .drawer-content,
.popup-drawer .drawer-toggle,
.popup-drawer .pop-close,
.mobile-navigation.drawer-navigation li a{ color:var(--ft-green-d) !important; }
.mobile-navigation.drawer-navigation li a{ border-bottom:1px solid var(--ft-border); font-weight:500; }
.mobile-navigation.drawer-navigation li a:hover,
.mobile-navigation.drawer-navigation li.current-menu-item > a{ color:var(--ft-green-m) !important; background:var(--ft-hint); }
.mobile-navigation .drawer-sub-toggle{ color:var(--ft-green-d) !important; border-color:var(--ft-border) !important; }

/* ---------- 8. Kadence "Aehnliche Beitraege" ausblenden ----------
   Redundant zur renderer-eigenen "Forellenteiche in der Naehe" + Region-Links. */
.single .entry-related,
.single-related-posts,
.entry-related{ display:none !important; }

/* ---------- 9. Desktop-Dropdown hell + Schrift kraeftiger (weniger Kadence-Standard) ---------- */
.header-navigation ul.sub-menu,
.header-navigation .sub-menu,
nav ul.sub-menu,
ul.sub-menu{ background:var(--ft-card) !important; border:1px solid var(--ft-border); box-shadow:0 8px 22px rgba(56,74,18,.12); }
.header-navigation .sub-menu li a,
ul.sub-menu li a{ color:var(--ft-green-d) !important; font-weight:500; }
.header-navigation .sub-menu li a:hover,
.header-navigation .sub-menu li.current-menu-item > a,
ul.sub-menu li a:hover{ background:var(--ft-hint) !important; color:var(--ft-green-m) !important; }
.header-navigation .menu > li > a{ font-weight:600; }
.footer-navigation a,#colophon a{ font-weight:500; }
body,.entry-content,.single-content p,.single-content li{ font-weight:400; }

/* ---------- 10. Text-Umbruch-Fix: lange dt. Woerter sauber statt zeichenweise ----------
   Hoehere Spezifitaet schlaegt die Inline-Styles der Renderer (Detail + Finder),
   ohne dass die WPCode-Snippets angefasst werden muessen. hyphens nutzt lang="de-DE". */
.single-content .ft-grid{ grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important; }
.single-content .ft-feat{ min-width:0; overflow-wrap:break-word; hyphens:auto; }
body #ft-finder .ft-name,
body #ft-finder .ft-ort,
body #ft-finder .ft-card{ min-width:0; overflow-wrap:break-word; hyphens:auto; }

/* ---- Fix 20.06.: Detail-Sticky-Leiste nur mobil (sonst Riesen-Icons auf Desktop) ---- */
@media (min-width:768px){ .ft-sticky{ display:none !important; } }
.ft-sticky .ft-svg{ width:1.05em !important; height:1.05em !important; vertical-align:-0.15em; }