/*
Theme Name: Haarzauber Editorial
Theme URI: https://friseur-pankow.de
Author: Florian (mit Claude erstellt)
Description: Individuelles Block-Theme für Salon Haarzauber & Haartraum – Editorial-Stil mit Akzentfarbe Korallrot. Basierend auf der abgestimmten Design-Vorschau.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
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: haarzauber-editorial
*/

/* Kleine Zusatzklassen für Dekorelemente.
   Anwendung: Block markieren → rechtes Seitenpanel → "Erweitert" → "Zusätzliche CSS-Klasse(n)" → Klassenname eintragen. */

.hz-badge {
	display: inline-block;
	background: var(--wp--preset--color--accent);
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 5px 12px;
	border-radius: 999px;
}

.hz-dot {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	display: inline-block;
}

.hz-photo-placeholder {
	background: var(--wp--preset--color--tint);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 60px 24px;
}

.hz-photo-placeholder p {
	color: var(--wp--preset--color--muted);
	font-style: italic;
	margin: 0;
}

.hz-heading-underline {
	width: 40px;
	height: 3px;
	background: var(--wp--preset--color--accent);
	margin: 14px auto 0;
}

.hz-avatar {
	width: 88px;
	height: 88px;
	min-width: 88px;
	border-radius: 999px;
	background: var(--wp--preset--color--tint);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hz-avatar span {
	color: var(--wp--preset--color--muted);
	font-size: 11px;
	font-style: italic;
}

.hz-icon {
	display: block;
}