/*
Theme Name:        Kanalreinigung Zürich
Template:          twentytwentyfour
Description:       Child-Theme von Twenty Twenty-Four. Globales CSS in dieser Datei, pro Seite eine eigene CSS-Datei in css/seiten/ (geladen über functions.php).
Version:           1.0.0
Requires at least: 6.4
Requires PHP:      7.4
Text Domain:       kanalreinigung-zuerich
*/

/* =====================================================================
   GLOBALES CSS · wird auf jeder Seite geladen
   Nur was mehrere Seiten teilen: Grundtypografie, Header, Footer.
   Seitenspezifisches  → css/seiten/<seite>.css
   Designsystem .kz-site → css/strangschema.css (Ratgeber-Artikel)
   ===================================================================== */

/* Hinweis: Die Inhaltsregeln unten (h1, h2, p, ul …) gelten nicht innerhalb von .kz-site
   – dafür sorgt :where(:not(.kz-site *)), ohne die Spezifität zu verändern. */

/* Grundlayout */
body {
  font-family: 'Segoe UI', sans-serif;
  color: #1a1a1a;
  background: #ffffff;
}

/* Navigation */
.wp-block-site-title a {
  font-weight: 700;
  font-size: 20px;
  color: #0B1F3A !important;
  text-decoration: none;
}

/* Hero Bereich */
.wp-block-post-content h1:where(:not(.kz-site *)) {
  font-size: 2.4rem;
  font-weight: 700;
  color: #0B1F3A;
  line-height: 1.2;
  margin-bottom: 1rem;
}

/* Fliesstext */
.wp-block-post-content p:where(:not(.kz-site *)) {
  font-size: 1rem;
  line-height: 1.7;
  color: #333;
  max-width: 720px;
}

/* H2 Überschriften */
.wp-block-post-content h2:where(:not(.kz-site *)) {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0B1F3A;
  margin-top: 2.5rem;
  border-left: 4px solid #1A5CFF;
  padding-left: 12px;
}

/* Liste */
.wp-block-post-content ul:where(:not(.kz-site *)) {
  padding-left: 1.2rem;
  line-height: 2;
}

.wp-block-post-content ul li:where(:not(.kz-site *)) {
  color: #333;
  font-size: 1rem;
}

/* Gemeinden Block */
.wp-block-post-content p:has(a):where(:not(.kz-site *)) {
  background: #f4f6f9;
  padding: 16px 20px;
  border-radius: 8px;
  line-height: 2;
}

/* Kontakt Bereich */
.wp-block-post-content h2:last-of-type:where(:not(.kz-site *)) {
  color: #1A5CFF;
}

/* Zürich-Skyline direkt über dem Footer-Inhalt */
.footer-skyline {
  margin: 0 !important;
  padding: 0;
  line-height: 0;
}

.footer-skyline .wp-block-image,
.footer-skyline img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
}

/* Allgemeines Spacing */
.wp-block-post-content {
  max-width: 860px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}

/* Mobile */
@media (max-width: 768px) {
  .wp-block-post-content h1:where(:not(.kz-site *)) {
    font-size: 1.8rem;
  }
  .wp-block-post-content h2:where(:not(.kz-site *)) {
    font-size: 1.3rem;
  }
}

:root{
  --kz-navy:#001f3f;
  --kz-blue:#066aab;
  --kz-red:#d62828;
}

/* ---------- VARIANTE 1: WEISSER HEADER (wie Kompetitor Bild 2) ---------- */
header.wp-block-template-part{
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
  box-shadow:0 1px 6px rgba(0,0,0,.04);
}

/* Navigations-Links */
header .wp-block-navigation a,
header .wp-block-navigation .wp-block-navigation-item__content{
  color:var(--kz-navy) !important;
  font-weight:600;
}
header .wp-block-navigation a:hover,
header .wp-block-navigation .wp-block-navigation-item__content:hover{
  color:var(--kz-blue) !important;
}

/* Telefon-/CTA-Button im Header (roter Button) */
header .wp-block-button__link,
header .wp-block-button .wp-block-button__link{
  background-color:var(--kz-red) !important;
  color:#ffffff !important;
  border-radius:6px !important;
  font-weight:700;
  padding:10px 20px !important;
}
header .wp-block-button__link:hover{ background-color:#b71f1f !important; }