/*
Theme Name: Layenhof Ateliers
Description: Schlichtes, responsives Child-Theme auf Basis von Twenty Twenty-Five für layenhof-ateliers.de.
Template: twentytwentyfive
Version: 1.1.6
Author: Michael Dörr
Text Domain: layenhof-theme
Requires at least: 6.7
Requires PHP: 7.4
*/

/* Kopfbereich */
.lh-header {
	border-bottom: 1px solid var(--wp--preset--color--accent-2);
}
.lh-header .wp-block-site-title a {
	text-decoration: none;
}
.lh-header .wp-block-navigation {
	gap: 0.5rem 1.75rem;
}
.lh-header .wp-block-navigation .wp-block-navigation-item__content {
	padding: 0.25rem 0;
	border-bottom: 2px solid transparent;
}
.lh-header .wp-block-navigation .wp-block-navigation-item__content:hover,
.lh-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	border-bottom-color: var(--wp--preset--color--accent-1);
	text-decoration: none;
}

/* Smartphone-Menü: große, gut treffbare Einträge */
.wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.5rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.25rem;
	padding: 0.5rem 0;
	border-bottom: 0;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	padding: 0.5rem;
}

/* Fußbereich */
.lh-footer {
	border-top: 1px solid var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--accent-4);
}

/* Inhalt */
h1, h2, h3, h4, h5, h6, p, li {
	overflow-wrap: break-word; /* breite Monospace-Schrift: lange Wörter dürfen umbrechen */
	hyphens: auto;
}
strong, b {
	font-weight: 500; /* DM Mono hat keinen Fettschnitt über 500 */
}
.wp-block-post-content img {
	height: auto;
	max-width: 100%;
}
.wp-block-spacer {
	max-height: 4rem; /* lange Abstandshalter bleiben auf dem Handy erträglich */
}

/* Liste der Kreativen: auf die breite Fläche, Titel bündig dazu */
.lh-kreative {
	max-width: var(--wp--style--global--wide-size);
}
main:has(.lh-kreative) .wp-block-post-title {
	max-width: var(--wp--style--global--wide-size);
}

/* Startseite: Titelbild auf Seitenbreite */
.home .wp-block-post-content > .wp-block-image:first-child {
	max-width: var(--wp--style--global--wide-size);
	text-align: center; /* kleinere Bilder mittig statt links */
}
.home .wp-block-post-content > .wp-block-image:first-child + p {
	text-align: center; /* Bildnachweis unter dem Titelbild mittig */
}