/*
Theme Name: Studio SN
Theme URI: https://studiosn.nl
Author: Studio SN
Description: Het thema van studiosn.nl: de opmaak en beweging van de HTML-demo (versie 5), met eigen blokken voor elke sectie. Werkt samen met de plugin Studio SN – Functies. De opmaak zelf staat in assets/css/site.css; dit bestand bevat alleen aanvullingen voor WordPress.
Version: 2.1.0
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: studiosn
*/

/*
 * De balk van WordPress (alleen als je bent ingelogd) schuift de kop niet weg.
 */
.admin-bar .kop-balk {
	top: calc(env(safe-area-inset-top, 0px) + 32px);
}

.admin-bar .menu {
	top: 32px;
}

@media (max-width: 782px) {

	.admin-bar .kop-balk {
		top: calc(env(safe-area-inset-top, 0px) + 46px);
	}

	.admin-bar .menu {
		top: 46px;
	}

	#wpadminbar {
		position: fixed;
	}
}

/* Een veld dat mensen niet zien, tegen spam. */
.veld-val {
	position: absolute !important;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Als versturen niet lukt. */
.formulier__fout {
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
	margin: 0.75rem 0 0;
	color: var(--fout, #b3261e);
	font-size: 0.9375rem;
}

.formulier__fout[hidden] {
	display: none;
}

.formulier__fout svg {
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0.1875rem;
}

/* Beelden en blokken in artikelen en gewone pagina's. */
.prose figure {
	margin: 1.6em 0;
}

.prose figure img {
	border-radius: var(--radius-kaart);
}

.prose figcaption {
	margin-top: 0.5em;
	color: var(--tekst-zacht);
	font-size: 0.875rem;
}

.prose .wp-block-image img {
	height: auto;
}

.prose .aligncenter {
	margin-right: auto;
	margin-left: auto;
}

.artikelkaart__beeld img,
.artikel__omslag img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Links naar nieuwere en oudere artikelen (/page/2/). */
.bladeren {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 3rem;
}

.bladeren a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.25rem;
}

/* Gewone tekstblokken tussen de secties. */
.wrap.gewoon + .wrap.gewoon {
	margin-top: 0;
}