/*
Theme Name: Albanië Comité
Theme URI: https://www.albaniecomite.nl/
Author: Stichting Albanië Comité
Description: Gratis, licht blokthema (Full Site Editing) voor Stichting Albanië Comité. Geen betaalde plugins of page builders nodig. Bewerk alles via Weergave › Editor.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
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: albaniecomite
Tags: block-patterns, full-site-editing, one-column, wide-blocks, custom-colors, custom-logo, editor-style
*/

/* ---------- Basis ---------- */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:where(img) { height: auto; max-width: 100%; }
:focus-visible { outline: 3px solid var(--wp--preset--color--accent); outline-offset: 2px; }

.skip-link.screen-reader-text:focus { background: #fff; color: #000; z-index: 100000; }

/* ---------- Topbalk ---------- */
.ac-topbar { font-size: var(--wp--preset--font-size--small); }
.ac-topbar a { text-decoration: none; }
.ac-topbar a:hover { text-decoration: underline; }

/* ---------- Header ---------- */
.ac-header { position: sticky; top: 0; z-index: 50; box-shadow: 0 1px 0 rgba(30, 26, 29, .08); }
.admin-bar .ac-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .ac-header { top: 0; position: relative; } }
.ac-header .wp-block-site-logo img { max-height: 64px; width: auto; }
.ac-header .wp-block-site-title a { text-decoration: none; }
.ac-header .wp-block-navigation .wp-block-navigation-item__content { padding-block: .35em; }
.ac-header .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--primary); }
.ac-header .wp-block-navigation__submenu-container {
	border: 0 !important;
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(30, 26, 29, .14);
	padding: .5rem 0;
	min-width: 230px !important;
}
.ac-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .45rem 1.1rem; }

/* ---------- Hero ---------- */
.ac-hero { position: relative; overflow: hidden; }
.ac-hero .ac-eyebrow { letter-spacing: .14em; text-transform: uppercase; }
.ac-hero h1 { text-wrap: balance; }

/* ---------- Kaarten ---------- */
.ac-card {
	border-radius: 14px;
	transition: transform .2s ease, box-shadow .2s ease;
	height: 100%;
}
.ac-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(30, 26, 29, .12); }
.ac-card .wp-block-buttons { margin-top: auto; }
.ac-cards > .wp-block-column { display: flex; }
.ac-cards > .wp-block-column > .ac-card { display: flex; flex-direction: column; width: 100%; }

/* ---------- Kerncijfers ---------- */
.ac-stat .ac-stat__number { font-family: var(--wp--preset--font-family--heading); line-height: 1; }

/* ---------- Gegevensblok (IBAN e.d.) ---------- */
.ac-iban { font-variant-numeric: tabular-nums; letter-spacing: .03em; font-weight: 600; }
.ac-factlist, .is-style-ac-factlist { list-style: none; padding-left: 0 !important; }
.ac-factlist li, .is-style-ac-factlist li { padding: .55rem 0; border-bottom: 1px solid var(--wp--preset--color--sand); }
.ac-factlist li:last-child, .is-style-ac-factlist li:last-child { border-bottom: 0; }

/* ---------- Citaat ---------- */
.wp-block-quote.is-style-ac-highlight {
	border-left: 0;
	padding: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.35;
}
.wp-block-quote.is-style-ac-highlight::before {
	content: "“";
	display: block;
	font-size: 4rem;
	line-height: .6;
	color: var(--wp--preset--color--primary);
}
.wp-block-quote.is-style-ac-highlight cite { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); font-style: normal; }

/* ---------- Bestuur ---------- */
.ac-person { border-top: 3px solid var(--wp--preset--color--primary); }

/* ---------- Berichten ---------- */
.ac-post-card { border-radius: 14px; overflow: hidden; height: 100%; }
.ac-post-card .wp-block-post-featured-image { margin: 0; }
.ac-post-card .wp-block-post-title a { text-decoration: none; }
.ac-post-card .wp-block-post-title a:hover { color: var(--wp--preset--color--primary); }

/* ---------- Footer ---------- */
.ac-footer a { text-decoration: none; }
.ac-footer a:hover { text-decoration: underline; }
.ac-footer .wp-block-navigation .wp-block-navigation-item__content { padding: .2rem 0; }

/* ---------- Formulieren (Contact Form 7 e.d.) ---------- */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 select {
	width: 100%;
	padding: .7rem .9rem;
	border: 1px solid #cfc6b8;
	border-radius: 8px;
	font: inherit;
	background: #fff;
}
.wpcf7 input[type="submit"] {
	background: var(--wp--preset--color--primary);
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: .8rem 1.6rem;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.wpcf7 input[type="submit"]:hover { background: var(--wp--preset--color--primary-dark); }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.ac-card, .ac-card:hover { transition: none; transform: none; }
}

/* ---------- Mobiel ---------- */
.ac-iban { white-space: nowrap; }
.ac-header .wp-block-button__link { white-space: nowrap; }
@media (max-width: 781px) {
	.ac-topbar > .wp-block-group > p:first-child { display: none; }
	.ac-topbar > .wp-block-group { justify-content: center !important; }
	.ac-header .wp-block-site-title { font-size: 1.05rem !important; line-height: 1.2; }
	.ac-header .wp-block-site-logo img { max-height: 48px; }
	.ac-header .wp-block-button__link { padding: .5rem 1rem !important; font-size: .95rem; }
}

/* ---------- Pagina-inhoud ---------- */
.wp-block-post-content > h2.wp-block-heading { font-size: var(--wp--preset--font-size--x-large); margin-top: var(--wp--preset--spacing--50); }
.wp-block-post-content > h3.wp-block-heading { font-size: var(--wp--preset--font-size--large); margin-top: var(--wp--preset--spacing--40); }