/*
Theme Name:  Smartartist
Theme URI:   https://smartist-academy.de/
Author:      Smartist Academy
Description: Block-Theme für die Künstlerseiten der Smartist Academy. Ersetzt die
             Kombination aus OceanWP/Hello Elementor + Elementor Pro durch WordPress-Core
             mit Block-Patterns und einer Style-Variation je Künstlerin bzw. Künstler.
Version:     0.1.0
Update URI: https://updates.webinx.eu/smartartist-theme
Requires at least: 6.5
Tested up to:      7.1
Requires PHP:      8.2
Text Domain: smartartist
License:     GPL-2.0-or-later
*/

/*
 * Links in Abschnitten mit eigener Textfarbe.
 *
 * theme.json setzt die Linkfarbe global auf die Primärfarbe. In dunklen
 * Abschnitten — etwa der Fußzeile mit Dunkelblau auf Schwarz — ergibt das
 * einen Kontrast von 1,36:1 und damit unlesbare Links. Wo ein Abschnitt seine
 * Textfarbe selbst bestimmt, folgen die Links ihr und bleiben durch die
 * Unterstreichung als Links erkennbar.
 */
.has-text-color a:where(:not(.wp-element-button)):where(:not(.wp-block-button__link)) {
	color: currentColor;
}

/*
 * Kopfzeile: Menü, Logo und Social-Icons in einer Zeile.
 *
 * Mit vier Menüpunkten brach das vorherige Spaltenraster auf drei Zeilen um.
 * Unterhalb der Tablet-Breite übernimmt das Overlay-Menü des Navigationsblocks.
 */
.wp-block-template-part > header .wp-block-navigation__container {
	flex-wrap: nowrap;
	white-space: nowrap;
}

@media (max-width: 781px) {
	.wp-block-template-part > header > .wp-block-group {
		flex-wrap: wrap;
		justify-content: center;
	}
}

/*
 * Links: Textfarbe geerbt, Unterstreichung in der Markenfarbe.
 *
 * Die Primärfarbe fest als Linkfarbe zu setzen funktioniert nur bei dunklen
 * Marken. Gemessen über alle 18 Paletten fallen fünf durch — Kunztlusts Grün
 * (#99D810) kommt auf Weiß auf 1,72:1 statt der nötigen 4,5:1, Graziellas Gelb
 * sogar auf 1,33:1. So bleibt die Marke sichtbar, ohne die Lesbarkeit zu opfern.
 */
a:where(:not(.wp-element-button)):where(:not(.wp-block-button__link)):where(:not(.wp-block-navigation-item__content)) {
	text-decoration-color: var(--wp--preset--color--primary);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

a:where(:not(.wp-element-button)):where(:not(.wp-block-button__link)):hover {
	text-decoration-color: currentColor;
}