/* NOIO_LAYOUT_CALENDAR_FIX_V6_20260917
   1) Startseite: Abstand Hero -> Wahlbox reduzieren
   2) Untermenue: horizontal kompakter / zentriert
   3) The Events Calendar: NOIO-Dark-Theme, lesbar und aufgeraeumt
*/

/* ------------------------------------------------------------
   1. STARTSEITE – weniger Leerraum unter dem Hero
   ------------------------------------------------------------ */
body.home .noio-live-content,
body.front-page .noio-live-content,
body.noio-home .noio-live-content {
	padding-top: 28px !important;
}

body.home .noio-home-election-promo,
body.front-page .noio-home-election-promo {
	margin-top: 0 !important;
	margin-bottom: 26px !important;
}

/* ------------------------------------------------------------
   2. UNTERMENUE – schmaler als die 1536px Gesamtbuehne
   ------------------------------------------------------------ */
.noio-section-nav-wrap {
	box-sizing: border-box !important;
	width: min(calc(100% - 120px), 1320px) !important;
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.noio-section-nav {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Der aktive Punkt bleibt klar und leuchtend. Alte Pseudo-Bullets entfernen. */
.noio-section-nav a::before {
	content: none !important;
	display: none !important;
}
.noio-section-nav a.is-active {
	background: linear-gradient(180deg,#32edf8 0%,#20dce9 100%) !important;
	color: #04141d !important;
	border-radius: 8px !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.55),
		0 0 0 1px rgba(65,240,250,.22),
		0 7px 20px rgba(20,215,230,.14) !important;
}

/* ------------------------------------------------------------
   3. EVENTS – Plugin optisch in NOIO integrieren
   ------------------------------------------------------------ */

/* Accessibility-Texte des Plugins duerfen nicht als sichtbare Ueberschriften
   auftauchen. Einige Theme-Regeln hatten diese Hilfstexte sichtbar gemacht. */
.tribe-common .tribe-common-a11y-visual-hide,
.tribe-events .tribe-common-a11y-visual-hide,
.tribe-common .tribe-common-a11y-hidden,
.tribe-events .tribe-common-a11y-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Kalenderbuehne */
.tribe-common.tribe-events,
.tribe-events {
	--tec-color-text-primary: #f3f7fa;
	--tec-color-text-secondary: #9eb3c2;
	--tec-color-text-disabled: #607888;
	--tec-color-border-default: #244457;
	--tec-color-border-secondary: #1a3546;
	--tec-color-background: #07131d;
	--tec-color-background-secondary: #0b1d29;
	--tec-color-background-events: #0b1d29;
	--tec-color-accent-primary: #20e6f3;
	--tec-color-accent-primary-hover: #62f2fb;
	color: #f3f7fa !important;
	background: transparent !important;
}

.tribe-events .tribe-events-l-container,
.tribe-common .tribe-common-l-container {
	box-sizing: border-box !important;
	width: min(calc(100% - 120px), 1320px) !important;
	max-width: 1320px !important;
	margin: 0 auto !important;
	padding: 38px 0 76px !important;
	color: #f3f7fa !important;
}

/* Such-/Ansichtsleiste als kompakte NOIO-Card */
.tribe-events .tribe-events-header,
.tribe-events .tribe-events-c-events-bar,
.tribe-events .tribe-events-c-top-bar {
	color: #f3f7fa !important;
}

.tribe-events .tribe-events-c-events-bar {
	overflow: hidden !important;
	margin-bottom: 20px !important;
	border: 1px solid #244457 !important;
	border-radius: 12px !important;
	background: #0b1d29 !important;
	box-shadow: 0 12px 30px rgba(0,0,0,.15) !important;
}

.tribe-events .tribe-events-c-search__input-control,
.tribe-events .tribe-events-c-view-selector,
.tribe-events .tribe-events-c-events-bar__search-container {
	background: transparent !important;
}

.tribe-events .tribe-events-c-search__input,
.tribe-events .tribe-events-c-search__input:focus,
.tribe-events input[type="text"],
.tribe-events input[type="search"] {
	color: #f3f7fa !important;
	background: #091923 !important;
	border-color: #2b4d61 !important;
	box-shadow: none !important;
}
.tribe-events .tribe-events-c-search__input::placeholder,
.tribe-events input::placeholder {
	color: #718b9b !important;
}

.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn,
.tribe-events .tribe-common-c-btn {
	background: #20e6f3 !important;
	color: #04131b !important;
	border: 0 !important;
	border-radius: 8px !important;
	font-weight: 800 !important;
	box-shadow: none !important;
}

.tribe-events .tribe-events-c-view-selector__button,
.tribe-events .tribe-events-c-view-selector__list-item-link,
.tribe-events .tribe-events-c-top-bar__datepicker-button,
.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-c-nav__next {
	color: #e6f1f6 !important;
	background: transparent !important;
}

/* Monatstitel / Navigation */
.tribe-events .tribe-events-c-top-bar {
	margin-bottom: 18px !important;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button {
	padding: 8px 11px !important;
	border: 1px solid transparent !important;
	border-radius: 7px !important;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button:hover {
	border-color: #2b5268 !important;
	background: #0b1d29 !important;
}
.tribe-events .tribe-events-c-top-bar__datepicker-time,
.tribe-events .tribe-events-c-top-bar__datepicker-mobile {
	color: #f3f7fa !important;
	font-weight: 750 !important;
}

/* Monatskalender */
.tribe-events .tribe-events-calendar-month {
	overflow: hidden !important;
	border: 1px solid #27485c !important;
	border-radius: 12px !important;
	background: #07131d !important;
	box-shadow: 0 14px 34px rgba(0,0,0,.16) !important;
}

.tribe-events .tribe-events-calendar-month__header-column {
	padding: 12px 8px !important;
	background: #0c2230 !important;
	border-color: #27485c !important;
}
.tribe-events .tribe-events-calendar-month__header-column-title,
.tribe-events .tribe-events-calendar-month__header-column-title-desktop,
.tribe-events .tribe-events-calendar-month__header-column-title-mobile {
	color: #9edee7 !important;
	font-size: .75rem !important;
	font-weight: 850 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

/* Tageszellen: nie wieder weisse Flaechen */
.tribe-events .tribe-events-calendar-month__week,
.tribe-events .tribe-events-calendar-month__day,
.tribe-events .tribe-events-calendar-month__day-cell,
.tribe-events .tribe-events-calendar-month__day-cell--desktop,
.tribe-events .tribe-events-calendar-month__day-cell--mobile {
	background: #091923 !important;
	border-color: #234254 !important;
}

.tribe-events .tribe-events-calendar-month__day:nth-child(even),
.tribe-events .tribe-events-calendar-month__day-cell:nth-child(even) {
	background: #0a1b27 !important;
}

.tribe-events .tribe-events-calendar-month__day--past,
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-cell {
	background: #07151f !important;
}

.tribe-events .tribe-events-calendar-month__day--current,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-cell {
	background:
		linear-gradient(180deg,rgba(32,230,243,.075),rgba(32,230,243,.025)),
		#0a1c28 !important;
	box-shadow: inset 0 0 0 1px rgba(32,230,243,.28) !important;
}

/* Datumsnummern */
.tribe-events .tribe-events-calendar-month__day-date,
.tribe-events .tribe-events-calendar-month__day-date-link,
.tribe-events .tribe-events-calendar-month__day-date-daynum,
.tribe-events .tribe-events-calendar-month__day-date-daynum a {
	color: #dceaf0 !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date,
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link,
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum {
	color: #5d7484 !important;
}

/* Events innerhalb der Zellen */
.tribe-events .tribe-events-calendar-month__calendar-event {
	margin: 4px 7px 6px !important;
	padding: 6px 7px !important;
	border-left: 2px solid #20e6f3 !important;
	border-radius: 4px !important;
	background: rgba(32,230,243,.065) !important;
}
.tribe-events .tribe-events-calendar-month__calendar-event-title,
.tribe-events .tribe-events-calendar-month__calendar-event-title-link {
	color: #eef8fb !important;
	font-size: .78rem !important;
	font-weight: 740 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
}
.tribe-events .tribe-events-calendar-month__calendar-event-title-link:hover {
	color: #20e6f3 !important;
}
.tribe-events .tribe-events-calendar-month__calendar-event-datetime,
.tribe-events .tribe-events-calendar-month__calendar-event-datetime-featured-text {
	color: #89a5b5 !important;
	font-size: .69rem !important;
}

/* Tooltips / Popover */
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip,
.tribe-common .tribe-events-calendar-month__calendar-event-tooltip {
	color: #eef8fb !important;
	background: #0d202d !important;
	border: 1px solid #2b4b5d !important;
	border-radius: 9px !important;
	box-shadow: 0 15px 35px rgba(0,0,0,.35) !important;
}
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title,
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link {
	color: #f4fbfd !important;
}

/* Footer-Navigation des Kalenders */
.tribe-events .tribe-events-c-nav,
.tribe-events .tribe-events-c-nav__list {
	border-color: #244457 !important;
}
.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-c-nav__next {
	color: #9fdde6 !important;
	font-weight: 700 !important;
}
.tribe-events .tribe-events-c-nav__prev:hover,
.tribe-events .tribe-events-c-nav__next:hover {
	color: #20e6f3 !important;
}

/* Plugin-Meldungen und Ladezustand */
.tribe-events .tribe-events-header__messages,
.tribe-events .tribe-events-c-messages__message,
.tribe-common .tribe-common-c-svgicon {
	color: #a9bdc9 !important;
}
.tribe-events .tribe-events-c-messages__message {
	border: 1px solid #244457 !important;
	border-radius: 9px !important;
	background: #0b1d29 !important;
}

/* Mobile */
@media (max-width: 900px) {
	body.home .noio-live-content,
	body.front-page .noio-live-content {
		padding-top: 20px !important;
	}

	.noio-section-nav-wrap {
		width: calc(100% - 24px) !important;
		max-width: none !important;
	}

	.tribe-events .tribe-events-l-container,
	.tribe-common .tribe-common-l-container {
		width: calc(100% - 24px) !important;
		padding: 24px 0 52px !important;
	}

	.tribe-events .tribe-events-calendar-month {
		border-radius: 9px !important;
	}
}