:root {
	/* Gekoppelt an Kadence Global Palette (Customizer > Colors & Fonts > Colors).
	   Ändert ihr dort die Palette, ziehen diese Werte automatisch mit.
	   Die Hex-Werte hier sind nur der Fallback, falls die Variable (noch) nicht gesetzt ist. */
	--iksa-cream: var(--global-palette8, #FAE6B1);
	--iksa-orange: var(--global-palette1, #FFA101);
	--iksa-light-blue: var(--global-palette7, #B3DEE5);
	--iksa-dark: var(--global-palette3, #31525B);
}

/* Flaggen-Grid */
.iksa-flags-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 24px;
	background: var(--iksa-cream);
	padding: 32px;
	border-top: 4px solid var(--iksa-orange);
	border-bottom: 4px solid var(--iksa-orange);
	text-align: center;
}
.iksa-flag-circle {
	width: 72px;
	height: 72px;
	margin: 0 auto 8px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.iksa-flag-circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.iksa-flag-name {
	font-weight: bold;
	color: var(--iksa-dark);
	text-transform: uppercase;
	font-size: 0.8rem;
}
.iksa-flag-contact {
	font-size: 0.75rem;
	color: var(--iksa-dark);
	margin-top: 4px;
}
.iksa-flag-seeking {
	font-style: italic;
}

/* News slider ("Up next" bar) */
.iksa-news-slider {
	display: flex;
	align-items: center;
	gap: 12px;
	background: var(--iksa-orange);
	color: #fff;
	padding: 10px 20px;
}
.iksa-slider-track {
	position: relative;
	flex: 1;
	min-height: 1.4em;
	overflow: hidden;
}
.iksa-slider-slide {
	display: none;
}
.iksa-slider-slide.is-active {
	display: block;
}
.iksa-slider-label {
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 6px;
}
.iksa-slider-slide a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.iksa-slider-prev,
.iksa-slider-next {
	background: none;
	border: none;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
	padding: 0 4px;
}

/* Artikel-Grid */
.iksa-articles-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
}
.iksa-article-card {
	background: var(--iksa-light-blue);
	padding: 16px;
	border-radius: 4px;
}
.iksa-article-card img {
	width: 100%;
	height: auto;
	margin-bottom: 8px;
}
.iksa-article-card h3 {
	color: var(--iksa-dark);
	margin: 0 0 8px;
}
.iksa-read-more {
	color: var(--iksa-dark);
	font-weight: bold;
	text-decoration: none;
}

/* Formulare */
.iksa-article-form label {
	display: block;
	font-weight: bold;
	color: var(--iksa-dark);
	margin-bottom: 12px;
}
.iksa-article-form input,
.iksa-article-form select,
.iksa-article-form textarea {
	width: 100%;
	max-width: 500px;
	padding: 8px;
	margin-top: 4px;
	border: 1px solid var(--iksa-light-blue);
	border-radius: 4px;
}
.iksa-article-form button {
	background: var(--iksa-orange);
	color: #fff;
	border: none;
	padding: 10px 24px;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
}

/* Kalender & Banner */
.iksa-calendar-wrap {
	text-align: center;
}
.iksa-submit-event {
	margin-top: 12px;
}
.iksa-button,
.iksa-event-banner {
	display: inline-block;
	background: var(--iksa-orange);
	color: #fff !important;
	padding: 10px 20px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: bold;
}
.iksa-event-banner {
	width: 100%;
	text-align: center;
	background: var(--iksa-dark);
	box-sizing: border-box;
}