/*
Theme Name: TGSZ
Theme URI: https://tgsz.de/
Description: Auftritt der Theatergruppe Salzgitter-Bad e.V. — Vereinsfarben, Archivo und die Typografie des Vereins-Baukastens. Child-Theme von Twenty Twenty-Five.
Author: Theatergruppe Salzgitter-Bad e.V.
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tgsz
*/

/* Feinheiten, die theme.json nicht abdeckt. */

/* Überschriften enger setzen, wie im Baukasten. */
.wp-block-post-title,
h1.wp-block-heading,
h2.wp-block-heading {
	letter-spacing: -0.03em;
	text-wrap: balance;
}

/* Knöpfe: eckig, kräftig, ohne Schnörkel. */
.wp-block-button__link {
	letter-spacing: 0;
	transition: background-color 0.2s ease;
}

/* Sichtbarer Tastaturfokus überall. */
:where(a, button, input, select, textarea, .wp-block-button__link):focus-visible {
	outline: 3px solid var(--wp--preset--color--cyan);
	outline-offset: 3px;
}

/* Auf dunklen Flächen wird der Fokus sonst unsichtbar. */
.has-nacht-background-color :where(a, button):focus-visible,
.has-marine-background-color :where(a, button):focus-visible {
	outline-color: var(--wp--preset--color--creme);
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-button__link {
		transition: none;
	}
}

/* Kopfbereich: Navigation ruhig, aktive Seite in Vereinsblau. */
.wp-block-navigation .wp-block-navigation-item__content {
	font-weight: 600;
}

.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--blau);
	font-weight: 700;
	box-shadow: inset 0 -3px 0 0 var(--wp--preset--color--blau);
}

/* Der Karten-Knopf im Kopfbereich soll nicht mitwachsen. */
.wp-block-template-part .wp-block-button__link {
	white-space: nowrap;
}

/* Fußzeile: Links ohne Unterstrich, erst beim Überfahren. */
.wp-block-template-part .has-nacht-background-color a {
	text-decoration: none;
}

.wp-block-template-part .has-nacht-background-color a:hover,
.wp-block-template-part .has-nacht-background-color a:focus-visible {
	text-decoration: underline;
}