/*
	overwrites van registered.css
*/
/* iets meer content tonen */
	main { background-color:var(--white-grey); }
	main > .container { border-left:1px solid var(--grey); border-right:1px solid var(--grey); padding:10px 10px 0 10px; }
	.readSpeakerContent { color:var(--aeno-purple); }
	h2 { font-weight:bold; }
/* titel webapp in header, ook nodig voor relatief plaatsen van jaarkiezer */
	header .titleContainer { font-size:1.5rem; font-weight:bold; }
	.titleContainerText { position:relative; }
/* jaar-/periodekiezer */
	/* periodekiezer formulier */
		.titleContainerText .headerYearPicker {
			color:inherit;
			display:block;
			height:inherit;
			line-height:inherit;
			overflow:visible;
			padding:0;
			position:absolute;
			right:0;
			text-align:right;
			top:-10px;
			z-index:100;
		}
	/* periodekiezer select */
		.titleContainerText .headerYearPicker .result-year-select { font-size:1.5rem; }
		.titleContainerText .headerYearPicker .result-year-select option { font-size:1.25rem; padding:1rem; }
	/* met progressive enhancement de submit knop default niet tonen
		- wordt wel weer getoond als Javascript uit staat */
		.titleContainerText .headerYearPicker .year-submit {
			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;
		}
/* algemene BS-5 override voor content blokken */
	.dashboard-blok,
	.toelichting-blok,
	.highlights-blok,
	.themas-blok { margin-right:calc(-.45 * var(--bs-gutter-x)); margin-left: calc(-.45 * var(--bs-gutter-x)); }
	.chart-body .alert,
	.alert p:last-of-type { margin-bottom:0; }
/* custom popovers */
	.info-link { color:var(--bandwidth); cursor:pointer; font-size:1.5rem; margin-right:5px; }
	.custom-popover {
		--bs-popover-max-width:400px;
		--bs-popover-border-color:var(--aeno-purple);
		--bs-popover-header-bg:var(--aeno-purple);
		--bs-popover-header-color:var(--white);
		--bs-popover-body-padding-x:1rem;
		--bs-popover-body-padding-y:.5rem;
	}
/* standaard padding voor content blokken */
	:is(
		.dashboard-blok,
		.toelichting-blok,
		.highlights-blok,
		.themas-blok
	) > div:first-child { padding:1rem 3rem; }
/* dashboard introtekst */
	.dashboard-blok div { background-color:var(--aeno-orange-tenth); }
	.dashboard-blok div .titleContainer { padding-top:1rem; }
/* dashboard toelichting */
	.toelichting-blok { margin-top:1rem; margin-bottom:1rem; }
/* dashboard highlights */
	.highlights-blok { background-color:var(--aeno-purple-tenth); }
/* dashboard tabs */
	.nav-tabs { --bs-nav-tabs-border-width:0; border-bottom:0 !important; }
	#themas .nav-item .nav-link { color:var(--aeno-purple) !important; font-size:clamp(1.1em, 1vw, 1.3em); text-decoration:underline; }
	#themas .nav-item .nav-link:hover,
	#themas.nav-tabs .nav-item.show .nav-link,
	#themas.nav-tabs .nav-link.active { background-color:var(--aeno-brown-quarter) !important; text-decoration:none; }
	#themas.nav-tabs .nav-link.active { font-weight:bold; }
	.nav-tabs .nav-link { border-radius:0; }
/* tabs op brede schermen tonen en gestapelde accordeons op smallere */
	.responsive-tabs { margin-top:1rem; }
	.responsive-tabs .nav-tabs { display:none; }
	.responsive-tabs .accordion-item { background-color:var(--aeno-brown-quarter); color:var(--aeno-dark-blue); }
	.responsive-tabs .accordion-header button { color:var(--aeno-dark-blue); }
	.responsive-tabs .accordion-button:not(.collapsed) { background-color:var(--aeno-brown-quarter); font-weight:bold; }
	/* media queries */
		@media (min-width:1200px) {
			.responsive-tabs .nav-tabs { display:flex; }
			.responsive-tabs .card { border:none; }
			.responsive-tabs .card-header { display:none; }
			.responsive-tabs .collapse { display:block; }
		}
		@media (max-width:1199px) {
			.responsive-tabs .tab-pane { display:block !important; opacity:1; }
			.responsive-tabs h3 { font-size:1.25rem; }
			.responsive-tabs .accordion { margin-bottom:4px; }
			.responsive-tabs .accordion-item { border:1px solid var(--grey) !important; }
		}
/* overige media queries */
	@media only screen and (max-width:992px) {
		header .titleContainer { height:0; }
		header .titleContainer .titleContainerText { color:var(--white); left:80px; top:6px; z-index:999; }
		header .titleContainer .titleContainerText .headerYearPicker { right:80px; top:-6px; }
	}
	@media only screen and (max-width:576px) {
		header .titleContainer .titleContainerText span { visibility:hidden; }
		:is(
			.dashboard-blok,
			.toelichting-blok,
			.highlights-blok,
			.themas-blok
		) > div:first-child  { padding:1rem; }
		header .titleContainer .titleContainerText .headerYearPicker { top:-3px; }
		header .titleContainer .titleContainerText .headerYearPicker .result-year-select { font-size:1.25rem; }
	}