/*
Theme Name: Goldammer Events
Description: Block-Theme für Goldammer Events – Floristik, Dekoration und Eventkonzepte. Events mit Haltung.
Version: 1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: goldammer-events
License: GPLv2 or later
*/

/* Abstände zwischen den großen Bereichen */
.wp-site-blocks > * { margin-block-start: 0; }
.ge-main > * { margin-block-start: 0 !important; }
.ge-section { padding-block: clamp(72px, 10vw, 120px); }
.ge-section-tight { padding-block: clamp(40px, 6vw, 64px); }

/* Kleine Überzeile in Gelb */
.ge-eyebrow {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gelb);
	margin-bottom: 16px;
}

/* Kursive Wörter in Überschriften */
h1 em, h2 em, h3 em, .ge-quote em { font-style: italic; }
.ge-hero h1 em, .ge-accent em { color: var(--wp--preset--color--gelb); }

/* Header */
.ge-header { padding-block: 28px; }
.ge-logo { margin: 0; line-height: 1; }
.ge-logo a {
	text-decoration: none;
	color: var(--wp--preset--color--creme);
	font-family: var(--wp--preset--font-family--instrument-serif);
	font-size: 32px;
}
.ge-logo span {
	font-family: var(--wp--preset--font-family--manrope);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gelb);
	margin-left: 8px;
}
.ge-header .wp-block-navigation { font-size: 15px; font-weight: 500; gap: 8px 28px; }
.ge-header .wp-block-navigation a { color: var(--wp--preset--color--creme); text-decoration: none; }
.ge-header .wp-block-navigation a:hover { color: var(--wp--preset--color--gelb); }
.ge-header .wp-block-navigation .ge-nav-cta a {
	background: var(--wp--preset--color--gelb);
	color: var(--wp--preset--color--schwarz);
	font-weight: 700;
	padding: 12px 22px;
	border-radius: 999px;
}
.ge-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--schwarz) !important;
	color: var(--wp--preset--color--creme) !important;
	padding: 32px 24px;
}

/* Hero */
.ge-hero .ge-lead { font-size: 20px; line-height: 1.55; color: var(--wp--preset--color--sand); max-width: 560px; margin-top: 36px; }
.ge-hero .wp-block-buttons { margin-top: 40px; }
.ge-hero .wp-block-columns { align-items: flex-end; }

/* Outline-Button */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--creme);
	border: 1.5px solid var(--wp--preset--color--creme);
	padding: 14.5px 26.5px;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	color: var(--wp--preset--color--gelb);
	border-color: var(--wp--preset--color--gelb);
}

/* Gelbes Band */
.ge-band {
	padding-block: 20px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.ge-band p { margin: 0; }

/* Bilder */
.ge-img { margin: 0; }
.ge-img img { width: 100%; height: auto; border-radius: 4px; display: block; }

/* Karten Hochzeiten / Firmenevents */
.ge-card { background: var(--wp--preset--color--kohle); border-radius: 4px; overflow: hidden; }
.ge-card .ge-img img { border-radius: 0; }
.ge-card > *:not(.ge-img) { padding-inline: 36px; }
.ge-card > *:last-child { padding-bottom: 36px; }
.ge-card p { color: var(--wp--preset--color--sand); }
.ge-card h3 { margin-top: 36px; }

/* Leistungs-Raster */
.ge-grid4 { gap: 1px !important; background: var(--wp--preset--color--linie); border: 1px solid var(--wp--preset--color--linie); margin-top: 56px; }
.ge-grid4 > .wp-block-column { background: var(--wp--preset--color--schwarz); padding: 36px 28px; }
.ge-grid4 h3 { font-family: var(--wp--preset--font-family--manrope); font-size: 21px; font-weight: 700; letter-spacing: 0; margin: 14px 0; }
.ge-grid4 p { color: var(--wp--preset--color--grau); font-size: 16px; }
.ge-num { font-family: var(--wp--preset--font-family--instrument-serif); font-size: 40px; line-height: 1; color: var(--wp--preset--color--gelb); margin: 0; }
.ge-intro { color: var(--wp--preset--color--sand); max-width: 440px; }

/* Gelber Haltungs-Block */
.ge-quote { font-family: var(--wp--preset--font-family--instrument-serif); font-size: clamp(36px, 4.8vw, 64px); line-height: 1.08; margin: 0; }
.ge-yellow a { color: var(--wp--preset--color--schwarz); }

/* Ablauf */
.ge-lines { border-top: 1px solid var(--wp--preset--color--linie); border-bottom: 1px solid var(--wp--preset--color--linie); }
.ge-step { font-weight: 700; font-size: 15px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--gelb); margin-bottom: 12px; }
.ge-lines h3 { font-family: var(--wp--preset--font-family--manrope); font-size: 24px; font-weight: 700; letter-spacing: 0; margin: 0 0 10px; }
.ge-muted { color: var(--wp--preset--color--grau); }

/* Footer */
.ge-footer { border-top: 1px solid var(--wp--preset--color--linie); padding-block: 40px; font-size: 14px; color: var(--wp--preset--color--grau); }
.ge-footer p { margin: 0; }
.ge-footer a { color: var(--wp--preset--color--grau); }
.ge-footer a:hover { color: var(--wp--preset--color--gelb); }
.ge-footer .ge-logo a { font-size: 22px; }

/* Unterseiten (Impressum, Datenschutz …) */
.ge-page h1 { font-size: clamp(48px, 7vw, 96px); }
.ge-page h2 { font-size: clamp(28px, 3.5vw, 40px); }

@media (max-width: 781px) {
	.ge-card > *:not(.ge-img) { padding-inline: 24px; }
	.ge-hero .wp-block-columns { gap: 40px; }
}