/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0
 Description: Child Theme basierend auf Hello Elementor
 Author: Wolff Interactive
*/

/* ========================= */
/* UI: Calendar-Buttons      */
/* ========================= */
.calendar-buttons-wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.calendar-button {
	display: inline-block;
	padding: 10px 20px;
	margin: 10px 5px;
	font-size: 14px;
	color: #00a3d9;
	border: 1px solid #00a3d9;
	background-color: white;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.calendar-button:hover {
	background-color: #00a3d9;
	color: white;
}

/* ========================= */
/* UI: Filterbuttons         */
/* ========================= */
/* (Nur Custom, nicht der Taxonomy Filter) */
.veranstaltungsfilter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 30px;
}

.veranstaltungsfilter button {
	padding: 15px 25px 15px 25px;
	border: 2px solid #C5404B;
	background-color: transparent;
	color: #C5404B;
	border-radius: 15px;
	cursor: pointer;
	font-size: 15px;
	font-family: Urbanist;
	transition: all 0.2s ease;
}

#event-container .veranstaltungsfilter button:hover,
#event-container .veranstaltungsfilter button:active {
	background-color: #C5404B;
	color: #fff;
	border-color: #C5404B;
}


/* ========================= */
/* Media: Image scaling      */
/* ========================= */
/* Standard: alle Bilder mit image-logo-scaling */
.image-logo-scaling img {
	object-fit: cover !important;
	height: 275px !important;
	width: 100% !important;
	object-position: center !important;
}

/* Nur wenn das Logo-Skalierung-Feld aktiv ist → überschreibt cover */
.image-logo-scaling.logo img {
	object-fit: contain !important;
	background-color: white;
}

/* ========================= */
/* Fixes                     */
/* ========================= */
/* Firefox-Fix für die Radiobuttons */
.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,
.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label {
	display: inline-block !important;
}

/* ========================= */
/* Utilities                 */
/* ========================= */
/* Zeilenlimit für die Beschreibungen in Eventkarten */
.line-limit {
	--max-lines: 5;

	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--max-lines);
}

@media screen and (max-width: 1023px) {
	.line-limit {
		--max-lines: 4 !important;
	}
}

/* ========================= */
/* Content: Block Editor Typo */
/* ========================= */
/* Wordpress-Block Editor - Beitragseinstellungen */
.wp-block-heading {
	font-weight: 700;
	padding-top: 15px;
}

h1.wp-block-heading {
	font-size: 24px;
}

h2.wp-block-heading {
	font-size: 22px;
	color: #5DB1D4;
	margin-bottom: 10px;
}

h3.wp-block-heading {
	font-size: 18px;
	color: #5DB1D4;
}

h3.wp-block-heading {
	font-size: 18px;
}

h4.wp-block-heading {
	font-size: 14px;
}

figcaption {
	padding-left: 15px !important;
}

/* ===================================================================== */
/* BILDER & MEDIA: Border-Radius / Wrapper / Overflow (zentral gesammelt) */
/* ===================================================================== */

video {
	border-radius: 15px;
}

:root { --image-radius: 30px; }

/* 1) Alles im Elementor Text-Editor */
.elementor .elementor-widget-text-editor figure,
.elementor .elementor-widget-text-editor figure img,
.elementor .elementor-widget-text-editor .wp-block-image img,
.elementor .elementor-widget-text-editor .wp-caption img {
	border-radius: var(--image-radius);
}
.elementor .elementor-widget-text-editor figure {
	overflow: hidden; /* Figcaption + Bild sauber clippen */
}


.elementor .wp-block-gallery-is-layout-flex figure {
	overflow: hidden;
}

/* 3) Gutenslider (eedee) – runde Slides */
.gs-frontend .swiper-slide,
.gs-frontend .swiper-slide .eedee-background-div,
.gs-frontend .swiper-slide .eedee-background-div img {
	border-radius: var(--image-radius);
}
.gs-frontend .swiper-slide,
.gs-frontend .swiper-slide .eedee-background-div {
	overflow: hidden; /* wichtig für echtes Abrunden im Slider */
}

/* Gilt NUR im Elementor-Content */
.elementor .elementor-widget-container figure:not([class]) {
	border-radius: var(--image-radius);
	overflow: hidden;               /* Figcaption + Bild mit clippen */
}

/* Bild im classlosen Figure */
.elementor .elementor-widget-container figure:not([class]) > img {
	border-radius: inherit;
	display: block;                 /* vermeidet feine „Lücken“ */
}

/* vermeidet abgerundete Logos */
.elementor .elementor-widget-image.logo img {
	border-radius: 0 !important;
}

/* Gutenberg/Block-Beiträge: Radius aus dem Editor übernehmen */
.wp-singular .entry-content .wp-block-image img,
.wp-singular .entry-content figure.wp-caption img,
.wp-singular .entry-content .wp-block-gallery img,
.wp-singular .entry-content img {
	border-radius: revert !important;
}

/* Wrapper nicht künstlich runden/clippen – sonst sieht man den Editor-Radius nicht sauber */
.wp-singular .entry-content .wp-block-image,
.wp-singular .entry-content figure.wp-caption,
.wp-singular .entry-content .wp-block-gallery figure {
	border-radius: revert !important;
	overflow: visible !important;
}