/* [webcam_kalenders] — klassieke stijl, zoals de andere weer-plugins (Weer Hub). */
.wdk-tabs-kaart {
	background: #f3f4f6;
	border-radius: 14px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto 2.5em;
	box-sizing: border-box;
	color: #1c2430;
}

.wdk-tabs-kaart *,
.wdk-tabs-kaart *::before,
.wdk-tabs-kaart *::after {
	box-sizing: border-box;
}

.wdk-tabs-kop {
	background: linear-gradient(90deg, var(--wk-kop-basis-1, #1f5fae), var(--wk-kop-basis-2, #4a8ad6));
	color: var(--wk-kop-basis-tekst, #fff);
	padding: 10px 16px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}

/* Tabknoppen: ronde knoppen, de actieve in de knopkleur van Weer Hub. */
.wdk-tabs-knoppen {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	padding: 14px 16px 0;
}

.wdk-tabs-kaart button.wdk-tab {
	margin: 0;
	padding: 7px 18px;
	border: 1px solid #c9ced6;
	border-radius: 999px;
	background: #fff;
	color: #1c2430;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
	text-transform: none;
}

.wdk-tabs-kaart button.wdk-tab:hover,
.wdk-tabs-kaart button.wdk-tab:focus-visible {
	border-color: var(--wk-knop, #1a5fa0);
	color: #1c2430;
	background: #fff;
}

.wdk-tabs-kaart button.wdk-tab.is-actief,
.wdk-tabs-kaart button.wdk-tab.is-actief:hover {
	background: var(--wk-knop, #1a5fa0);
	border-color: var(--wk-knop, #1a5fa0);
	color: var(--wk-knop-tekst, #fff);
}

.wdk-tabs-inhoud {
	padding: 14px 16px 16px;
}

.wdk-tabs-paneel[hidden] {
	display: none;
}

/* De kalender zelf in de kaart: wit paneel, geen eigen marge. */
.wdk-tabs-kaart .wdk-container {
	max-width: none;
	margin: 0;
}

.wdk-tabs-kaart .wdk-calendar-wrap {
	background: #fff;
	border: 1px solid #e3e7ed;
	border-radius: 10px;
}

.wdk-tabs-kaart .wdk-selected-date {
	color: #1c2430;
}

.wdk-tabs-kaart .wdk-day.wdk-selected {
	background: var(--wk-knop, #1a5fa0);
	color: var(--wk-knop-tekst, #fff);
}

.wdk-tabs-kaart .wdk-day.wdk-today {
	box-shadow: inset 0 0 0 2px var(--wk-knop, #1a5fa0);
}

.wdk-tabs-kaart .wdk-video {
	border-radius: 10px;
}

/* Binnen een [weer_kaart] zonder eigen titelbalk: geen dubbele kaart. */
.wdk-tabs-kaart.wdk-tabs-zonder-kop {
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	margin: 0;
}

.wdk-tabs-kaart.wdk-tabs-zonder-kop .wdk-tabs-knoppen {
	padding-top: 0;
}

.wdk-tabs-kaart.wdk-tabs-zonder-kop .wdk-tabs-inhoud {
	padding: 12px 0 0;
}