/*
Theme Name: Grusenmeyer
Theme URI: https://grusenmeyer.men
Description: Standalone WordPress-thema voor Grusenmeyer in "quiet luxury"-stijl. Bevat het volledige designsysteem, de animatie-engine (GSAP + Lenis), een scroll-aware header en een custom mega-menu. Gebouwd om samen te werken met Elementor Pro voor bewerkbare pagina-content. Header/footer worden door het thema gerenderd en zijn optioneel te overschrijven via Elementor Theme Builder.
Author: Pixapop
Author URI: https://pixapop.be
Version: 1.0.5
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grusenmeyer
Tags: elementor, custom-menu, featured-images, full-width-template, theme-options
*/

/* =====================================================================
   WordPress-lijmstijlen.
   Het volledige designsysteem staat in assets/css/style.css (apart ingeladen).
   Hier enkel de a11y-helpers en WP-specifieke glue.
   ===================================================================== */

/* Toegankelijkheid */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px; width: 1px;
	margin: -1px; padding: 0;
	overflow: hidden;
	position: absolute !important;
	word-wrap: normal !important;
}
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 1000;
	background: var(--ink, #211e1a);
	color: var(--cream, #f6f1e9);
	padding: 12px 20px;
	border-radius: 0 0 4px 0;
}
.skip-link:focus { left: 0; }

/* Standaard pagina's/posts (niet-Elementor): ruimte onder de fixed header */
.page-default { padding-top: var(--header-h, 84px); }

/* Blog/zoekresultaten */
.post-item { padding-block: var(--xl, 48px); border-bottom: 1px solid var(--stone-line, #ddd3c4); }
.post-item:last-child { border-bottom: 0; }
.post-item__title { font-size: var(--fs-h3, 1.6rem); margin-bottom: var(--xs, 8px); }
.post-content { margin-top: var(--lg, 32px); }

/* WordPress alignment-helpers binnen reguliere content */
.aligncenter { margin-inline: auto; }
.alignleft { float: left; margin: 0 var(--md, 24px) var(--sm, 16px) 0; }
.alignright { float: right; margin: 0 0 var(--sm, 16px) var(--md, 24px); }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: var(--fs-small, 0.8125rem); color: var(--ink-soft, #4a443c); padding-top: 8px; }

/* Paginering */
.pagination { display: flex; gap: 10px; margin-top: var(--xl, 48px); }
.pagination .page-numbers { padding: 8px 14px; border: 1px solid var(--stone-line, #ddd3c4); border-radius: 999px; font-size: var(--fs-micro, 0.6875rem); letter-spacing: 0.16em; text-transform: uppercase; }
.pagination .page-numbers.current { background: var(--ink, #211e1a); color: var(--cream, #f6f1e9); border-color: var(--ink, #211e1a); }