/* =========================================================================
   von prüll – Gutenberg Core-Block-Branding
   Wird im Front-End (nur Block-Inhalte) und im Editor-Canvas geladen.
   Bewusst literal (keine Tailwind-Variablen), damit es auch im Editor greift.
   ========================================================================= */

/* Editor-Canvas Grundton */
.editor-styles-wrapper { background-color: #f3ead9; }
.editor-styles-wrapper,
.block-editor-writing-flow { font-family: "Mulish", "Inter", -apple-system, sans-serif; color: #2b2620; }

/* ---- Überschriften ---- */
.wp-block-heading,
.editor-styles-wrapper .wp-block-heading {
	font-family: "Cormorant Garamond", "Cormorant", Georgia, serif;
	font-weight: 500;
	color: #2b2620;
	line-height: 1.08;
	letter-spacing: -0.01em;
	text-wrap: balance;
}
h1.wp-block-heading { font-size: clamp(2.2rem, 1.5rem + 2.6vw, 3.2rem); }
h2.wp-block-heading { font-size: clamp(1.8rem, 1.3rem + 2vw, 2.5rem); }
h3.wp-block-heading { font-size: 1.55rem; }
h4.wp-block-heading { font-size: 1.25rem; }

/* ---- Fließtext / Listen ---- */
.entry-content, .wp-block-post-content { color: #4d4339; font-size: 1.0625rem; line-height: 1.72; }
.entry-content p, .wp-block-post-content p { max-width: 64ch; }
.entry-content a, .wp-block-post-content a { color: #a4502f; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #ecd9c4; }
.entry-content a:hover, .wp-block-post-content a:hover { text-decoration-color: #a4502f; }
.entry-content strong, .wp-block-post-content strong { color: #2b2620; }
.wp-block-list { padding-left: 1.3rem; }
.wp-block-list li { position: relative; list-style: none; margin-top: .4rem; }
.wp-block-list li::before { content: ""; position: absolute; left: -1.3rem; top: .62em; width: 7px; height: 7px; background: #c06a47; transform: rotate(45deg); }

/* ---- Buttons ---- */
.wp-block-button__link,
.wp-block-button.is-style-fill .wp-block-button__link {
	background-color: #a4502f; color: #faf4ea;
	border-radius: 999px;
	font-family: "Mulish", sans-serif; font-weight: 600; font-size: .95rem;
	padding: .85rem 1.6rem;
	transition: background-color .2s ease;
}
.wp-block-button__link:hover { background-color: #8f4528; }
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent; color: #a4502f; border: 1px solid #a4502f;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: #a4502f; color: #faf4ea; }

/* ---- Zitat / Pullquote ---- */
.wp-block-quote {
	border-left: 2px solid #c06a47; padding-left: 1.3rem;
	font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.6rem; line-height: 1.3; color: #2b2620; font-style: normal;
}
.wp-block-quote cite, .wp-block-pullquote cite { font-family: "Mulish", sans-serif; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: #9a8264; font-style: normal; }
.wp-block-pullquote { border-top: 1px solid #e3d8c2; border-bottom: 1px solid #e3d8c2; }
.wp-block-pullquote blockquote { font-family: "Cormorant Garamond", Georgia, serif; color: #2b2620; }

/* ---- Spalten / Gruppen ---- */
.wp-block-columns { gap: 2rem; }
.wp-block-group.has-background { padding: clamp(1.75rem, 4vw, 3.5rem); border-radius: 16px; }

/* ---- Bilder ---- */
.wp-block-image img { border-radius: 8px; }
.wp-block-image.is-style-rounded img { border-radius: 16px; }

/* ---- Trenner ---- */
.wp-block-separator { border-color: #e3d8c2; opacity: 1; }

/* ---- core/details als FAQ-Akkordeon ---- */
.wp-block-details { border-bottom: 1px solid #e3d8c2; padding: 1.05rem 0; }
.wp-block-details summary { font-weight: 600; color: #2b2620; cursor: pointer; font-size: 1.1rem; list-style: none; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::marker { content: ""; }
.wp-block-details[open] summary { color: #a4502f; }
.wp-block-details > *:not(summary) { margin-top: .9rem; color: #4d4339; }

/* ---- Dunkle Bänder (Marken-Sektionen) ---- */
.has-forest-background-color .wp-block-heading,
.has-ink-background-color .wp-block-heading { color: #faf4ea; }
.has-forest-background-color, .has-ink-background-color { color: #faf4ea; }

/* ---- Marken-Eyebrow (Block-Stil) ---- */
.is-style-vp-eyebrow {
	font-family: "Mulish", sans-serif !important; font-size: .78rem !important; font-weight: 600;
	letter-spacing: .18em; text-transform: uppercase; color: #a4502f;
}
.is-style-vp-eyebrow::before { content: ""; display: inline-block; width: 24px; height: 2px; background: #a4502f; vertical-align: middle; margin-right: .7rem; }
.is-style-vp-script { font-family: "Pinyon Script", cursive !important; font-weight: 400; color: #5f6f47; letter-spacing: 0; text-transform: none; font-size: 1.6rem; }

/* ---- Block-Seiten-Container (Vollbreiten-fähig) ---- */
.vp-entry { max-width: 48rem; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }
.vp-entry > * { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.vp-entry > .alignwide { max-width: 75rem; margin-left: auto; margin-right: auto; }
.vp-entry > .alignfull { max-width: none; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: 0; padding-right: 0; }
/* Volle Bänder mit Innenabstand + zentriertem Inhalt */
.vp-entry > .alignfull.is-style-vp-band { padding-top: clamp(3rem, 6vw, 5.5rem); padding-bottom: clamp(3rem, 6vw, 5.5rem); }
.is-style-vp-band > .wp-block-group__inner-container,
.is-style-vp-band.is-layout-constrained > :where(:not(.alignfull)) { max-width: 48rem; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }

/* ---- Bild-Platte ---- */
.is-style-vp-plate { background: #faf4ea; border: 1px solid #e3d8c2; border-radius: 16px; padding: .9rem; box-shadow: 0 1px 2px rgba(43,38,32,.05), 0 16px 40px -24px rgba(43,38,32,.20); }
.is-style-vp-plate img { border-radius: 10px; display: block; }

/* Karten-Optik für Gruppen mit Cream-Hintergrund */
.wp-block-group.has-cream-background-color { border: 1px solid #e3d8c2; border-radius: 16px; }