/*
Theme Name: Landtechnik Bussmann
Description: Block-Theme für Bussmann Land- & Gartentechnik im Stil der bisherigen Homepage (Rot/Dunkelgrau, Schrift Outfit lokal eingebunden). Alle Seiten, Kopf- und Fußbereich lassen sich unter „Design → Editor“ bearbeiten. Passt zum Plugin „Maschinenbörse“.
Version: 1.1.1
Requires at least: 6.6
Requires PHP: 7.4
Author: Landtechnik Bussmann
License: GPL-2.0-or-later
Text Domain: landtechnik-bussmann
*/

/* Ergänzungen zu theme.json */

/* Kopfbereich */
.lb-header { box-shadow: 0 1px 0 rgba(0,0,0,.08); }
.lb-header.is-position-sticky { z-index: 50; }
.wp-block-site-logo + .lb-site-title { display: none; }
.lb-site-title a { text-decoration: none; }
.wp-block-navigation .wp-block-navigation-item__content { padding: .35em 0; text-decoration: none; }
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"] { color: var(--wp--preset--color--primary); }

/* Startbild: Foto mit rotem, schräg angeschnittenem Textfeld unten rechts */
.wp-block-cover.lb-hero { align-items: flex-end; justify-content: flex-end; padding: 0 !important; min-height: min(80vh, 760px) !important; }
.wp-block-cover.lb-hero .wp-block-cover__inner-container {
	width: min(100%, 760px) !important;
	max-width: none;
	margin: 0 0 0 auto !important;
	padding: clamp(1.25rem, 2.5vw, 2rem) clamp(1.5rem, 4vw, 3.5rem) clamp(1.25rem, 2.5vw, 2rem) clamp(3.5rem, 9vw, 7rem);
	background: var(--wp--preset--color--primary);
	clip-path: polygon(clamp(2rem, 6vw, 4.5rem) 0, 100% 0, 100% 100%, 0 100%);
	color: #fff;
}
.wp-block-cover.lb-hero .wp-block-cover__inner-container > * { max-width: 680px; margin-left: 0 !important; }
.wp-block-cover.lb-hero .wp-block-cover__inner-container h1 { color: #fff; font-size: clamp(1.7rem, 3.2vw, 2.5rem); margin-bottom: .35em; }
.wp-block-cover.lb-hero .wp-block-cover__inner-container p { line-height: 1.3; margin-top: 0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
.wp-block-cover.lb-hero .lb-hero__eyebrow { color: #fff; opacity: .9; }
.wp-block-cover.lb-hero .wp-block-button__link { background: #fff; color: var(--wp--preset--color--primary); border-color: #fff; }
.wp-block-cover.lb-hero .is-style-outline .wp-block-button__link { background: transparent; color: #fff; }
@media (max-width: 781px) {
	.wp-block-cover.lb-hero { min-height: 520px !important; }
	.wp-block-cover.lb-hero .wp-block-cover__inner-container { clip-path: none; padding: 2rem 1.25rem; width: 100% !important; }
}

/* Inhalte */
.lb-card { height: 100%; }
.lb-card h3 { font-size: 1.25rem; }
.lb-card .wp-block-image img { border-radius: 4px; }
h1, h2, h3 { hyphens: auto; overflow-wrap: break-word; }
.lb-icon-list { list-style: none; padding-left: 0; }
.lb-icon-list li { padding-left: 1.6em; position: relative; margin-bottom: .5em; }
.lb-icon-list li::before { content: "✓"; position: absolute; left: 0; color: var(--wp--preset--color--primary); font-weight: 700; }

/* Fußbereich */
.lb-footer a { color: inherit; text-decoration: none; }
.lb-footer a:hover { text-decoration: underline; }
.lb-footer-links a { display: inline-block; margin-right: 1.25rem; }

/* Schnellkontakt am rechten Rand */
.lb-quickbar { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 60; display: flex; flex-direction: column; gap: 8px; }
.lb-quickbar a { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--wp--preset--color--primary); color: #fff; border-radius: 4px 0 0 4px; box-shadow: 0 0 0 1px rgba(255,255,255,.6); }
.lb-quickbar a:hover, .lb-quickbar a:focus-visible { background: var(--wp--preset--color--primary-dark); }
@media (max-width: 781px) {
	.lb-quickbar { top: auto; bottom: 0; left: 0; transform: none; flex-direction: row; gap: 0; }
	.lb-quickbar a { flex: 1; border-radius: 0; border-left: 1px solid rgba(255,255,255,.25); }
	body { padding-bottom: 48px; }
}