/* ==========================================================================
   Willi James Gesemann – ergänzende Styles zu theme.json
   ========================================================================== */

/* ---------- Header ---------- */
.wjg-header {
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 1px 0 color-mix(in srgb, var(--wp--preset--color--accent-1) 35%, transparent);
}
.admin-bar .wjg-header { top: var(--wp-admin--admin-bar--height, 32px); }
.wjg-header .wp-block-site-title a { text-decoration: none; }
.wjg-header .wp-block-site-tagline { letter-spacing: 0.12em; text-transform: uppercase; }
.wjg-header .wp-block-navigation .wp-block-navigation-item__content { text-decoration: none; }
.wjg-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.wjg-header .wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent-1);
}
.wjg-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--accent-5) !important;
	border-radius: 6px;
	padding: 0.4rem 0;
	box-shadow: 0 8px 24px rgba(59, 53, 46, 0.08);
}

/* ---------- Footer ---------- */
.wjg-footer a { text-decoration: none; }
.wjg-footer a:hover { color: var(--wp--preset--color--gold-hell); }
.wjg-footer h2 {
	border-bottom: 1px solid color-mix(in srgb, currentColor 25%, transparent);
	padding-bottom: 0.6rem;
}

/* ---------- Zierlinie (ersetzt Enfold av_hr „custom“) ---------- */
.wp-block-separator.is-style-zierlinie,
.wp-block-separator.is-style-zierlinie-mittig {
	width: 50px;
	max-width: 50px;
	border: 0;
	border-top: 3px solid var(--wp--preset--color--accent-1);
	opacity: 1;
	background: none;
}
.wp-block-separator.is-style-zierlinie { margin-left: 0 !important; margin-right: auto !important; }
.wp-block-separator.is-style-zierlinie-mittig { margin-left: auto !important; margin-right: auto !important; }

/* ---------- Bilder ---------- */
.wp-block-image img { border-radius: 4px; }
.wp-block-image.alignleft { margin-right: 1.5rem; margin-bottom: 0.75rem; }
.wp-block-image.alignright { margin-left: 1.5rem; margin-bottom: 0.75rem; }

/* ---------- Accordion (ersetzt Enfold Toggles) ---------- */
.wp-block-accordion { display: flex; flex-direction: column; gap: 0.75rem; }
.wp-block-accordion-heading { margin: 0; font-family: var(--wp--preset--font-family--manrope); }
.wp-block-accordion-heading__toggle {
	padding: 1.1rem 1.4rem !important;
	font-size: 1rem;
	font-weight: 500;
	color: var(--wp--preset--color--contrast);
	text-transform: none;
	letter-spacing: 0;
}
.wp-block-accordion-heading__toggle:hover { color: var(--wp--preset--color--accent-3); }
.wp-block-accordion-heading__toggle-icon { color: var(--wp--preset--color--accent-1); }
.wp-block-accordion-panel { padding: 0 1.4rem 1.4rem; }

/* ---------- Slider (ersetzt Enfold Content-Slider) ---------- */
.is-style-slider,
.is-style-slider-2 { position: relative; }

.wjg-slider__track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
	column-gap: var(--wp--preset--spacing--50);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.wjg-slider__track::-webkit-scrollbar { display: none; }
.wjg-slider__track:focus-visible { outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 4px; }
.is-style-slider-2 .wjg-slider__track {
	grid-auto-columns: calc((100% - var(--wp--preset--spacing--50)) / 2);
}
@media (max-width: 781px) {
	.is-style-slider-2 .wjg-slider__track { grid-auto-columns: 100%; }
}
.wjg-slider__slide { scroll-snap-align: start; margin: 0 !important; min-width: 0; }

.wjg-slider__nav {
	display: flex;
	justify-content: flex-end;
	gap: 0.4rem;
	margin-bottom: 0.75rem;
}
.wjg-slider__nav[hidden] { display: none; }
.wjg-slider__btn {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	border: 1px solid var(--wp--preset--color--accent-1);
	background: transparent;
	color: var(--wp--preset--color--accent-3);
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s;
}
.wjg-slider__btn:hover:not(:disabled),
.wjg-slider__btn:focus-visible {
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
}
.wjg-slider__btn:disabled { opacity: 0.35; cursor: default; }

/* Im Editor werden die Slides untereinander angezeigt, damit sie bearbeitbar bleiben. */
.editor-styles-wrapper .is-style-slider > *,
.editor-styles-wrapper .is-style-slider-2 > * {
	outline: 1px dashed var(--wp--preset--color--accent-5);
	outline-offset: 8px;
}

/* Zitat-Slides (Stimmen von Seminarteilnehmern) */
.wjg-slider__slide .wp-block-quote,
.is-style-slider-2 .wp-block-quote {
	padding-left: 1.4rem;
	font-style: normal;
}

/* ---------- Gravity Forms an die Farbwelt anpassen ---------- */
.gform-theme--framework {
	--gf-color-primary: var(--wp--preset--color--accent-3);
	--gf-color-primary-darker: var(--wp--preset--color--salbei-tief);
	--gf-color-primary-contrast: var(--wp--preset--color--base);
	--gf-ctrl-border-color: var(--wp--preset--color--accent-5);
	--gf-ctrl-border-color-focus: var(--wp--preset--color--accent-1);
	--gf-ctrl-radius: 6px;
	--gf-ctrl-btn-radius: 999px;
	--gf-font-family-base: var(--wp--preset--font-family--manrope);
}
.gform_wrapper input[type="submit"],
.gform_wrapper .gform_button {
	border-radius: 999px !important;
}
.ginput_container_coupon { display: flex; }

/* ---------- Beitragskarten (News / Startseite) ---------- */
.wjg-post-card .wp-block-post-featured-image img { border-radius: 4px; }
.wjg-post-card .wp-block-post-terms { text-transform: uppercase; letter-spacing: 0.12em; }
.wjg-post-card .wp-block-post-terms a { text-decoration: none; }

/* ---------- Übernommen aus dem Enfold-Child ---------- */
/* Temporär ausgeblendet: Buchungslinks zu SuperSaaS */
a[href^="https://www.supersaas.de"],
.wp-block-button:has( > a[href^="https://www.supersaas.de"] ) {
	display: none !important;
}

/* ---------- Kein Spalt zwischen Inhalt und Footer ---------- */
.wp-site-blocks > main,
.wp-site-blocks > footer,
.wp-site-blocks > .wp-block-template-part:last-child { margin-block-start: 0; }
.wp-block-post-content > .alignfull:last-child { margin-block-end: 0; }

/* Durchgehende Trennlinie (Enfold av_hr „default“) auf Inhaltsbreite begrenzen */
.is-layout-constrained > .wp-block-separator.is-style-wide:not(.alignwide):not(.alignfull) {
	max-width: var(--wp--style--global--content-size) !important;
}