/**
 * Theme Name: danceradio-NRW
 * Description: Child-Theme für ProRadio im Stil der Demo „plus06“ – danceradio-NRW · Hit Music only
 * Author: danceradio-NRW
 * Template: proradio
 * Version: 1.1.0
 * Text Domain: danceradio-nrw
 */

/* ===== Farben & Formen im plus06-Stil ===== */
:root, html {
	--dr-navy: #000c2a;
	--dr-navy-2: #001a5c;
	--dr-blue: #0047ff;
	--dr-blue-dark: #0033c4;
	--dr-violet: #3a0ca3;
	--dr-light: #8aa8ff;
	--dr-white: #ffffff;
	--dr-radius: 28px;

	--proradio-container-max-width: 1170px;
	--proradio-accent: var(--dr-blue);
	--proradio-accent-hov: var(--dr-blue-dark);
	--proradio-colors-paper: var(--dr-navy);
	--proradio-colors-ink: #dfe6ff;
	--proradio-item-radius: var(--dr-radius);
	--proradio-card-border-radius: var(--dr-radius);
	--proradio-btn-radius: 999px;
	--proradio-btn-bg-one: var(--dr-blue);
	--proradio-btn-bg-one-h: var(--dr-blue-dark);
	--proradio-btn-bg-two: var(--dr-blue);
	--proradio-btn-text-color--default: var(--dr-white);
	--proradio-header-grad-one: var(--dr-blue);
	--proradio-header-grad-two: var(--dr-violet);
	--proradio-input-background: var(--dr-navy-2);
	--proradio-input-text: var(--dr-white);
	--proradio-input-border: 2px solid var(--dr-blue);
	--proradio-input-border-radius: 999px;
	--proradio-card-shadow: none;
	--proradio-hover-img-scale-hov: 1.08;
}

/* ===== Schrift: kursive Display-Überschriften, klare Fließtexte ===== */
body { font-family: 'Barlow', sans-serif; background-color: var(--dr-navy); }
h1, h2, h3, h4, h5, h6,
.proradio-caption, .proradio-section-caption {
	font-family: 'DM Serif Display', serif;
	font-style: italic;
	letter-spacing: -0.01em;
}
h1, .proradio-section-caption--xxl { line-height: 0.95; }

/* ===== Menüleiste als schwebende weiße Kapsel ===== */
.proradio-menubar,
.proradio-headerbar__content {
	border-radius: var(--dr-radius);
}
.proradio-menubar a {
	font-style: italic;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* ===== Buttons: Pillen ===== */
.proradio-btn, .proradio-btn-primary, button, input[type="submit"] {
	border-radius: 999px !important;
	font-style: italic;
	font-weight: 700;
	text-transform: uppercase;
}

/* ===== Kleine Labels wie „NOW PLAYING / ON AIR“ ===== */
.proradio-tags a, .proradio-caption__s, .danceradio-badge {
	display: inline-block;
	background: var(--dr-blue);
	color: var(--dr-white);
	border-radius: 999px;
	padding: 0.15em 0.8em;
	font-style: italic;
	font-weight: 700;
	text-transform: uppercase;
}

/* ===== Karten & Bilder abgerundet ===== */
.proradio-post, .proradio-card, .proradio-section img, .wp-block-image img {
	border-radius: var(--dr-radius);
	overflow: hidden;
}

/* ===== Hilfsklassen für eigene Blöcke (Klasse im Editor unter „Erweitert“ eintragen) ===== */
.danceradio-claim { font-weight: 700; letter-spacing: .15em; text-transform: uppercase; font-size: .75em; color: var(--dr-light); }
.danceradio-hero-title { font-family: 'DM Serif Display', serif; font-style: italic; font-size: clamp(3rem, 9vw, 8rem); line-height: .95; color: var(--dr-white); margin: 0; }
.danceradio-hero-sub { color: var(--dr-blue); font-size: clamp(1.2rem, 2.4vw, 2rem); font-family: 'DM Serif Display', serif; margin: .2em 0 0; }
.danceradio-blob {
	aspect-ratio: 3 / 4; border-radius: 50% / 40%;
	background: linear-gradient(160deg, var(--dr-blue), var(--dr-violet));
	display: flex; align-items: center; justify-content: center;
}
.danceradio-panel { background: var(--dr-navy-2); border-radius: var(--dr-radius); padding: 1.5rem; }
.danceradio-curve { background: var(--dr-navy); border-bottom-right-radius: 220px; }