/*
Theme Name:   Enfold Child
Theme URI:    https://windelflitzer.online
Description:  Child-Theme für Enfold. Enthält alle Custom-Anpassungen (UM-Profil-Tabs, User-Felder, eventON-Filter, Mail-Absender, Shortcodes) und die Ultimate-Member E-Mail-Templates, damit diese Enfold-Updates überstehen.
Author:       Windelflitzer
Template:     enfold
Version:      1.0.0
Text Domain:  enfold-child
*/

/* Eigene CSS-Anpassungen hier einfügen. Enfold lädt seine Haupt-Styles weiterhin über das Framework. */

/* Ultimate Member: Profil-Header (Foto-/Cover-Bereich) ohne Cover ausblenden */
.um-header.no-cover {
	display: none !important;
}

/* ===== eventON v5: Event-Kacheln im Infobox-Karten-Design (Referenz) ===== */
.eventon_list_event,
.eventon_list_event.hasbgimg {
	min-height: 0 !important;
	background: #fff !important;
	border: 1px solid var(--e-global-color-text, #54595f) !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	box-shadow: 0 6px 20px rgba(0,0,0,.07) !important;
	margin-bottom: 24px !important;
}
/* Bild oben, randlos (oben/links/rechts), oben abgerundet */
.eventon_list_event .evo_boxtop {
	position: absolute !important;
	top: 0 !important; left: 0 !important; right: 0 !important;
	width: 100% !important;
	height: 190px !important;
	margin: 0 !important;
	background-color: #eef2f4 !important;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 10px 10px 0 0 !important;
}
/* Inhaltsbereich: weiß, direkt unter dem Bild */
.eventon_list_event .desc_trig[style*="padding-top"] {
	background: #fff !important;
	padding: 202px 20px 20px 20px !important;
	display: flex !important;
	flex-direction: column !important;
}
.eventon_list_event .evoet_c1 { display: none !important; }
.eventon_list_event .evoet_in {
	display: flex !important;
	flex-direction: column !important;
}
.eventon_list_event .evoet_cx {
	display: block !important; width: 100% !important; float: none !important; text-align: left !important;
}
/* Inhalt-Spalte als Flex-Spalte, damit die order-Reihenfolge greift */
.eventon_list_event .evoet_c3 { display: flex !important; flex-direction: column !important; }
/* Natives Datum-Badge ausblenden – Datum kommt als Listen-Zeile (wf_date) */
.eventon_list_event .evoet_c2 { display: none !important; }
.eventon_list_event .evoet_title {
	display: block !important; order: -1 !important;
	font-family: "Nunito", Roboto, sans-serif !important;
	color: var(--e-global-color-primary, #e8633e) !important;
	font-size: 22px !important; font-weight: 800 !important; line-height: 1.2 !important;
	margin: 0 0 12px !important; white-space: normal !important;
}
/* Datum als Listen-Zeile (Icon links, Text rechts) – wie Ort/Preis */
.eventon_list_event .wf_date {
	display: block !important; order: 0 !important;
	color: #555 !important; font-size: 16px !important; margin: 0 0 7px !important;
}
.eventon_list_event .wf_date i { color: var(--e-global-color-primary, #e8633e) !important; margin-right: 12px !important; }
/* Ort (aus data-Attribut) */
.eventon_list_event .event_location_attrs {
	display: block !important; order: 1 !important;
	color: #555 !important; font-size: 16px !important; margin: 0 0 7px !important;
}
.eventon_list_event .event_location_attrs::before {
	content: "\f3c5"; font-family: "Font Awesome 5 Free"; font-weight: 900;
	color: var(--e-global-color-primary, #e8633e); margin-right: 12px;
}
.eventon_list_event .event_location_attrs::after { content: attr(data-location_name); }
/* Preis (injiziert) */
.eventon_list_event .wf_price {
	display: block !important; order: 2 !important;
	color: #555 !important; font-size: 16px !important; font-weight: 400 !important; margin: 0 0 18px !important;
}
.eventon_list_event .wf_price i { color: var(--e-global-color-primary, #e8633e) !important; margin-right: 9px !important; }
/* „Details & Buchung"-Button */
.eventon_list_event .evoet_c3::after {
	content: "Details & Buchung"; order: 3;
	display: block !important; text-align: center;
	background: var(--e-global-color-primary, #ee7a4e); color: #fff !important;
	font-weight: bold; font-size: 16px; padding: 13px 20px; border-radius: 35px; margin-top: 6px;
}