/*
Theme Name: I Love Work Blocks
Theme URI: https://www.ilovework.nl/
Author: I Love Work
Description: Een lichtgewicht, flexibel blokthema voor I Love Work.
Version: 0.1.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: ilovework-blocks
*/

html {
	scroll-behavior: smooth;
}

body {
	text-rendering: optimizeLegibility;
}

a {
	text-underline-offset: 0.16em;
}

footer a {
	color: inherit;
}

.wp-site-blocks {
	overflow: clip;
}

.ilw-sticky-header {
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ilw-brand-mark {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

.ilw-brand-mark::before {
	color: var(--wp--preset--color--signal);
	content: "♥";
	font-size: 0.9em;
	line-height: 1;
}

.ilw-sticky-header .wp-block-navigation-item.is-style-fill > .wp-block-navigation-item__content {
	background: var(--wp--preset--color--signal);
	border-radius: 999px;
	color: var(--wp--preset--color--white);
	padding: 0.55rem 0.9rem;
}

.ilw-card {
	height: 100%;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.ilw-card:hover {
	box-shadow: 0 18px 50px rgba(17, 17, 17, 0.09);
	transform: translateY(-4px);
}

.ilw-eyebrow {
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ilw-number {
	font-variant-numeric: tabular-nums;
}

.ilw-media-frame img,
.ilw-media-frame video {
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.wp-block-post-featured-image img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

@media (max-width: 781px) {
	.ilw-sticky-header {
		position: relative !important;
	}

	.ilw-mobile-stack {
		gap: 1.25rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.ilw-card {
		transition: none;
	}
}