/*
Theme Name: Seniorenmobiliteit
Theme URI: https://senioren-mobiliteit.be
Author: Seniorenmobiliteit
Description: Blokthema voor senioren-mobiliteit.be – een toegankelijke content- en leadsite voor senioren in België. Grote, goed leesbare letters (Atkinson Hyperlegible), hoge contrasten en grote knoppen. Lettertypes worden lokaal geladen (AVG-vriendelijk).
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seniorenmobiliteit
Tags: full-site-editing, block-patterns, accessibility-ready, one-column, custom-colors
*/

/* Toegankelijke focusrand voor toetsenbordgebruikers */
:where(a, button, input, select, textarea, .wp-element-button):focus-visible {
	outline: 3px solid var(--wp--preset--color--oranje);
	outline-offset: 3px;
}

/* Links op donkere vlakken leesbaar houden */
.has-navy-background-color a:where(:not(.wp-element-button)),
.has-navy-donker-background-color a:where(:not(.wp-element-button)) {
	color: #ffffff;
}
.has-navy-background-color a:where(:not(.wp-element-button)):hover,
.has-navy-donker-background-color a:where(:not(.wp-element-button)):hover {
	color: #f3c9a6;
}

/* Afbeeldingen in kaarten en blokken met afgeronde hoeken */
.sm-foto img {
	border-radius: var(--wp--custom--radius--groot);
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* Kaarten: hele kaart klikbaar-gevoel en zachte hover */
.sm-kaart {
	overflow: hidden;
	transition: box-shadow .15s ease, transform .15s ease;
}
.sm-kaart:hover {
	box-shadow: 0 8px 24px rgba(20, 34, 63, .12);
	transform: translateY(-2px);
}
.sm-kaart a {
	text-decoration: none;
}

/* USP-balk bovenaan: op mobiel horizontaal scrollbaar i.p.v. afbreken */
.sm-topbar {
	overflow-x: auto;
	white-space: nowrap;
}

/* Header-telefoonnummer op kleine schermen compacter */
@media (max-width: 781px) {
	.sm-header-tel .wp-block-button__link {
		padding: .7em 1em;
	}
	.sm-hide-mobile {
		display: none !important;
	}
}

/* Formulieren (Fluent Forms / WPForms) groot en duidelijk */
.sm-formulier input[type="text"],
.sm-formulier input[type="tel"],
.sm-formulier input[type="email"],
.sm-formulier select,
.sm-formulier textarea {
	min-height: 52px;
	font-size: 1.125rem;
	border: 1px solid #9aa3b5;
	border-radius: 8px;
	padding: 0 14px;
	width: 100%;
	box-sizing: border-box;
}
.sm-formulier textarea {
	padding: 12px 14px;
}
.sm-formulier button[type="submit"],
.sm-formulier .ff-btn-submit {
	min-height: 56px;
	background: var(--wp--preset--color--oranje) !important;
	color: #fff !important;
	border: 0;
	border-radius: 10px;
	font-weight: 700;
	font-size: 1.1875rem;
	padding: 0 28px;
	cursor: pointer;
}

/* Vinkjeslijsten */
.sm-vinkjes {
	list-style: none;
	padding-left: 0;
}
.sm-vinkjes li {
	padding-left: 1.8em;
	position: relative;
	margin-bottom: .6em;
}
.sm-vinkjes li::before {
	content: "✓";
	position: absolute;
	left: 0;
	font-weight: 700;
	color: var(--wp--preset--color--groen);
}

/* Footer */
footer .wp-block-list {
	list-style: none;
}
footer .wp-block-list li {
	margin-bottom: .35em;
}
.sm-footer-onder {
	border-top: 1px solid rgba(201, 210, 227, .25);
	padding-top: 1.25rem;
}