/*
Theme Name:  KWW – Kinder Wald und Wiese
Description: Child-Theme der Dachmarke Kinder Wald und Wiese Bremen e.V. – hell, freundlich, schlicht. Fokus: pädagogische Arbeit in der Natur.
Template:    preschool-and-kindergarten
Version:     1.0.0
Author:      Kinder Wald und Wiese Bremen e.V.
*/

/* ── Dachmarken-Farbwelt (hell & freundlich, eigene Welt neben Schwammstadt-Blau) ── */
:root {
  --kww-gruen:        #4d8a4f;   /* Wiesengrün – Primärfarbe          */
  --kww-gruen-dunkel: #35663a;   /* für Hover & Überschriften-Akzente */
  --kww-sonne:        #f4b942;   /* Sonnengelb – Akzent               */
  --kww-himmel:       #8fc1dd;   /* helles Himmelblau – Sekundär      */
  --kww-erde:         #b97a4b;   /* Erdton – sparsam                  */
  --kww-tinte:        #2f3529;   /* warmes Dunkel für Text            */
  --kww-creme:        #fdfbf5;   /* warmes Weiß – Flächen             */
  --kww-creme-2:      #f4f1e7;   /* Creme für Wechselflächen          */
}

/* ── Grundflächen: heller und wärmer ── */
body { background: var(--kww-creme); color: var(--kww-tinte); }
.site-content, .content-area { background: transparent; }

/* ── Teal (#15779b) des Eltern-Themes durch Wiesengrün ersetzen ── */
a { color: var(--kww-gruen); }
a:hover, a:focus { color: var(--kww-gruen-dunkel); }
.btn, .button, button[type=submit], input[type=submit],
.btn-primary, .more-link, .tribe-events-button {
  background-color: var(--kww-gruen) !important;
  border-color: var(--kww-gruen) !important;
  color: #fff !important;
  border-radius: 999px !important;
}
.btn:hover, .button:hover, button[type=submit]:hover, input[type=submit]:hover,
.btn-primary:hover, .more-link:hover, .tribe-events-button:hover {
  background-color: var(--kww-gruen-dunkel) !important;
  border-color: var(--kww-gruen-dunkel) !important;
}

/* Kopfleiste oben: hell statt dunkel */
.header-t { background: var(--kww-creme-2) !important; }
.header-t a { color: var(--kww-tinte) !important; }
.header-b { background: #fff !important; }

/* Navigation */
.main-navigation a { color: var(--kww-tinte); }
.main-navigation a:hover,
.main-navigation .current-menu-item > a { color: var(--kww-gruen-dunkel); }

/* Logo-Größe im Header zähmen */
.custom-logo, .site-logo img { max-height: 70px; width: auto; }

/* Vereinsname steckt im Logo – Text-Schriftzug daneben ausblenden */
.site-branding .site-title, .site-branding .site-description { display: none; }

/* Überschriften: ruhig und schlicht */
h1, h2, h3 { color: var(--kww-tinte); }
h2:after, .section-title:after { background: var(--kww-sonne) !important; }

/* Footer heller */
.site-footer { background: var(--kww-creme-2) !important; color: var(--kww-tinte) !important; }
.site-footer a { color: var(--kww-gruen-dunkel) !important; }

/* ── Mitgliederbereich-Knopf (wird per functions.php eingesetzt) ── */
.kww-mitglieder-btn {
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--kww-gruen); color: #fff !important;
  padding: 7px 16px; border-radius: 999px;
  font-weight: 600; font-size: 14px; text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(53, 102, 58, .25);
  transition: background .2s;
}
.kww-mitglieder-btn:hover { background: var(--kww-gruen-dunkel); }
.header-t .kww-mitglieder-li { float: right; list-style: none; margin-left: 14px; }
@media (max-width: 760px) {
  .kww-mitglieder-btn { font-size: 13px; padding: 6px 13px; }
}

/* Gutenberg-Buttons in Markenfarben */
.wp-block-button__link {
  background-color: var(--kww-gruen) !important;
  border-radius: 999px !important;
  color: #fff !important;
}
.wp-block-button__link:hover { background-color: var(--kww-gruen-dunkel) !important; }
.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
}
.is-style-outline .wp-block-button__link:hover { background-color: rgba(255,255,255,.18) !important; }
/* Hero-Cover: Text gut lesbar */
.wp-block-cover h1 { font-size: clamp(28px, 4.5vw, 46px); line-height: 1.2; }