/*
Theme Name: Conpass
Description: Een toegankelijk blokthema voor Conpass, met bewerkbare patronen en pagina's.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: conpass
*/

html { scroll-behavior: smooth; }
body { margin: 0; }
a { text-underline-offset: .18em; }
a:focus-visible, button:focus-visible { outline: 3px solid #087c86; outline-offset: 3px; }
.conpass-header { box-shadow: 0 2px 8px #00000012; position: relative; z-index: 1; }
.conpass-logo img { display: block; width: 180px; height: auto; }
.conpass-header .wp-block-navigation a { text-decoration: none; }
.conpass-header .wp-block-navigation a:hover { text-decoration: underline; }
.conpass-section { align-items: center !important; gap: clamp(2rem, 5vw, 5rem) !important; margin-block: clamp(3rem, 7vw, 6rem) !important; }
.conpass-section .wp-block-image { text-align: center; }
.conpass-section .wp-block-image img { max-height: 370px; width: auto; max-width: 100%; object-fit: contain; }
.conpass-section .wp-block-column > :first-child { margin-top: 0; }
.conpass-section .wp-block-column > :last-child { margin-bottom: 0; }
.conpass-banner img { display: block; width: 100%; height: auto; }
.conpass-banner { margin: 0 !important; }
.conpass-footer a { color: inherit; }
.conpass-footer .wp-block-image img { max-width: 100%; height: auto; }
.conpass-footer-logos { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.conpass-footer-logos .wp-block-image { margin: 0; }
.conpass-footer-logos img { width: auto; max-height: 52px; max-width: 125px; background: white; }
.conpass-slideshow.wp-block-gallery { display: block; position: relative; }
.conpass-slideshow .wp-block-image { margin: 0 !important; }
.conpass-slideshow.wp-block-gallery.has-nested-images .wp-block-image { width: 100% !important; }
.conpass-slideshow .wp-block-image img { width: 100%; height: auto; }
.conpass-slideshow.is-enhanced .wp-block-image[hidden] { display: none !important; }
.conpass-slideshow-controls { position: absolute; right: 1rem; bottom: 1rem; display: flex; gap: .4rem; }
.conpass-slideshow-controls button { border: 0; border-radius: 999px; background: #565656; color: white; padding: .55rem .85rem; cursor: pointer; font: inherit; }
.conpass-slideshow-controls button:hover { background: #333; }
.wp-block-button__link { text-decoration: none; }
@media (max-width: 781px) {
	.conpass-header .wp-block-group.is-layout-flex { gap: 1rem; }
	.conpass-logo img { width: 145px; }
	.conpass-section { gap: 1.5rem !important; }
	.conpass-section .wp-block-column { flex-basis: 100% !important; }
	.conpass-section .wp-block-image img { max-height: 270px; }
	.conpass-section.is-image-right .wp-block-column:first-child { order: 2; }
	.conpass-section.is-image-right .wp-block-column:last-child { order: 1; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}