/*
Theme Name: sudowegyn
Theme URI: https://sudowegyn.de
Author: Dirk Sudowe
Description: Block-Theme für die Praxiswebsite Dirk Sudowe (Frauenheilkunde und Geburtshilfe, Voerde). Farbrichtung "Waldschatten & Erde".
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: sudowegyn
*/

/* theme.json übernimmt Farben, Typografie und Abstände. Hier nur, was theme.json nicht abbilden kann. */

.hero-wash {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}

.hero-wash::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("assets/hero-wash.svg");
	background-size: cover;
	background-position: center;
	z-index: 0;
}

.hero-wash > .wp-block-group__inner-container,
.hero-wash > * {
	position: relative;
	z-index: 1;
}

.site-header-inner,
.site-footer-inner {
	padding: 1rem 1.5rem;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.shrink-0 {
	flex-shrink: 0;
}

.hero-lead {
	max-width: 34ch;
}

.wp-block-navigation .wp-block-navigation-item > a,
.wp-block-buttons .wp-block-button__link {
	white-space: nowrap;
}

.wp-block-navigation .wp-block-navigation-item > a {
	border-radius: 999px;
	padding: 8px 14px;
}

.wp-block-navigation .wp-block-navigation-item > a:hover {
	background: var(--wp--preset--color--sand);
}

.wp-block-navigation .wp-block-navigation-item.current-menu-item > a {
	background: var(--wp--preset--color--moss);
}

/* mobiles Overlay-Menü (Hamburger) */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	border-radius: 999px;
	color: var(--wp--preset--color--tiefgruen);
}

.wp-block-navigation__responsive-container-open:hover,
.wp-block-navigation__responsive-container-close:hover {
	background: var(--wp--preset--color--sand);
}

.wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.5rem;
	background-color: var(--wp--preset--color--cream) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--large);
	padding: 10px 6px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	padding-left: 1.25rem;
	border-left: 2px solid var(--wp--preset--color--moos, var(--wp--preset--color--moss));
	margin-left: 4px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item > a {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	opacity: 0.85;
}

.wp-block-navigation a:focus {
	outline: 2px solid var(--wp--preset--color--waldgruen);
	outline-offset: 2px;
}

.leistung-karte {
	border-radius: 16px;
	background: var(--wp--preset--color--cream-dunkel);
	padding: var(--wp--preset--spacing--50, 1.5rem);
}

/* Lesbarkeit: Fließtext nie über ~72 Zeichen breit */
.entry-content p,
.entry-content li {
	max-width: 68ch;
}