/*
Theme Name: Wildcard-Rock
Theme URI: https://example.com/wildcard-rock
Author: Wildcard Rock
Description: Krachiges Block-Theme (FSE) für eine Rockband mit rockenden Hühnern als Maskottchen. Warmes Bühnenschwarz, Küken-Gelb und Kamm-Rot. Spielt perfekt zusammen mit dem Plugin „Band Manager" (Programm, Musiker, Termine, Gig-Galerie).
Version: 1.0.0
Requires at least: 6.2
Tested up to: 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: wildcard-rock
Tags: full-site-editing, block-patterns, music, one-column, custom-colors, editor-style
*/

/* Das meiste Styling kommt aus theme.json. Hier nur Signatur-Details,
   die sich in reinem theme.json schlecht ausdrücken lassen. */

:root {
	--wcr-noise: 0deg;
}

/* Site-Title mit Kamm-Akzent */
.wp-block-site-title a {
	color: inherit;
}

/* „Poster"-Optik: Überschriften leicht angeschnitten und eng */
h1, h2, h3,
.wp-block-heading {
	overflow-wrap: break-word;
}

/* Bühnen-Header dunkel */
.wcr-stage {
	background: var(--wp--preset--gradient--buehnenlicht);
	color: var(--wp--preset--color--eierschale);
}
/* Textlinks im dunklen Bereich gelb – Buttons aber ausnehmen,
   sonst wäre der Button-Text gelb auf gelbem Grund. */
.wcr-stage a:not(.wp-element-button):not(.wp-block-button__link) {
	color: var(--wp--preset--color--kueken);
}

/* Signatur: gezackte „Kamm"-Trennlinie */
.wcr-comb-divider {
	height: 16px;
	border: 0;
	background:
		linear-gradient(135deg, var(--wp--preset--color--kamm) 25%, transparent 25%) -10px 0/20px 16px repeat-x,
		linear-gradient(225deg, var(--wp--preset--color--kamm) 25%, transparent 25%) -10px 0/20px 16px repeat-x;
	margin: 0;
}

/* Maskottchen schwebt leicht */
@media (prefers-reduced-motion: no-preference) {
	.wcr-mascot img {
		animation: wcr-bob 3.2s ease-in-out infinite;
		transform-origin: bottom center;
	}
	@keyframes wcr-bob {
		0%, 100% { transform: translateY(0) rotate(-1.5deg); }
		50% { transform: translateY(-12px) rotate(1.5deg); }
	}
}

/* Buttons bekommen einen kleinen „Kick" beim Hover */
.wp-block-button__link {
	transition: transform .12s ease, background-color .12s ease, color .12s ease;
}
.wp-block-button__link:hover {
	transform: translateY(-2px) rotate(-1deg);
}

/* Fokus-Sichtbarkeit fürs ganze Theme */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--kamm);
	outline-offset: 3px;
}

/* Eyebrow-Label im Mono-Font */
.wcr-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	text-transform: uppercase;
	letter-spacing: .22em;
	font-size: .8rem;
	color: var(--wp--preset--color--kamm);
}
.wcr-stage .wcr-eyebrow { color: var(--wp--preset--color--kueken); }