/**
 * EventON archive page — Hello Child Luterani
 *
 * Scoped to .hc-* containers; avoids overriding EventON calendar internals.
 */

.hc-events-archive {
	width: 100%;
}

.hc-events-hero {
	padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 2rem);
	background-color: var(--hc-events-hero-bg, #f5f5f5);
	border-bottom: 1px solid var(--hc-events-hero-border, #e0e0e0);
}

.hc-events-hero__inner {
	max-width: var(--hc-events-content-width, 1140px);
	margin-inline: auto;
	text-align: center;
}

.hc-events-hero__title {
	margin: 0 0 0.5rem;
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--hc-events-hero-title, #1a1a1a);
}

.hc-events-hero__subtitle {
	margin: 0;
	font-size: clamp(1rem, 2vw, 1.125rem);
	line-height: 1.6;
	color: var(--hc-events-hero-subtitle, #555);
}

.hc-events-archive__body {
	max-width: var(--hc-events-content-width, 1200px);
	margin-inline: auto;
	padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1rem, 4vw, 2rem);
}

.hc-events-archive__grid {
	display: flex;
	flex-direction: column;
	gap: clamp(1.5rem, 3vw, 2.5rem);
}

.hc-events-archive__main {
	flex: 1 1 auto;
	min-width: 0;
}

.hc-events-archive__sidebar {
	flex: 0 0 auto;
	width: 100%;
}

.hc-events-archive__sidebar .elementor-section-wrap,
.hc-events-archive__sidebar .elementor {
	width: 100%;
}

.hc-events-page-content {
	margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.hc-events-page-content > :first-child {
	margin-top: 0;
}

.hc-events-page-content > :last-child {
	margin-bottom: 0;
}

.hc-events-archive__list,
.hc-events-archive__calendar {
	margin-top: 0.5rem;
	width: 100%;
}

/* ===== EventON archive: card layout + extended date ===== */

/* Card su due righe: data sopra, contenuto sotto */
#evcal_list .eventon_list_event .evcal_list_a {
	flex-wrap: wrap !important;
}
#evcal_list .eventon_list_event .evoet_cx {
	width: 100% !important;
}

/* ===== Data EventON: tutte le pagine ===== */
#evcal_list .eventon_list_event .evcal_cblock.hc-date-extended {
	display: inline-flex !important;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 0.75em;
}
#evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_start,
#evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end {
	display: inline-flex !important;
	align-items: center;
	gap: 0.25em;
	font-size: 1rem !important;
	font-weight: 300 !important;
	line-height: 1.2;
	white-space: normal;
}
#evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end {
	opacity: 0.8;
}
#evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_start em:not(.time),
#evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end em:not(.time) {
	font-size: 1rem !important;
	font-weight: 300 !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
}
#evcal_list .eventon_list_event .evcal_cblock.hc-date-extended em.time {
	display: none !important;
}
#evcal_list .eventon_list_event .evcal_cblock.hc-same-day .evo_end {
	display: none !important;
}

html[lang^="de"] em.date::after {
    content: ".";
}

/* Contenitore date: spazio tra inizio e fine */
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended {
	display: inline-flex !important;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 0.75em;
}

/* Blocchi data inizio / fine: stesso layout e stessa dimensione */
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_start,
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end {
	display: inline-flex !important;
	align-items: center;
	gap: 0.25em;
	font-size: 1rem !important;
	font-weight: 300 !important;
	line-height: 1.2;
	white-space: normal;
}

/* Data fine: identica alla data inizio, solo più trasparente */
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end {
	opacity: 0.8;
}

/* Giorno, numero, mese: STESSA grandezza in inizio e fine */
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_start em.day,
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_start em.date,
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_start em.month,
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end em.day,
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end em.date,
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end em.month {
	font-size: 1rem !important;
	font-weight: 300 !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
}

/* Orario EventON: resta nascosto */
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended em.time {
	display: none !important;
}

.evcal_cblock .evo_end{
	padding-left: 24px;
	margin-top:0px
}

/* Stesso giorno: nasconde data fine e trattino */
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-same-day .evo_end {
	display: none !important;
}
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-same-day .evo_end::before,
.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-same-day .evo_end::after {
	display: none !important;
	content: none !important;
}

@media (max-width: 767px) {
			.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_start em.day,
	.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_start em.date,
	.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_start em.month,
	.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end em.day,
	.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end em.date,
	.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended .evo_end em.month {
		font-size: 0.75rem !important;

	}
	
	.hc-events-archive #evcal_list .eventon_list_event .evcal_cblock.hc-date-extended {
		margin-bottom:12px;
	}
}

@media (min-width: 768px) {
	.hc-events-hero__inner,
	.hc-events-archive__body {
		text-align: left;
	}

	.hc-events-hero__inner {
		text-align: center;
	}
	
}

@media (min-width: 992px) {
	.hc-events-archive__grid {
		flex-direction: row;
		align-items: flex-start;
	}

	.hc-events-archive__main {
		flex: 1 1 0;
	}

	.hc-events-archive__sidebar {
		flex: 0 0 var(--hc-events-sidebar-width, 320px);
		width: var(--hc-events-sidebar-width, 320px);
		max-width: 36%;
		position: sticky;
		top: var(--hc-events-sidebar-offset, 2rem);
	}
	

}