/*
Theme Name: Zwaag Lab
Theme URI: https://zwaaglab.spinozacentre.nl
Author: Spinoza Centre for Neuroimaging
Description: Minimal block theme for the Zwaag Lab (7T MRI research group). Styling is driven almost entirely by theme.json; this file carries only the theme header and the few rules the JSON cannot express.
Version: 0.1.1
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zwaaglab
*/

/* --- Portrait: let the homepage image sit to the right of the intro text ---
   Add the class "lab-portrait" to the Image block in the page editor
   (Block > Advanced > Additional CSS class). Falls back to full width on mobile. */
@media (min-width: 600px) {
	.lab-portrait {
		float: right;
		max-width: 260px;
		margin: 0.25rem 0 1.25rem 2rem;
	}
}
.lab-portrait img {
	border-radius: 4px;
	display: block;
	width: 100%;
	height: auto;
}

/* --- Nav item spacing fallback (in case flex gap is unset on older WP) --- */
.wp-block-navigation .wp-block-navigation-item {
	margin-inline: 0.55rem;
}

/* --- Quality floor: visible keyboard focus, honour reduced motion --- */
:where(a, button, input, .wp-block-navigation-item a):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}