/*
 * Layout-CSS: wird auf jeder Seite geladen.
 */

/* Dekorativer Strich über h2 */
.wp-block-heading::before, .wp-block-post-title::before {
	content: "";
	display: block;
	width: 2.5rem;
	height: 0.2em;
	margin-bottom: var(--wp--preset--spacing--20);
}

/* Hilfsklassen für Strichfarbe — im Editor als "Zusätzliche CSS-Klasse" eintragen */
.accent-1::before { background-color: var(--wp--preset--color--base); }
.accent-2::before { background-color: var(--wp--preset--color--accent-2); }
.accent-3::before { background-color: var(--wp--preset--color--accent-3); }
.accent-4::before { background-color: var(--wp--preset--color--accent-4); }

/* Globaler Focus-Indikator */
:focus-visible {
	outline: 0.15em solid var(--wp--preset--color--contrast);
	outline-offset: 3px;
	border-radius: 0.1rem;
}

/* Sticky Header — über allen Inhalten */
.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
}

/* Footer — Links in Basisfarbe (Weiß), da Hintergrund dunkel */
.site-footer a,
.site-footer .wp-block-navigation-item__content {
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

.site-footer a:hover,
.site-footer .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent-3);
}

/* Site-Logo im Footer weiß färben */
.site-footer .wp-block-site-logo img {
	filter: brightness(0) invert(1);
}

/* Site-Title im Footer als Link ebenfalls weiß */
.site-footer .wp-block-site-title a {
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

.site-footer .wp-block-site-title a:hover {
	color: var(--wp--preset--color--accent-3);
}