/*
Theme Name: Bewegt
Theme URI: https://stehle-bewegt.de/
Author: Michael Stehle
Author URI: https://stehle-bewegt.de/
Description: Ruhiges, gut lesbares Block-Theme für Gesundheit, Sport und Vereine. Farben, Schriften, Abstände und Ecken stellst du unter Design › Design einstellen ohne Code ein.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bewegt
Tags: block-patterns, full-site-editing, style-variations, accessibility-ready, custom-colors
*/

/* Band oben und Kopf. Die Variablen --bewegt-* darf ein Plugin je Bereich überschreiben. */
body { border-top: var(--bewegt-band-hoehe, 6px) solid var(--bewegt-band, var(--wp--preset--color--band)); }
.bewegt-kopf { background: var(--bewegt-kopf-hg, var(--wp--preset--color--basis)); color: var(--bewegt-kopf-text, var(--wp--preset--color--schrift)); box-shadow: 0 1px 0 rgba(0, 0, 0, .06); position: relative; z-index: 20; }
.bewegt-kopf-innen { min-height: var(--wp--custom--kopf--hoehe, 84px); }
.bewegt-marke { min-width: 0; }
.bewegt-kopf .wp-block-site-title a { color: var(--bewegt-kopf-titel, var(--wp--preset--color--dunkel)); white-space: nowrap; }
.bewegt-kopf .wp-block-site-tagline { color: var(--bewegt-kopf-leise, var(--wp--preset--color--leise)); margin: 0; }
.bewegt-kopf .wp-block-site-logo img { background: var(--bewegt-logo-hg, transparent); border-radius: var(--bewegt-logo-rund, 0); padding: var(--bewegt-logo-luft, 0); box-sizing: border-box; }
.bewegt-kopf .wp-block-navigation a { color: var(--bewegt-kopf-text, var(--wp--preset--color--schrift)); white-space: nowrap; }
.bewegt-kopf .wp-block-navigation-item__content { padding: 6px 0; border-bottom: 3px solid transparent; }
.bewegt-kopf .wp-block-navigation .current-menu-item > a,
.bewegt-kopf .wp-block-navigation [aria-current="page"] { border-bottom-color: var(--bewegt-kopf-markierung, var(--wp--preset--color--hell)); color: var(--bewegt-kopf-titel, var(--wp--preset--color--dunkel)); }
.bewegt-kopf .wp-block-navigation a:hover { color: var(--bewegt-kopf-titel, var(--wp--preset--color--dunkel)); }
.bewegt-kopf .bewegt-konto-knopf .wp-element-button { padding: .6em 1.25em; white-space: nowrap; background: var(--bewegt-kopf-knopf-hg, var(--wp--preset--color--akzent)); color: var(--bewegt-kopf-knopf-text, var(--wp--preset--color--basis)); border-color: var(--bewegt-kopf-knopf-hg, var(--wp--preset--color--akzent)); }
.bewegt-kopf .bewegt-konto-knopf .wp-element-button:hover { filter: brightness(.92); }
.bewegt-kopf .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--basis); color: var(--wp--preset--color--schrift); }
.bewegt-kopf .wp-block-navigation__responsive-container.is-menu-open a { color: var(--wp--preset--color--schrift); }
.bewegt-kopf .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; }

/* Fuß */
.bewegt-fuss a { text-decoration: none; }
.bewegt-fuss .wp-block-site-title, .bewegt-fuss .wp-block-heading { color: var(--wp--preset--color--basis); }
.bewegt-fuss a:hover { color: var(--wp--preset--color--basis); text-decoration: underline; }
.bewegt-fuss p { margin-top: .3em; }
.bewegt-fuss .wp-block-heading { margin-bottom: .4em; }

/* Inhalt */
.bewegt-inhalt { min-height: 50vh; }
.wp-site-blocks > .bewegt-inhalt, .wp-site-blocks > footer, .wp-site-blocks > .wp-block-template-part:last-child { margin-block-start: 0; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
a { text-underline-offset: .18em; }
:focus-visible { outline: 3px solid var(--wp--preset--color--hell); outline-offset: 2px; }
.wp-element-button, .wp-block-button__link { transition: background-color .15s, border-color .15s, color .15s; }
.is-style-karte > :first-child { margin-top: 0; }
.is-style-karte > .wp-block-post-featured-image:first-child { margin: calc(var(--wp--preset--spacing--40) * -1) calc(var(--wp--preset--spacing--40) * -1) 0; }
.is-style-karte > .wp-block-post-featured-image:first-child img { border-radius: var(--wp--custom--rund--karte) var(--wp--custom--rund--karte) 0 0; }

/* Felder */
.wp-block-search__input, .wp-block-post-comments-form input:not([type=submit]), .wp-block-post-comments-form textarea { border: 1px solid var(--wp--preset--color--linie); border-radius: var(--wp--custom--rund--feld); padding: .6em .9em; font: inherit; background: var(--wp--preset--color--basis); }
.wp-block-search__inside-wrapper { gap: 8px; }

/* Handy */
@media (max-width: 781px) {
	.bewegt-kopf-innen { min-height: 64px; gap: 10px !important; }
	.bewegt-marke { flex: 1 1 auto; gap: 8px !important; overflow: hidden; }
	.bewegt-marke > .wp-block-group { min-width: 0; }
	.bewegt-kopf .wp-block-site-tagline { display: none; }
	.bewegt-kopf .wp-block-site-title { font-size: 18px; line-height: 1.05; }
	.bewegt-kopf .wp-block-site-title a { white-space: normal; }
	.bewegt-kopf .wp-block-site-logo, .bewegt-kopf .wp-block-site-logo img { width: 38px !important; height: auto; flex: 0 0 38px; }
	.bewegt-kopf-rechts { flex: 0 0 auto; gap: 6px !important; flex-direction: row-reverse; }
	.bewegt-kopf .bewegt-konto-knopf .wp-element-button { padding: .45em .9em; font-size: 14px; }
}

/* Aufklapper (Fragen) */
.wp-block-details { background: var(--wp--preset--color--basis); border-radius: var(--wp--custom--rund--karte); box-shadow: var(--wp--preset--shadow--karte); padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); }
.wp-block-details summary { cursor: pointer; font-weight: 600; color: var(--wp--preset--color--dunkel); }
.wp-block-details[open] summary { margin-bottom: .5em; }