/*
Theme Name:   Hertrampf Racing Child
Theme URI:    https://hertrampfracing.de/
Description:  Child-Theme für hertrampfracing.de auf Basis von Hello Elementor. Enthält nur globale Basis-Regeln, die Elementor V4 nicht abdeckt, und neutralisiert Hello-Defaults (#CC3366). Design-Tokens leben ausschließlich in den globalen Elementor-Variablen – hier nur per var() referenziert, Hex-Werte sind Fallbacks.
Author:       Stefan
Template:     hello-elementor
Version:      1.2.0
Requires PHP: 7.4
Text Domain:  hertrampf-racing-child
*/

/* 0 · Schriften lokal (DSGVO): identisch zur .nl – Saira Condensed 600/700, Inter 400/600/700.
   Quelle: Google Fonts via Fontsource 5.3.0, Subset latin (inkl. äöüß € „“ –), Lizenz OFL-1.1 (fonts/LICENSE-*).
   Namen identisch zu Google, damit Elementor-V4-Font-Variablen und Default-Styles ohne Änderung greifen.
   Elementors Google-Ausgabe ist in functions.php abgeschaltet. */
@font-face { font-family: "Saira Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/saira-condensed-600.woff2") format("woff2"); }
@font-face { font-family: "Saira Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/saira-condensed-700.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/inter-700.woff2") format("woff2"); }

/* 1 · Seitengrund: kein weißes Aufblitzen, dunkle Browser-UI (Scrollbar, native Formular-Controls) */
:root { color-scheme: dark; }
html, body {
	background-color: var(--color-bg, #0B0B0C);
	color: var(--color-text-dim, #B4B4BC);
}

/* 2 · Hello-Reset neutralisieren: Hello färbt alle Links und <button> in #CC3366.
   Gleiche Spezifität wie Hello, gewinnt durch spätere Ladereihenfolge.
   Atomic-Elemente (Klassen, .e-paragraph-link-base) und V3-Widget-Styles sind spezifischer und bleiben unberührt. */
a { color: var(--color-primary-light, #FF3B47); }
a:hover, a:active { color: var(--color-white, #FFFFFF); }

button, [type="button"], [type="submit"], [type="reset"] {
	border-color: var(--color-border-strong, rgba(255, 255, 255, 0.2));
	color: var(--color-white, #FFFFFF);
}
button:hover, button:focus,
[type="button"]:hover, [type="button"]:focus,
[type="submit"]:hover, [type="submit"]:focus,
[type="reset"]:hover, [type="reset"]:focus {
	background-color: var(--color-primary-dark, #B30510);
	border-color: var(--color-primary-dark, #B30510);
	color: var(--color-white, #FFFFFF);
}

/* 3 · Textauswahl in Markenfarbe */
::selection {
	background-color: var(--color-primary, #E30613);
	color: #FFFFFF;
}

/* 4 · Sichtbarer Fokus für Tastatur-Nutzer (Lücke A4).
   Nur :focus-visible. tabindex="-1" ausgenommen (programmatischer Fokus, z. B. Skip-Link-Ziel).
   !important, weil Hello/Plugins teils outline:none setzen. */
:where(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
	outline: 2px solid var(--color-primary-light, #FF3B47) !important;
	outline-offset: 2px !important;
}

/* 5 · Links im WordPress-Inhalt unterstreichen (Lücke A3).
   Hello umschließt the_content() mit .page-content (geprüft: template-parts/single.php, live 13.11.). */
/* Nur Links IM Fließtext (p, li, td, dd, blockquote) – Titel-Links in Archiven bleiben ohne Unterstrich. */
:is(.page-content, .elementor-widget-theme-post-content, .elementor-widget-text-editor) :is(p, li, td, dd, blockquote) a:not([class]) {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color 0.2s;
}

/* 6 · Reduzierte Bewegung respektieren (Lücke B8) */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}