/*
Theme Name: Peeya Thaimassage
Template: twentytwentyfive
Description: Schlankes Block-Child-Theme für Peeya Thaimassage. Keine Page-Builder, keine externen Dienste, Schriften lokal.
Version: 1.0.10
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: peeya
*/

/* ---------- Grundlagen ---------- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

:where(a):focus-visible,
:where(button, .wp-element-button):focus-visible {
	outline: 2px solid var(--wp--preset--color--gold);
	outline-offset: 3px;
}

.skip-link.screen-reader-text:focus { background: var(--wp--preset--color--base); }

/* ---------- Kopfbereich ---------- */
.wp-site-blocks > .wp-block-template-part:first-child {
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .wp-site-blocks > .wp-block-template-part:first-child { top: var(--wp-admin--admin-bar--height, 0); }
.peeya-header {
	/* Kein backdrop-filter: würde das Vollbild-Menü auf dem Handy im Kopfbereich einsperren. */
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--base);
	padding: 1.5rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 1.25rem;
	font-size: var(--wp--preset--font-size--medium);
}
.peeya-header .wp-block-site-logo img { height: auto; }

/* ---------- Ornament-Trenner ---------- */
.peeya-ornament {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-block: var(--wp--preset--spacing--40);
}
.peeya-ornament::before,
.peeya-ornament::after {
	content: "";
	height: 1px;
	width: min(18vw, 7rem);
	background: linear-gradient(90deg, transparent, var(--wp--preset--color--gold));
}
.peeya-ornament::after { transform: scaleX(-1); }
.peeya-ornament img { width: 34px; height: 34px; }

/* ---------- Kopfbild (Cover) ---------- */
.peeya-hero .wp-block-cover__inner-container { max-width: 44rem; }
.peeya-kicker {
	text-transform: uppercase;
	letter-spacing: .28em;
	font-size: var(--wp--preset--font-size--x-small);
}

/* ---------- Karten ---------- */
.peeya-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 4px;
	overflow: hidden;
	height: 100%;
}
.peeya-card .wp-block-image { margin: 0; }
.peeya-card .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.peeya-card__body { padding: var(--wp--preset--spacing--40); }

/* ---------- Preislisten ---------- */
.peeya-prices { list-style: none; padding: 0; margin: 0; }
.peeya-prices li {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: .45rem 0;
	border-bottom: 1px dotted var(--wp--preset--color--line);
}
.peeya-prices li:last-child { border-bottom: 0; }
.peeya-prices strong { color: var(--wp--preset--color--brown); font-weight: 600; white-space: nowrap; }

/* ---------- Hinweisbox ---------- */
.peeya-note {
	border-left: 3px solid var(--wp--preset--color--gold);
	background: var(--wp--preset--color--surface);
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}

/* ---------- Galerie ---------- */
.peeya-gallery.wp-block-gallery img { border-radius: 3px; }

/* ---------- Fußbereich ---------- */
.peeya-footer a { color: inherit; }
.peeya-footer a:hover { color: var(--wp--preset--color--gold-light); }

/* ---------- Kopfbereich auf Tablet-Breite ---------- */
.peeya-call .wp-block-button__link { white-space: nowrap; }
.peeya-header .wp-block-navigation__container { flex-wrap: nowrap; }
.peeya-header .wp-block-navigation-item__content { white-space: nowrap; }
@media (min-width: 600px) and (max-width: 1080px) {
	.peeya-header .wp-block-navigation__container { gap: 1rem !important; }
	.peeya-header .wp-block-navigation { letter-spacing: .03em; font-size: .8125rem; }
	/* Das Logo führt ohnehin zur Startseite. */
	.peeya-header .wp-block-navigation-item:first-child { display: none; }
}

/* Thai-Schrift: Systemschrift verwenden (Cormorant/Jost enthalten keine Thai-Zeichen). */
[lang="th"] { font-family: "Sukhumvit Set", "Thonburi", "Leelawadee UI", "Noto Sans Thai", sans-serif; letter-spacing: 0; text-transform: none; }
.peeya-kicker [lang="th"] { font-size: 1.6em; vertical-align: -0.12em; margin-right: .15em; }

/* Auf schmalen Handys scrollt die WordPress-Admin-Leiste mit – dann den Kopf ganz oben andocken. */
@media (max-width: 600px) {
	.admin-bar .wp-site-blocks > .wp-block-template-part:first-child { top: 0; }
}

/* ---------- Kennzeichnung KI-Symbolbild ---------- */
.peeya-symbolbild { position: relative; }
.peeya-symbolbild::after {
	content: "KI-Symbolbild";
	position: absolute;
	right: .4rem;
	bottom: .35rem;
	color: rgba(255, 253, 249, .78);
	text-shadow: 0 0 3px rgba(0, 0, 0, .45);
	font-family: var(--wp--preset--font-family--body);
	font-size: .5625rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .04em;
	pointer-events: none;
}