/*
Theme Name: Haarzauber Editorial
Theme URI: https://friseur-pankow.de
Author: Florian (mit Claude erstellt)
Description: Eigenständiges Block-Theme für den Salon Haartraum (Berlin-Pankow). Onepager mit Hero, Leistungen, Preisliste, Salon, Google-Bewertungen, Kontaktformular und Social-Media-Links – Editorial-Stil mit Akzentfarbe Salbeigrün. Alle Inhalte, Bilder und Schriften sind im Theme enthalten, sodass die Startseite direkt nach der Aktivierung vollständig erscheint.
Version: 2.3.2
Requires at least: 6.5
Tested up to: 7.1
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
Tags: one-column, block-patterns, full-site-editing, custom-colors, editor-style, wide-blocks
*/

/* 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;
}
