/*
Theme Name: LSS Theme
Author: Leisure Service & Support
Description: Eigen blokthema (Full Site Editing) voor LSS. Stijlen via theme.json, zelf-gehoste fonts, geen externe requests.
Requires at least: 6.9
Tested up to: 7.1
Requires PHP: 8.1
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lss-theme
*/

/* Animaties (Bijlage G): alleen opacity en transform; hero niet animeren (LCP). */
@media (prefers-reduced-motion: no-preference) {
	@supports (animation-timeline: view()) {
		.is-style-fade-up {
			animation: lss-fade-up linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 40%;
		}
		.is-style-fade-in {
			animation: lss-fade-in linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 40%;
		}
	}
}
@keyframes lss-fade-up {
	from { opacity: 0; transform: translateY(2rem); }
	to   { opacity: 1; transform: none; }
}
@keyframes lss-fade-in {
	from { opacity: 0; }
	to   { opacity: 1; }
}

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

/* Header, main en footer sluiten naadloos op elkaar aan */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}