/*
Theme Name: Behringer24
Theme URI: https://www.behringer24.de
Author: Andreas Behringer
Description: Lean, responsive block theme (full site editing) for behringer24.de. Visually based on Twenty Twenty-Two, controlled via theme.json, with patterns for hero, pricing tiles, FAQ and call to action.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: behringer24
*/

/* Bewusst minimal: Design liegt in theme.json, Block-CSS in styles/blocks/*.json */

html {
	-webkit-text-size-adjust: 100%;
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

img,
video {
	max-width: 100%;
	height: auto;
}

/* Skip-Link (Barrierefreiheit) */
.b24-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 0.75rem 1rem;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
}
.b24-skip-link:focus {
	left: 0.5rem;
	top: 0.5rem;
}

/* Blog-Raster: auf Tablets 2 statt 3 Spalten */
@media (min-width: 600px) and (max-width: 960px) {
	.wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Leistungslisten in Preis-Kacheln: zentriert, ohne Aufzählungspunkte */
.is-style-price-grid > .is-style-card > ul {
	list-style: none;
	padding: 0;
}

/* Preis-Raster: 4 -> 2x2 -> 1 Spalte, nie 3+1.
   Spezifität (2 Klassen) schlägt die vom Grid-Layout erzeugte Inline-Regel. */
.is-style-price-grid.is-layout-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 899px) {
	.is-style-price-grid.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 559px) {
	.is-style-price-grid.is-layout-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Button-Hover wie auf behringer24.de: Farbe bleibt, Deckkraft 90 % */
.wp-block-button__link,
.wp-element-button {
	transition: opacity 0.15s ease;
}
.wp-block-button__link:hover,
.wp-element-button:hover,
.wp-block-search__button:hover {
	opacity: 0.9;
}

/* Bilder in Preis-Kacheln: quadratisch, volle Kachelbreite */
.is-style-price-grid > .is-style-card > .wp-block-image {
	width: 100%;
}
.is-style-price-grid > .is-style-card > .wp-block-image img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

/* Lange Wörter/URLs sprengen das Layout nicht */
.wp-block-post-content,
.wp-block-post-title {
	overflow-wrap: break-word;
}