/* Fysiotherapie Lek & Yssel — light styling layer on top of theme.json */

.lekyssel-header {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
	z-index: 100;
}

/* Card hover lift, applied to any element with the shared card class */
.lekyssel-card {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	height: 100%;
}

.lekyssel-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(2, 101, 168, 0.12);
}

.lekyssel-hero-panel {
	box-shadow: 0 12px 32px rgba(2, 101, 168, 0.18);
}

/* Query loop card grids: comfortable minimum card width, wraps naturally */
.lekyssel-card-grid.wp-block-post-template {
	gap: 20px;
}

/* Gentle fade-in for the hero on page load; skipped for reduced-motion users */
@media (prefers-reduced-motion: no-preference) {
	.lekyssel-hero {
		animation: lekyssel-fade-up 0.5s ease both;
	}
}

@keyframes lekyssel-fade-up {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Keep focus clearly visible for keyboard users */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid #0265a8;
	outline-offset: 2px;
}