/*
Theme Name: Dakinmeten
Theme URI: https://dakinmeten.nl
Author: Menno Katuin
Description: Blokthema voor dakinmeten.nl, de meettool voor dakdekkersbedrijven. Bij het activeren wordt een bewerkbare homepage aangemaakt.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dakinmeten
*/

/* Kleine aanvullingen die theme.json niet kan uitdrukken. */

html { scroll-behavior: smooth; }

/* Header, inhoud en footer sluiten op elkaar aan. */
.wp-site-blocks > * + * { margin-block-start: 0; }

.dakinmeten-logo a { text-decoration: none; color: inherit; }
.dakinmeten-logo strong { font-weight: inherit; color: var(--wp--preset--color--accent); }
.dakinmeten-logo.is-on-dark strong { color: var(--wp--preset--color--accent-soft); }

.dakinmeten-card { box-shadow: 0 18px 40px rgba(22, 24, 26, 0.08); }
.dakinmeten-card .wp-block-image img { width: 100%; height: auto; display: block; }
:where([id]) { scroll-margin-top: 24px; }

.wp-block-list.is-style-checks {
	list-style: none;
	padding-left: 0;
}
.wp-block-list.is-style-checks li {
	position: relative;
	padding-left: 32px;
	margin-bottom: 10px;
}
.wp-block-list.is-style-checks li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 0.3em;
	width: 14px;
	height: 8px;
	border-left: 2.5px solid var(--wp--preset--color--accent);
	border-bottom: 2.5px solid var(--wp--preset--color--accent);
	transform: rotate(-45deg);
}

.is-style-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.wp-block-details summary {
	cursor: pointer;
	font-weight: 700;
	font-size: 1.125rem;
	padding: 4px 0;
}
.wp-block-details > :not(summary) { margin-top: 10px; }

.dakinmeten-stat p { margin: 0; }

@media (max-width: 781px) {
	.dakinmeten-hero h1 { font-size: 2.6rem !important; }
}

/* Op telefoon staat het menu-icoon helemaal rechts. */
@media (max-width: 599px) {
	header .wp-block-navigation { order: 2; }
}