/*
Theme Name: Oranje Boven
Author: Create This
Description: Een zelfstandig block theme voor Oranje Boven Schoonhoven, met bewerkbare patronen, lokale lettertypen en ondersteuning voor de Site Editor.
Version: 1.6.1
Requires at least: 6.7
Tested up to: 7.1
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: oranje-boven
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, wide-blocks
*/

/* Design values live in theme.json and the native block controls. */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* Fill short viewports without fixing the footer over page content. */
body:not(.editor-styles-wrapper) > .wp-site-blocks {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	min-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px));
}

body:not(.editor-styles-wrapper) > .wp-site-blocks > main,
body:not(.editor-styles-wrapper) > .wp-site-blocks > .ob-home-shell {
	flex: 1 0 auto;
}

body:not(.editor-styles-wrapper) > .wp-site-blocks > .ob-home-shell {
	display: flex;
	flex-direction: column;
}

body:not(.editor-styles-wrapper) > .wp-site-blocks > .ob-home-shell > main {
	flex: 1 0 auto;
}

:where(a, button, input, textarea, select):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 4px;
}

:where(.wp-block-heading, .wp-block-site-title) {
	overflow-wrap: anywhere;
}

.ob-home-shell {
	position: relative;
}

.ob-home-shell > header {
	position: absolute;
	inset: 0 0 auto;
	z-index: 5;
}

.ob-home-shell .wp-block-post-content > * {
	margin-block-start: 0;
}

.ob-event-card {
	height: 100%;
	box-sizing: border-box;
}

.ob-event-card > :last-child {
	margin-block-start: auto;
}

.wp-block-group.is-style-ob-seal {
	aspect-ratio: 1;
	box-sizing: border-box;
	width: 100%;
	max-width: 460px;
	margin-inline: auto;
}

/* Keep the navigation dialog above the overlapping homepage header. */
.wp-block-navigation__responsive-container.is-menu-open {
	z-index: 100;
}

@media (max-width: 781px) {
	.ob-event-card {
		height: auto;
	}
}

/* Do not obscure editable blocks with an overlapping header in the editor. */
.editor-styles-wrapper .ob-home-shell > header {
	position: relative;
	background: var(--wp--preset--color--navy);
}