/*
Theme Name: QNotarissen-v2.6.2
Description: -
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 2.6.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, wide-blocks, block-patterns, block-styles, full-site-editing, rtl-language-support, threaded-comments, translation-ready
*/

/* Progresive enhancement to reduce widows and orphans. */
h1, h2, h3, h4, h5, h6, blockquote {
	text-wrap: balance;
}

p {
	text-wrap: pretty;
}

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline >.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--theme-4);
	border-color: var(--wp--preset--color--theme-4);
	color: var(--wp--preset--color--theme-1);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-decoration-style: solid !important;
	text-underline-offset: 3px;
}

/*
 * Navigation Block
 * Reset the padding from List block
 * https://github.com/WordPress/gutenberg/issues/50486
 */
.wp-block-navigation ul {
	padding: unset;
}

/*
 * Pull quote Block
 * Reset the browser default margins for blockquote and paragraph element
 * https://github.com/WordPress/gutenberg/issues/44129
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
	margin: 0;
}

/*
 * Jetpack Contact Form Block
 */
.contact-form label,
.wp-block-jetpack-contact-form label,
.jetpack-field-label .rich-text.jetpack-field-label__input {
	font-weight: 500;
}

.contact-form__input-error {
	font-size: var(--wp--preset--font-size--small);
}

:where(.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=url],.contact-form textarea) {
	padding: 8px;
}

/* ==========================================================
   Team kaarten — v2.6.2
   Kaarten schalen mee met inhoud (geen vaste hoogte), compact.
   E-mail via mailto: link, verborgen door JS. Taaldetectie via URL.
   ========================================================== */

.team-grid .wp-block-columns.team-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 0 !important;
	margin-bottom: 0 !important;
}

.team-grid .wp-block-column.team-card {
	width: 22% !important;
	flex: 0 0 22% !important;
	max-width: 22% !important;
	border: 1px solid #ddd !important;
	padding: 15px !important;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1) !important;
	margin-bottom: 20px !important;
	background-color: #876343 !important;
	color: #fff !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	overflow: visible !important;
}

.team-grid .wp-block-column.team-card.small,
.team-grid .wp-block-column.team-card.sander,
.team-grid .wp-block-column.team-card.martijn {
	height: auto !important;
}

.team-grid .wp-block-column.team-card .wp-block-heading,
.team-grid .wp-block-column.team-card h3 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.2em !important;
	color: #fff !important;
	line-height: 1.3 !important;
}

.team-grid .wp-block-column.team-card.astrid .wp-block-heading,
.team-grid .wp-block-column.team-card.astrid h3 {
	font-size: 1em !important;
	line-height: 1.2 !important;
}

.team-grid .wp-block-column.team-card p {
	margin: 3px 0 !important;
	padding: 0 !important;
	font-size: 0.9em !important;
	color: #fff !important;
	line-height: 1.35 !important;
}

.team-grid .wp-block-column.team-card p:first-of-type { margin-top: 0 !important; }
.team-grid .wp-block-column.team-card p:last-of-type  { margin-bottom: 0 !important; }

.team-grid .wp-block-column.team-card a,
.team-grid .wp-block-column.team-card a:visited {
	color: #fff !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}
.team-grid .wp-block-column.team-card a:hover {
	text-decoration: underline !important;
}

a.email-link { cursor: pointer; }

@media (max-width: 1024px) {
	.team-grid .wp-block-columns.team-row { flex-wrap: wrap !important; }
	.team-grid .wp-block-column.team-card {
		width: 48% !important;
		flex: 0 0 48% !important;
		max-width: 48% !important;
	}
}

@media (max-width: 768px) {
	.team-grid .wp-block-column.team-card {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}