/*
Theme Name: GuideHub
Theme URI: https://guidehub.ch
Author: Twister Informatics GmbH
Author URI: https://guidehub.ch
Description: Eigenständiges, schlankes Theme für die GuideHub-Plattform. Ersetzt Hello Elementor: bewusst minimal gehalten, damit Elementor (inkl. Theme Builder für Kopf-/Fusszeile) die Gestaltung übernimmt. Bringt zusätzlich die Seitenvorlage „GuideHub – App-Ansicht (Vollbild)" mit und kann deren Navigation aus einem WordPress-Menü aufbauen.
Version: 4.44.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: guidehub
Tags: elementor, full-width-template, custom-menu, custom-logo, translation-ready
*/

/* Bewusst minimal - die Gestaltung kommt aus Elementor. Hier steht nur, was ohne
   Elementor sonst gar nicht dargestellt wuerde (Rueckfallebene). */

/* KEINE eigenen Farbwerte mehr.
   Die Werte kommen aus dem Gestaltungsraster des Plugins (ghc_design_tokens),
   das sie sehr frueh als --gh-* bereitstellt. Wuerde das Theme sie hier erneut
   setzen, hielte es still dagegen, sobald das Raster ueber den Filter umgefaerbt
   wird - White-Label waere damit halb wirkungslos.
   Die Rueckfallwerte in den Regeln unten sorgen dafuer, dass das Theme auch ohne
   aktives Plugin korrekt aussieht. */

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
	margin: 0;
	background: #fff;
	color: var(--gh-ink,#1a1a1a);
	font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	line-height: 1.6;
}

img, video { max-width: 100%; height: auto; }

a { color: var(--gh-amber,#f59e0b); }

.gh-site-main { width: 100%; }

/* Rueckfall-Kopf-/Fusszeile: erscheint nur, wenn KEINE Elementor-Vorlage fuer
   Kopf-/Fusszeile hinterlegt ist - sonst uebernimmt der Elementor Theme Builder. */
.gh-fallback-header,
.gh-fallback-footer {
	padding: 16px 24px;
	border-bottom: 1px solid var(--gh-line,#ece8e1);
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}
.gh-fallback-footer {
	border-bottom: 0;
	border-top: 1px solid var(--gh-line,#ece8e1);
	color: var(--gh-muted,#57534e);
	font-size: 14px;
}
.gh-fallback-header__brand {
	font-weight: 800;
	font-size: 18px;
	text-decoration: none;
	color: var(--gh-ink,#1a1a1a);
}
.gh-fallback-header nav ul {
	list-style: none;
	display: flex;
	gap: 18px;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}
.gh-fallback-header nav a {
	text-decoration: none;
	color: var(--gh-ink,#1a1a1a);
	font-weight: 600;
	font-size: 15px;
}
.gh-fallback-header nav a:hover { color: var(--gh-amber,#f59e0b); }

/* Barrierefreiheit: Sprunglink, sichtbar nur bei Tastaturbedienung. */
.gh-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--gh-ink,#1a1a1a);
	color: #fff;
	padding: 10px 16px;
	z-index: 100000;
}
.gh-skip-link:focus { left: 0; }

.gh-entry { padding: 24px; }
.gh-entry__title { margin-top: 0; }
.gh-pagination { padding: 0 24px 32px; display: flex; gap: 10px; flex-wrap: wrap; }