/*
Theme Name:        Leberschlank in Deutschland
Description:       Block-Theme
Version:           1.0.0
Requires at least: 6.8
Tested up to:      7.1
Requires PHP:      8.1
Author:            Jerschabek GmbH
Text Domain:       leberschlank
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Gestaltung gehört primär in die theme.json. Hier nur, was sich dort
 * nicht ausdrücken lässt.
 *
 */

/*
 * Alpine.js blendet mit x-cloak markierte Elemente erst ein, wenn es gestartet
 * ist. Bis dahin (und ohne JavaScript) bleiben sie unsichtbar, sonst blitzt etwa
 * ein geschlossenes Flyout beim Laden kurz auf.
 */
[x-cloak] {
	display: none !important;
}

/*
 * Gravity Forms: Das CSS des Plugins ist abgeschaltet (inc/gravityforms.php),
 * Formulare gestaltet das Theme. Diese Regeln braucht jedes Formular: Der
 * Honeypot gegen Spam darf nie zu sehen sein, und versteckte Labels sowie die
 * Fehlerübersicht bleiben nur für Screenreader vorhanden.
 */
.gform_wrapper .gform_validation_container {
	display: none !important;
}

.gform_wrapper .hidden_label .gfield_label,
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gform_required_legend {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

/*
 * Seitenaufbau: Auf kurzen Seiten (404, Suche ohne Treffer) steht die Fußzeile
 * am unteren Rand des Fensters statt mitten im Bild. Kopf, Inhalt und Fußzeile
 * schließen ohne den Blockabstand aneinander an, den WordPress zwischen die
 * obersten Elemente setzt, sonst entstünde über farbigen Abschnitten ein Spalt.
 */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	min-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
}

.wp-site-blocks > * {
	margin-block-start: 0;
}

.wp-site-blocks > main {
	flex: 1 0 auto;
}