/*
Theme Name: Huren Base
Theme URI: https://website-huren.com
Author: Studio Kreatief
Author URI: https://website-huren.com
Description: Herbruikbaar basis-block-theme voor het verhuurmodel van website-huren.com. Verfijnde, editorial-moderne stijl met een centraal designsysteem (theme.json), kant-en-klare patterns en style variations per niche. Bedoeld als fundament: kloon, herkleur via een style variation, vul patterns met content.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: huren-base
Tags: full-site-editing, block-styles, block-patterns, style-variations, custom-colors, custom-logo, editor-style, threaded-comments, translation-ready
*/

/*
 * Het meeste van de styling zit in theme.json (de bron van waarheid).
 * Dit bestand bevat alleen kleine aanvullingen die theme.json (nog) niet
 * netjes kan uitdrukken. Houd dit bewust kort.
 */

/* Zachtere selectie-kleur passend bij het palet */
::selection {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

/* Subtiele focus-outline voor toegankelijkheid */
:where(a, button, .wp-block-button__link, input, textarea, select):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Sticky header zonder dat content eronder verspringt */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
	backdrop-filter: saturate(1.1) blur(8px);
	background-color: color-mix(in srgb, var(--wp--preset--color--base) 86%, transparent);
}

/* Lichte hover-lift op kaarten (groepen met schaduw) */
.is-style-card {
	transition: transform 160ms ease, box-shadow 160ms ease;
}
.is-style-card:hover {
	transform: translateY(-3px);
}
