/*
Theme Name: KH Stiftung
Theme URI: https://khstiftung.local/
Description: Block-Theme der KH Stiftung mit wiederverwendbaren Patterns und Custom Blocks.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 8.1
Text Domain: khstiftung
Author: KH Stiftung
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* === Globale Design-Tokens ============================================ */
:root {
	--khs-radius: 1rem;          /* 16px – Standard-Rundung für Haupt-Blöcke (z. B. Sections) */
	--khs-card-radius: 1rem;     /* 16px – Rundung für Inhalt-Karten innerhalb von Sections */
	--khs-page-gap: 1rem;        /* 16px – Außenabstand "Card"-artiger Blöcke */
	--khs-card-gap: 1rem;        /* 16px – Abstand zwischen Karten innerhalb einer Section */
	--khs-block-padding: 2rem;   /* 32px – Innenabstand der Haupt-Blöcke (Hero, Section, …) */
	--khs-header-height: 80px;   /* Höhe des Site-Headers, pro Theme anpassbar */
	--khs-light: #F4F2EF;        /* Helle Schrift- und Linienfarbe auf dunklen/Bild-Hintergründen */
	--khs-dark:  #161616;        /* Dunkler Text/Hintergrund auf hellem Hintergrund */
	--khs-stone: #5F5D54;        /* Mittel-dunkler Sektions-Hintergrund (Olivgrau) */
	--khs-sand:  #B8B6A5;        /* Sand-Fläche (entspricht theme.json „sand") */
	--khs-white: #ffffff;        /* Weiß (entspricht theme.json „background") */
}

/* === Theme-Konvention: alignfull respektiert das globale Padding =======
   Die meisten Blöcke sollen 16px Sand-Rand zum Viewport behalten. WP-Core
   setzt für .alignfull negative margin-left/right, damit Blöcke bündig am
   Viewport-Rand sitzen – das überschreiben wir.
   Ausnahme: Blöcke, die wirklich von Edge zu Edge gehen sollen, bekommen
   zusätzlich die Klasse .khs-bleed. */
.has-global-padding > .alignfull:not(.khs-bleed),
.has-global-padding :where(:not(.alignfull)) > .alignfull:not(.khs-bleed) {
	margin-left: 0;
	margin-right: 0;
}

/* === Sprachauswahl im Header (Platzhalter bis Multilang-Plugin steht) === */
.khs-language-switcher {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-family: var(--wp--preset--font-family--primary, inherit);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.khs-language-switcher__item {
	color: var(--wp--preset--color--foreground, #1a1a1a);
	text-decoration: none;
	padding: 0.25rem 0.5rem;
	border-radius: 999px;
	transition: color 0.15s ease;
}

.khs-language-switcher__item.is-active,
.khs-language-switcher__item:hover,
.khs-language-switcher__item:focus-visible {
	color: var(--wp--preset--color--accent, #e85929);
}