/* =========================================================================
   Bienen Wiki – dekorative Zusatz-Styles
   Loopings (Strichzeichnung), Waben-Karten, Hero, CTA, Mikro-Interaktionen.
   Farben/Schriften kommen aus theme.json (CSS-Custom-Properties --wp--preset--*).
   ========================================================================= */

:root {
	--bienen-loop:  var(--wp--preset--color--primary-deep, #C6860F);
	--bienen-honey: var(--wp--preset--color--primary, #E3A52A);
	--bienen-ink:   var(--wp--preset--color--contrast, #22201B);
	--bienen-paper: var(--wp--preset--color--base, #FBF6EC);
	--bienen-shadow: 0 14px 34px -22px rgba(34, 32, 27, .55);
}

/* --- Textauswahl & Fokus in Markenfarben ------------------------------- */
::selection { background: var(--bienen-honey); color: var(--bienen-ink); }

:where(a, button, .wp-block-button__link, input, .wp-block-search__button):focus-visible {
	outline: 3px solid var(--bienen-honey);
	outline-offset: 2px;
	border-radius: 4px;
}

/* --- Inhalts-Links: animierter Honig-Unterstrich ----------------------- */
.entry-content a:where(:not(.wp-block-button__link)),
.wp-block-post-content a:where(:not(.wp-block-button__link)) {
	text-decoration: none;
	background-image: linear-gradient(var(--bienen-honey), var(--bienen-honey));
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 2px;
	transition: background-size .25s ease, color .2s ease;
	padding-bottom: 1px;
}
.entry-content a:where(:not(.wp-block-button__link)):hover,
.wp-block-post-content a:where(:not(.wp-block-button__link)):hover {
	background-size: 100% 100%;
	color: var(--bienen-ink);
}

/* =========================================================================
   Flugbahn-Loopings (Strichzeichnung)
   ========================================================================= */

/* Trenner-Block im Stil „Flugbahn": eine durchgehende Linie mit Schleifen. */
.wp-block-separator.is-style-flugbahn {
	border: 0;
	height: 58px;
	width: 100%;
	max-width: 640px;
	margin-inline: auto;
	background-color: var(--bienen-loop);
	-webkit-mask: url(../images/loop.svg) center / contain no-repeat;
	        mask: url(../images/loop.svg) center / contain no-repeat;
	opacity: .55;
}

/* Überschrift im Stil „Mit Schleife": kleiner Looping-Akzent darüber. */
.wp-block-heading.is-style-schleife::before {
	content: "";
	display: block;
	width: 84px;
	height: 30px;
	margin-bottom: .55rem;
	background-color: var(--bienen-honey);
	-webkit-mask: url(../images/sprig.svg) left center / contain no-repeat;
	        mask: url(../images/sprig.svg) left center / contain no-repeat;
}
.has-text-align-center.is-style-schleife::before { margin-inline: auto; }

/* =========================================================================
   Hero
   ========================================================================= */
.bienen-hero {
	position: relative;
	overflow: hidden;
	border-radius: 28px;
	background: var(--wp--preset--gradient--honey-soft, linear-gradient(160deg, #FDF7EA, #F6E8C6));
	isolation: isolate;
}
/* zarte Wabentextur im Hintergrund */
.bienen-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(../images/hex.svg) repeat;
	background-size: 64px auto;
	opacity: .07;
	z-index: -1;
	pointer-events: none;
}
/* dezente Flugbahn am unteren Rand des Hero */
.bienen-hero::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 18px;
	height: 48px;
	background-color: var(--bienen-loop);
	-webkit-mask: url(../images/loop.svg) center / 90% contain no-repeat;
	        mask: url(../images/loop.svg) center / 90% contain no-repeat;
	opacity: .28;
	pointer-events: none;
}
.bienen-hero .bienen-bee img,
.bienen-hero .bienen-bee svg { filter: drop-shadow(0 10px 18px rgba(34,32,27,.16)); }

/* =========================================================================
   Waben-Karten (Block-Stil „Wabe")
   ========================================================================= */
.wp-block-group.is-style-wabe,
.wp-block-column.is-style-wabe {
	position: relative;
	background: var(--bienen-paper);
	border: 1px solid color-mix(in srgb, var(--bienen-honey) 45%, transparent);
	border-radius: 20px;
	padding: clamp(1.4rem, 3vw, 2.1rem);
	box-shadow: var(--bienen-shadow);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.wp-block-group.is-style-wabe:hover,
.wp-block-column.is-style-wabe:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 44px -22px rgba(34, 32, 27, .5);
	border-color: var(--bienen-honey);
}
/* kleiner Wabenakzent oben rechts */
.wp-block-group.is-style-wabe::after,
.wp-block-column.is-style-wabe::after {
	content: "";
	position: absolute;
	top: -10px; right: 18px;
	width: 26px; height: 30px;
	background:
		linear-gradient(var(--bienen-honey), var(--bienen-honey));
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 30'%3E%3Cpath d='M13 0 L26 7.5 L26 22.5 L13 30 L0 22.5 L0 7.5 Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 30'%3E%3Cpath d='M13 0 L26 7.5 L26 22.5 L13 30 L0 22.5 L0 7.5 Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
	opacity: .9;
}

/* =========================================================================
   Aufruf-Band (CTA)
   ========================================================================= */
.bienen-cta {
	border-radius: 24px;
	background: var(--wp--preset--gradient--honey-band, linear-gradient(135deg, #F0B53E, #C6860F));
	color: var(--bienen-ink);
}
.bienen-cta :where(h1,h2,h3,p) { color: var(--bienen-ink); }
.bienen-cta .wp-block-button__link {
	background: var(--bienen-ink) !important;
	color: var(--bienen-paper) !important;
}
.bienen-cta .wp-block-button__link:hover {
	background: #000 !important;
}

/* =========================================================================
   Bilder & Beiträge
   ========================================================================= */
.wp-block-post-featured-image img,
.entry-content .wp-block-image img {
	border-radius: 14px;
}
.wp-block-image.is-style-rounded img { border-radius: 999px; }

/* Beitragskarten in der Query-Schleife */
.wp-block-post-template.is-layout-grid > li {
	transition: transform .22s ease;
}
.wp-block-post-template.is-layout-grid > li:hover { transform: translateY(-3px); }

/* =========================================================================
   Header & Footer Feinschliff
   ========================================================================= */
.wp-block-site-title a { text-decoration: none; }

/* Footer: Flugbahn-Linie oberhalb, gedämpfte Impressum-Typo */
.bienen-footer {
	position: relative;
}
.bienen-footer .bienen-impressum,
.bienen-footer .bienen-impressum a {
	font-size: var(--wp--preset--font-size--small, .9rem);
	color: var(--wp--preset--color--contrast-2, #4A463C);
	line-height: 1.6;
}

/* Honig-Outline-Button (Block-Stil) */
.wp-block-button.is-style-outline-honig .wp-block-button__link {
	background: transparent;
	color: var(--bienen-ink);
	border: 2px solid var(--bienen-honey);
}
.wp-block-button.is-style-outline-honig .wp-block-button__link:hover {
	background: var(--bienen-honey);
	color: var(--bienen-ink);
}

/* =========================================================================
   Bewegung respektieren
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}