/*
Theme Name: Elbe Dichtungen
Theme URI: https://elbe-dichtungen.de
Author: Konstantin Seide
Description: Schlankes Custom-Block-Theme für die Elbe Dichtungen Hydraulik und Pneumatik GmbH. Kein Page-Builder, Design-System zentral in theme.json.
Version: 0.7.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: elbe
*/

/* Bewusst fast leer: Farben, Typografie und Abstände leben in der theme.json.
   Hier landet nur, was theme.json nicht kann. */

/* Sanfter Übergang für Link-/Button-Hover */
a, .wp-block-button__link {
	transition: color .15s ease, background-color .15s ease;
}

/* Karten im Mockup-Stil: weiß, abgerundet, weicher Schatten */
.elbe-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 18px rgba(10, 35, 104, 0.18);
}

/* ---- Kontaktformular (Contact Form 7) ---- */
.wpcf7 label {
	display: block;
	margin-bottom: 0.6rem;
	font-weight: 600;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	display: block;
	width: 100%;
	margin-top: 0.35rem;
	padding: 0.5rem 0.7rem;
	border: 1px solid #c9d1da;
	border-radius: 6px;
	font: inherit;
	font-weight: 400;
	background: #fff;
	box-sizing: border-box;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
	outline: 2px solid var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
}
/* Datenschutz-Checkbox: Kästchen und Text nebeneinander lassen */
.wpcf7 .wpcf7-acceptance label {
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
	font-weight: 400;
}
/* Senden-Button im Theme-Stil */
.wpcf7 input[type="submit"] {
	background: var(--wp--preset--color--primary);
	color: #fff;
	font-weight: 600;
	border: none;
	border-radius: 6px;
	padding: 0.7rem 1.5rem;
	cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
	background: var(--wp--preset--color--accent);
}
/* ---- Navigation: Dropdown im Karten-Stil ---- */
.wp-block-navigation .wp-block-navigation__submenu-container {
	background: #fff;
	border: none;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(10, 35, 104, 0.18);
	padding: 0.4rem;
	min-width: 240px;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.5rem 0.75rem;
	border-radius: 6px;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--blue-light);
	color: var(--wp--preset--color--primary);
}
/* Lange Wörter sauber mit Bindestrich trennen statt hart zerhacken */
h1, h2, h3 {
	hyphens: auto;
	-webkit-hyphens: auto;
}
/* Formular: kurze Felder zweispaltig, mobil einspaltig */
.wpcf7 .fz2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 1.25rem;
}
@media (max-width: 640px) {
	.wpcf7 .fz2 { grid-template-columns: 1fr; }
}
/* ---- Home-Link (erkannt am Ziel "/"): Text durch Häuschen ersetzen ---- */
.wp-block-navigation .wp-block-navigation-item__content[href="/"] {
	font-size: 0;
	line-height: 0;
}
.wp-block-navigation .wp-block-navigation-item__content[href="/"]::before {
	content: "";
	display: inline-block;
	width: 1.15rem;
	height: 1.15rem;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3l9 8h-3v9h-4v-6H10v6H6v-9H3z"/></svg>') no-repeat center / contain;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3l9 8h-3v9h-4v-6H10v6H6v-9H3z"/></svg>') no-repeat center / contain;
}