/*
Theme Name: Kiel GP Child
Theme URI: https://xn--anwalt-fr-strafrecht-kiel-mwc.de/
Description: GeneratePress-Child-Theme für anwalt-für-strafrecht-kiel.de (JHB.LEGAL, Elementor-Exit). Ersetzt hello-elementor + alle Elementor-Templates; Blog/Einzelbeiträge rendern rein dynamisch (Gutenberg). Diese Datei trägt Header + globale Design-Tokens (Kit-6) + Basis-Layout; Komponenten-CSS liegt in assets/css/kiel.css (Cache-Busting via filemtime).
Author: mabucon.eu
Author URI: https://mabucon.eu/
Template: generatepress
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: kiel-gp-child
*/

/* =========================================================================
   1. Globale Design-Tokens (Elementor Kit-6, autoritativ)
   Quelle: _spezifikation/spec-design-tokens.md, _referenz/elementor/css-post-6.css
   ========================================================================= */
:root {
	/* --- Marken-Farben (Elementor Kit-6) --- */
	--kiel-primary: #932077;          /* Marken-Magenta/Violett; Links, Highlights, Button-Hover */
	--kiel-accent: #761D61;           /* dunkleres Violett; Button-Ruhefläche, dunkle Akzente */
	--kiel-secondary: #CCCCCC;        /* helles Grau; Sekundärflächen/Linien/gedämpfter Text */
	--kiel-on-dark: #FFFFFF;          /* Elementor "Text" = weiß; Text auf farbigen/dunklen Flächen */
	--kiel-ink: #111013;              /* dunkle Fließtextfarbe (verifiziert in css-post-514.css) */
	--kiel-page-transition: #FFBC7D;  /* warmes Orange; Page-Transition-Overlay (nur falls genutzt) */

	/* --- Fonts (Family + Fallbacks; Gewichte via Utility/Tokens) --- */
	--kiel-font-primary: "Roboto", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;   /* 600 – Headings */
	--kiel-font-secondary: "Roboto Slab", Georgia, "Times New Roman", serif;                  /* 400 */
	--kiel-font-text: "Roboto", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;      /* 400 – Fließtext */
	--kiel-font-accent: "Roboto", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;    /* 500 */
	--kiel-font-poppins: "Poppins", sans-serif;                                               /* Widget-Fließtext */

	/* --- Layout (responsiv umgeschaltet, siehe Media-Queries unten) --- */
	--kiel-container-max-width: 1140px;  /* Boxed-Section / Container */
	--kiel-widget-spacing: 20px;         /* Vertikalabstand zwischen Widgets */

	/* --- Gutenberg-Layout (wirkt auf tägliche Blog-Beiträge; Spiegel von theme.json) --- */
	--kiel-content-size: 800px;          /* Standard-Beitragsbreite */
	--kiel-wide-size: 1200px;            /* .alignwide */
	--kiel-block-gap: 24px;              /* Standardabstand zwischen Blöcken */

	/* --- Seitentitel-Anzeige pro Template steuerbar (Front-Page setzt none) --- */
	--page-title-display: block;
}

@media (max-width: 1024px) {
	:root { --kiel-container-max-width: 1024px; }
}
@media (max-width: 767px) {
	:root { --kiel-container-max-width: 767px; }
}

/* =========================================================================
   2. Basis-Layout (globale Grundwerte; Komponenten-Feinschliff in kiel.css)
   ========================================================================= */

/* Ausgleich für den fixierten Header bei Ankersprüngen (spec-design-tokens.md §7).
   Aus dem Header-Token (--header-h: 66px Desktop / 56px Mobil, kiel.css) gespeist,
   damit native :target-Sprünge exakt so tief landen wie der JS-Smooth-Scroll. */
:target {
	scroll-margin-top: var(--header-h, 66px);
}

/* Globale Content-Breite auf Kit-Wert; GeneratePress-Default überschreiben. */
.grid-container,
.inside-article .entry-content > *:not(.alignwide):not(.alignfull),
.site-content .container {
	--kiel-fallback: 0; /* Platzhalter, verhindert leere Regel bei Minifizierung */
}

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

/* Fließtext-Grundwerte. Elementor-"Text"-Global (#FFFFFF) ist eine Invert-Farbe;
   der reguläre Body-Text auf hellem Grund nutzt --kiel-ink. */
body {
	font-family: var(--kiel-font-text);
	font-weight: 400;
	color: var(--kiel-ink);
}

/* Überschriften: Roboto 600 (Elementor Primary-Rolle). */
h1, h2, h3, h4, h5, h6,
.entry-title {
	font-family: var(--kiel-font-primary);
	font-weight: 600;
}

/* Links im Fließtext tragen die Marken-Primärfarbe. */
a {
	color: var(--kiel-primary);
}
a:hover,
a:focus {
	color: var(--kiel-accent);
}

/* Seitentitel-Anzeige per CSS-Variable steuerbar (Front-Page = none). */
h1.entry-title,
.page h1.entry-title {
	display: var(--page-title-display);
}

/* Branding-Tweaks aus dem Kit (spec-design-tokens.md §3). */
.site-header .site-branding,
.site-footer .site-branding {
	flex-direction: column;
	align-items: stretch;
}
.site-header {
	padding-inline-start: 0;
	padding-inline-end: 0;
}

/* Bilder nie über den Container hinaus. */
img {
	max-width: 100%;
	height: auto;
}