/*
Theme Name: Bollaert IBC NL
Theme URI: https://github.com/ictbollaert/bollaert-ibc-nl
Description: Brand child theme of Twenty Twenty-Five for the Bollaert IBC NL webshop. Brand tokens + overrides via theme.json. Pilot for a future-proof child reusable across Bollaert webshops.
Template: twentytwentyfive
Version: 0.1.0
Author: Bollaert IT
License: Proprietary
Text Domain: bollaert-ibc-nl
Requires at least: 6.5
Requires PHP: 8.1
Tags: full-site-editing, block-styles, woocommerce
*/

/* Theme-wide base styles only. Component styles live under
 * /assets/css/components/, one file per component. */

/* Crisper text rendering for eye comfort (retina/macOS especially). */
html {
	-webkit-text-size-adjust: 100%;
	/* Always reserve the scrollbar gutter so the layout width — and therefore
	   the header — is identical whether or not a page scrolls. Stops the navbar
	   shifting between short and long pages. */
	scrollbar-gutter: stable;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Mobile: no sideways drift / layout deformation when swiping with a finger.
 * `overflow-x: clip` stops any stray element from causing horizontal scroll
 * WITHOUT breaking position:sticky (which overflow:hidden would), and
 * overscroll-behavior kills the horizontal rubber-band wobble. */
html,
body {
	max-width: 100%;
	overflow-x: clip;
	overscroll-behavior-x: none;
}

/* Media never overflows its container. */
img,
svg {
	max-width: 100%;
}

/* Comfortable, accessible focus ring across interactive elements. */
:where(a, button, input, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--brand);
	outline-offset: 2px;
}

/* Brand-blue scrollbars site-wide (literal colours so they resolve on the
 * scrollbar pseudo-elements regardless of where the CSS vars are defined). */
html {
	scrollbar-width: thin;
	scrollbar-color: #3399cc #eaf4fa;
}

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-track {
	background: #eaf4fa;
}

::-webkit-scrollbar-thumb {
	background: #3399cc;
	border-radius: 999px;
	border: 3px solid #eaf4fa;
}

::-webkit-scrollbar-thumb:hover {
	background: #287a9e;
}

/* Designed pattern pages (contact, delivery) bring their own headings. */
.bollaert-no-title .wp-block-post-title { display: none; }

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	padding: 0;
	margin: -1px;
}

/* No focus squares on mouse clicks: outlines only for keyboard navigation
 * (:focus-visible). Also kill the mobile tap-highlight flash. */
:focus:not(:focus-visible) { outline: none; }
html { -webkit-tap-highlight-color: transparent; }