/*
Theme Name: Dierenkliniek de Oude Linge Blocks
Theme URI: https://www.dierenkliniekdeoudelinge.nl/
Author: Dierenkliniek de Oude Linge
Description: Lichtgewicht blokthema zonder Cornerstone-afhankelijkheid.
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: dkol-block
*/

:root {
	--dkol-blue: #078fc2;
	--dkol-blue-dark: #075f78;
	--dkol-sand: #f5efe0;
	--dkol-ink: #25343a;
	--dkol-radius: 18px;
	--dkol-shadow: 0 14px 40px rgba(24, 49, 58, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { text-wrap: pretty; }
a:focus-visible,
button:focus-visible { outline: 3px solid #f1a33b; outline-offset: 3px; }
.site-header { position: relative; z-index: 10; box-shadow: 0 2px 16px rgba(0,0,0,.08); }
.site-header .wp-block-site-title { margin: 0; }
.site-header .wp-block-site-title a { text-decoration: none; }
.dkol-hero { min-height: clamp(360px, 58vw, 680px); }
.dkol-hero .wp-block-cover__inner-container { max-width: 1180px; }
.dkol-hero h1 { max-width: 760px; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
.dkol-section { padding: clamp(3rem, 7vw, 6.5rem) 1.25rem; }
.dkol-section > * { max-width: 1180px; margin-inline: auto; }
.dkol-card { height: 100%; padding: clamp(1.25rem, 3vw, 2rem); border-radius: var(--dkol-radius); background: #fff; box-shadow: var(--dkol-shadow); }
.dkol-card h2, .dkol-card h3 { margin-top: 0; }
.dkol-contact-card a { font-weight: 700; }
.dkol-hours { width: 100%; border-collapse: collapse; }
.dkol-hours td { padding: .48rem .2rem; border-bottom: 1px solid rgba(37,52,58,.14); }
.dkol-hours td:last-child { text-align: right; font-weight: 700; }
.dkol-team-card img { aspect-ratio: 4/5; width: 100%; object-fit: cover; border-radius: 12px; }
.dkol-service-image img { aspect-ratio: 4/3; width: 100%; object-fit: cover; border-radius: var(--dkol-radius); }
.dkol-map { position: relative; min-height: 460px; overflow: hidden; border-radius: var(--dkol-radius); box-shadow: var(--dkol-shadow); }
.dkol-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.dkol-stats { text-align: center; }
.dkol-stat-number { display: block; font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 800; line-height: 1; color: var(--dkol-blue-dark); }
.site-footer { margin-block-start: 0; }
.site-footer a { color: inherit; }
@media (max-width: 781px) {
	.site-header .wp-block-columns { gap: .75rem; }
	.dkol-card { padding: 1.25rem; }
	.dkol-map { min-height: 360px; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}