/*
Theme Name: Bontenda Onepager
Theme URI:
Author: Stumpp und Partner
Author URI:
Description: Custom theme for Bontenda – a clean one-page layout built on the WordPress Full Site Editor.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.0
License: All Rights Reserved
Text Domain: bt
Tags: one-column, full-site-editing, custom-colors, custom-logo
*/

/* =========================================================
   LOGO
   ========================================================= */

.bt-logo-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	line-height: 1;
}

.bt-logo-link:hover {
	opacity: 0.8;
}

.bt-logo {
	width: 200px;
	height: auto;
}

/* =========================================================
   HEADER-BUTTON
   ========================================================= */

.bt-header-btn .wp-block-button__link {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.0625rem;
	padding: 0.6875rem 1.875rem;
}

/* =========================================================
   HERO – Cover-Block mit Fade-Effekt nach unten
   Klasse "bt-hero" am Cover-Block im Editor setzen
   ========================================================= */

.wp-block-cover.bt-hero {
	position: relative;
}

.wp-block-cover.bt-hero::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 45%;
	background: linear-gradient(
		to bottom,
		rgba(240, 241, 241, 0) 0%,
		rgba(240, 241, 241, 0.85) 70%,
		rgba(240, 241, 241, 1) 100%
	);
	pointer-events: none;
	z-index: 2;
}

/* =========================================================
   FOOTER
   ========================================================= */

/* Links im Footer: Farbe vom Parent erben, kein Underline */
.wp-block-template-part footer a,
footer .wp-block-group a,
footer .wp-block-group p a {
	text-decoration: none;
	color: inherit;
}

.wp-block-template-part footer a:hover,
footer .wp-block-group a:hover,
footer .wp-block-group p a:hover {
	text-decoration: underline;
}

/* =========================================================
   MOBILE  ≤ 599 px
   ========================================================= */

@media (max-width: 599px) {

	/* Einheitlicher Seitenabstand: 1.25 rem pro Seite */
	:root {
		--wp--style--global--content-size: calc(100vw - 2.5rem);
		--wp--style--global--wide-size:    calc(100vw - 2.5rem);
	}

	/* Logo kleiner */
	.bt-logo {
		width: 130px;
	}

	/* Header-Button kleiner */
	.bt-header-btn .wp-block-button__link {
		font-size: 0.875rem;
		padding: 0.5rem 1.25rem;
	}

	/* Footer: vertikal stapeln, linksbündig */
	footer .wp-block-group.alignwide.is-layout-flex {
		flex-direction: column;
		align-items: flex-start;
	}

	footer .wp-block-group.is-layout-flex.is-content-justification-right {
		align-items: flex-start;
		justify-content: flex-start;
	}

	footer .has-text-align-right {
		text-align: left;
	}
}