/*
Theme Name: Besseler Gutenberg
Theme URI: https://besseler.de/
Author: Dennis Besseler
Author URI: https://besseler.de/
Description: Production-ready custom Gutenberg theme for Dennis Besseler – Entscheidungen unter Unsicherheit. Rebuilt from the static reference site with editable block content, local help assistant, inquiry forms, and interactive decision simulations.
Version: 1.8.9
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: besseler-gutenberg
Tags: block-patterns, custom-colors, custom-menu, editor-style, full-site-editing, translation-ready, accessibility-ready
*/

/* Frontend styles are loaded from assets/css/main.css via functions.php */

/**
 * Hero layout overrides (loaded last — wins over editor-layout.css).
 */

/* —— Homepage & Hero Crop Parity with Reference Site —— */
body.home main#inhalt > .page-hero.home-hero,
body.home main#inhalt > section.page-hero.home-hero,
.page-hero.home-hero {
	min-height: 610px;
	display: grid;
	align-items: end;
	position: relative;
	overflow: hidden;
	background: #121211 !important;
	background-image: none !important;
}

body.home .page-hero.home-hero::before,
.page-hero.home-hero::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset: -20%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0.72) 42%, rgba(0, 0, 0, 0.22) 100%), var(--hero) center / cover no-repeat;
	transform: translateX(18%) scale(1.08) !important;
	transform-origin: center;
	pointer-events: none;
}

body.home .page-hero.home-hero .hero-copy,
body.home .page-hero.home-hero .wp-block-group.hero-copy,
.page-hero.home-hero .hero-copy {
	position: relative;
	z-index: 1;
	max-width: 760px;
	margin-left: max(20px, calc((100vw - var(--max)) / 2));
}

body.home .page-hero.home-hero h1,
body.home .page-hero.home-hero .wp-block-heading,
.page-hero.home-hero h1 {
	max-width: 720px;
	font-size: clamp(50px, 8vw, 112px);
}

@media (max-width: 600px) {
	body.home main#inhalt > .page-hero.home-hero,
	body.home main#inhalt > section.page-hero.home-hero,
	.page-hero.home-hero {
		min-height: 520px;
	}

	body.home .page-hero.home-hero::before,
	.page-hero.home-hero::before {
		inset: -50%;
		transform: translateX(31%) scale(1.12) !important;
		transform-origin: center;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0.72) 42%, rgba(0, 0, 0, 0.22) 100%), var(--hero) center / cover no-repeat;
	}

	body.home .page-hero.home-hero .hero-copy,
	body.home .page-hero.home-hero .wp-block-group.hero-copy,
	.page-hero.home-hero .hero-copy {
		margin-left: auto;
	}
}

/* Standard inner page hero styling (Smoke-Free, etc.) */
body:not(.home) main#inhalt > section.page-hero.has-image:not(.academy-hero),
body:not(.home) .page-hero.has-image:not(.academy-hero) {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.5)), var(--hero) center / cover no-repeat !important;
	min-height: 610px;
}

/* GiroCode QR display */
.giro-svg-wrap svg {
	background: #fff;
	margin: auto;
	max-width: 360px;
	padding: 10px;
	width: 100%;
	height: auto;
	display: block;
}

/* Header & Footer width protection across all pages */
header.top .wrap,
header.top .nav.wrap,
footer .wrap,
body.page-dennis-besseler header.top .wrap,
body.page-dennis-besseler header.top .nav.wrap,
body.page-dennis-besseler footer .wrap {
	--max: 1200px !important;
	max-width: 1200px !important;
	width: min(calc(100% - 40px), 1200px) !important;
}

@media (max-width: 600px) {
	header.top .wrap,
	header.top .nav.wrap,
	footer .wrap,
	body.page-dennis-besseler header.top .wrap,
	body.page-dennis-besseler header.top .nav.wrap,
	body.page-dennis-besseler footer .wrap {
		width: min(calc(100% - 28px), 1200px) !important;
	}
}