/*
Theme Name: Debonnaire
Description: Rustig, goed leesbaar blokthema voor de praktijk van Dr. Debonnaire. Zonder pagebuilder: alles wordt bewerkt met de gewone WordPress-editor en de Site-editor.
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: debonnaire
License: GPL-2.0-or-later
*/

/* Zichtbare toetsenbordfocus */
:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--ader);
	outline-offset: 3px;
}

/* Skip-link */
.skip-link:focus {
	background: var(--wp--preset--color--inkt);
	color: var(--wp--preset--color--wit);
	padding: 0.75rem 1rem;
	z-index: 100000;
}

/* Koptekst: dunne rood-blauwe lijn onderaan, het ader-motief */
.site-header {
	border-bottom: 3px solid var(--wp--preset--color--slagader);
	box-shadow: 0 5px 0 -2px var(--wp--preset--color--ader);
	margin-bottom: 5px;
}

/* Zorgonderdelen: een lijn die per onderdeel van kleur wisselt */
.zorg-onderdeel {
	border-top: 3px solid var(--wp--preset--color--slagader);
	padding-top: var(--wp--preset--spacing--30);
}
.zorg-onderdeel:nth-child(even) {
	border-top-color: var(--wp--preset--color--ader);
}

/* Contactkaart in de voettekst */
.site-footer a {
	color: inherit;
}

/* Tekst links uitgelijnd met de rest en niet breder dan prettig leesbaar */
main p,
main ul,
main ol {
	max-width: 42rem !important;
}
main :where(.wp-block-post-content, .wp-block-group) > :where(p, ul, ol) {
	margin-left: 0 !important;
	margin-right: auto !important;
}

/* Menu: meer ruimte tussen de onderdelen */
.wp-block-navigation .wp-block-navigation__container {
	gap: 1.75rem;
}

/* Knoppen: zacht afgerond, niet rond */
.wp-block-button__link {
	border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
	* {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}