/*
Theme Name: Festival Muse
Theme URI: https://festivalmuse.net
Author: Festival Muse (Katha & Christoph)
Description: Eigenes Block-Theme für Festival Muse – kreativ leben mit Familie. Farbwelt „Festival-Nacht, edel“ mit Mitternachtsblau-Akzenten, Überschriften in DM Serif Display, Text in Figtree. Alle Seiten lassen sich unter Design → Editor bearbeiten.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: festival-muse
*/

/* Maßband-Streifen ganz oben */
body::before {
	content: "";
	display: block;
	height: 18px;
	background-color: var(--wp--preset--color--champagner);
	background-image:
		repeating-linear-gradient(90deg, var(--wp--preset--color--tinte) 0 1px, transparent 1px 10px),
		repeating-linear-gradient(90deg, var(--wp--preset--color--tinte) 0 1px, transparent 1px 50px);
	background-size: 100% 6px, 100% 11px;
	background-repeat: no-repeat;
}
.editor-styles-wrapper::before { display: none; }

a:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--beere-dunkel); }

/* Buttons: Kontur-Stil */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 2px solid currentColor;
	color: var(--wp--preset--color--tinte);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--tinte);
	color: var(--wp--preset--color--leinen);
	border-color: var(--wp--preset--color--tinte);
}
.wp-element-button:hover, .wp-block-button__link:hover { background-color: #2E3560; }

/* Gold-Button auf dunklem Grund */
.fm-dunkel .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--wp--preset--color--champagner);
	color: var(--wp--preset--color--tinte);
}
.fm-dunkel .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background: #D4B887; }

/* Überzeile */
.fm-kicker {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--beere);
}
.fm-dunkel .fm-kicker { color: var(--wp--preset--color--champagner); }

/* Handschrift */
.fm-hand {
	font-family: var(--wp--preset--font-family--caveat);
	color: var(--wp--preset--color--gold-text);
}

/* Kopfzeile */
.fm-logo .wp-block-site-title { margin: 0; }
.fm-logo .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--tinte); }

/* Dunkle Flächen */
.fm-dunkel { color: var(--wp--preset--color--hell); }
.fm-dunkel :where(h1, h2, h3, h4) { color: var(--wp--preset--color--leinen); }
.fm-dunkel a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--hell); }
.fm-dunkel a:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--champagner); }
.fm-leiste h3 { color: var(--wp--preset--color--champagner) !important; }

/* Naht-Linie */
.fm-naht { border-top: 1px solid var(--wp--preset--color--champagner); }

/* Karten und Bilder */
.fm-karte img, .wp-block-post-featured-image img, .fm-bild img { border-radius: 4px; }
.wp-block-post-title a { text-decoration: none; }
.wp-block-post-title a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.wp-block-post-terms a { text-decoration: none; }
.fm-pfeil a { font-weight: 600; text-decoration: none; }
.fm-pfeil a::after { content: " →"; }

/* Freebie-Box */
.fm-freebie {
	background: #fff;
	border: 1px solid var(--wp--preset--color--flieder);
	box-shadow: 8px 8px 0 var(--wp--preset--color--flieder);
}

/* Tipp-Box im Artikel */
.fm-tipp {
	background: var(--wp--preset--color--flieder-hell);
	border-left: 4px solid var(--wp--preset--color--champagner);
}

/* Schräge Notiz am Einstiegsbild */
.fm-notiz {
	display: inline-block;
	transform: rotate(-3deg);
	background: var(--wp--preset--color--leinen);
	border: 1.5px solid var(--wp--preset--color--tinte);
	color: var(--wp--preset--color--tinte);
	line-height: 1.2;
	padding: 8px 18px;
	margin-top: -28px !important;
	position: relative;
}

@media (max-width: 781px) {
	.fm-freebie { box-shadow: 4px 4px 0 var(--wp--preset--color--flieder); }
}