/*
Theme Name: Heilmassage Grimschitz
Template: twentytwentyfive
Description: Kind-Theme von Twenty Twenty-Five für heilmassage-jg.at
Version: 1.0.5
Requires at least: 6.7
Text Domain: heilmassage
*/

/* Hinweis-Band ganz oben (z. B. Aufnahmestopp, Urlaub) */
.hm-hinweis {
	background: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--contrast);
	text-align: center;
	font-size: 0.95rem;
	padding: 0.6rem 1.25rem;
}
.hm-hinweis p { margin: 0; }
.hm-hinweis p:empty { display: none; }

/* Kopfbereich: bleibt beim Scrollen sichtbar (sticky am Template-Part-Wrapper,
   da dieser direkt in .wp-site-blocks liegt und so die ganze Seitenhöhe zur Verfügung hat) */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
}
.hm-kopf {
	background: var(--wp--preset--color--base);
	box-shadow: 0 1px 0 rgba(11, 84, 80, 0.12);
	padding: 0.75rem var(--wp--style--root--padding-right, 1.25rem) 0.75rem var(--wp--style--root--padding-left, 1.25rem);
}
.hm-kopf .wp-block-site-title { font-family: var(--wp--preset--font-family--literata); font-size: 1.2rem; font-weight: 500; line-height: 1.2; }
.hm-kopf .wp-block-site-title a { color: var(--wp--preset--color--accent-1); text-decoration: none; }
.hm-kopf .wp-block-site-tagline { font-size: 0.8rem; color: var(--wp--preset--color--accent-4); margin: 0; }
.hm-kopf .wp-block-navigation { font-size: 0.95rem; font-weight: 600; }
.hm-kopf .wp-block-navigation a:hover { color: var(--wp--preset--color--accent-1); }
.hm-kopf .wp-block-button__link { padding: 0.55rem 1.1rem; font-size: 0.9rem; white-space: nowrap; }
@media (max-width: 781px) {
	.hm-kopf .hm-kopf-anruf, .hm-kopf .wp-block-site-tagline { display: none; }
	.hm-kopf .wp-block-site-logo img { width: 48px !important; }
}

/* Handy-Menü (Overlay) */
.wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.5rem 1.5rem 2rem;
	background: var(--wp--preset--color--base-2) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-start !important;
	padding-top: 2.5rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: flex-start !important;
	gap: 1.1rem;
	font-size: 1.3rem;
	font-family: var(--wp--preset--font-family--literata);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { align-items: flex-start !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: var(--wp--preset--color--accent-1); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	font-family: var(--wp--preset--font-family--manrope);
	font-size: 1.05rem;
	padding-left: 1rem !important;
	gap: 0.6rem;
	align-items: flex-start !important;
}

/* Seitentitel-Band */
.hm-titelband { background: var(--wp--preset--color--base-2); }

/* Karten für Behandlungen */
.hm-karte {
	background: var(--wp--preset--color--base);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 6px 24px rgba(11, 84, 80, 0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
	gap: 0;
	height: 100%;
}
.hm-karte:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(11, 84, 80, 0.14); }
.hm-karte > .wp-block-image { margin: 0; }
.hm-karte > .wp-block-image img { width: 100%; display: block; }
.hm-karte > :not(.wp-block-image) { margin: 0; padding: 0 1.4rem; }
.hm-karte > .wp-block-heading { padding-top: 1.2rem; font-size: 1.35rem; }
.hm-karte > .wp-block-heading a { text-decoration: none; color: var(--wp--preset--color--accent-1); }
.hm-karte > .wp-block-heading a::after { content: " →"; }
.hm-karte > p { padding-top: 0.6rem; }
.hm-karte > p.hm-karte-meta { margin-top: auto; padding-top: 1rem; padding-bottom: 1.4rem; font-weight: 600; color: var(--wp--preset--color--accent-1); font-size: 0.95rem; }

/* Info-Kasten auf den Behandlungsseiten */
.hm-info {
	background: var(--wp--preset--color--base-2);
	border-left: 4px solid var(--wp--preset--color--accent-2);
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
}
.hm-info > :first-child { margin-top: 0; }
.hm-info .wp-block-heading { font-size: 1.35rem; }

/* Lageplan (transparentes Bild) braucht hellen Grund */
.wp-block-image img.wp-image-498 { background: #fff; padding: 0.5rem; }

/* Abgerundete Bilder */
.hm-rund img { border-radius: 18px; }

/* Preistabelle */
.hm-preise table { border-collapse: collapse; width: 100%; }
.hm-preise th, .hm-preise td { border: 0; border-bottom: 1px solid var(--wp--preset--color--accent-3); padding: 0.85rem 0.5rem; text-align: left; vertical-align: top; }
.hm-preise td:last-child, .hm-preise th:last-child { text-align: right; white-space: nowrap; font-weight: 600; color: var(--wp--preset--color--accent-1); }
.hm-preise thead { border-bottom: 2px solid var(--wp--preset--color--accent-2); }
.hm-preise thead th { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--wp--preset--color--accent-4); }

/* Dunkler Kontaktbereich */
.hm-dunkel a:not(.wp-block-button__link) { color: var(--wp--preset--color--base); }
.hm-dunkel .wp-block-heading { color: var(--wp--preset--color--base); }

/* Gefüllte Buttons auf dunklem Grund: weiß mit Petrol-Schrift */
.hm-dunkel .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--accent-1);
}
.hm-dunkel .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background: var(--wp--preset--color--accent-3);
}

/* Fußbereich */
.hm-fuss a { color: inherit; }
.hm-fuss .wp-block-heading { font-size: 1.05rem; }

/* NUR TESTSEITE: Stellen, die Julia prüfen soll */
.hm-pruefen {
	background: #fff4bf;
	color: #3d2e00 !important;
	outline: 2px dashed #b58a00;
	outline-offset: 2px;
}