/*
Theme Name: Roadie Therapy
Author: Roadie Therapy
Description: Block-Theme für Roadie Therapy – Humor für die Crew. Dunkler Look mit Signalgelb, lokale Schriften (Oswald, IBM Plex), Startseite mit Design-Galerie und Shop-Links.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roadie-therapy
Tags: block-theme, full-site-editing, dark, one-column
*/

/* Kleine Ergänzungen zu theme.json */

.rt-label {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: 0.8125rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.rt-tape {
	display: inline-block;
	width: 2.25rem;
	height: 0.4rem;
	background: var(--wp--preset--color--accent);
	vertical-align: middle;
	margin-right: 0.75rem;
}

.rt-card img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 2px;
}

.rt-card figcaption {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: 0.875rem;
	color: var(--wp--preset--color--muted);
	margin-top: 0.75rem;
	text-align: left;
}

.rt-warning {
	padding: 6px;
	background: repeating-linear-gradient(-45deg, var(--wp--preset--color--accent) 0 12px, transparent 12px 24px);
}

.rt-warning > .wp-block-group {
	background: var(--wp--preset--color--base);
}

.wp-block-site-logo img {
	height: auto;
}

/* Handy: kompakter Kopfbereich, kleineres Symbol */
@media (max-width: 600px) {
	.rt-nav-link {
		display: none;
	}

	.rt-nav {
		gap: 1rem !important;
	}

	.rt-hero-art {
		max-width: 180px;
	}
}

/* Sichtbarer Fokus für Tastaturnutzer */
a:focus-visible,
.wp-element-button:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}