/*
Theme Name: Muziekstudio Delden
Theme URI: https://muziekstudiodelden.nl
Author: Muziekstudio Delden
Author URI: https://muziekstudiodelden.nl
Description: Block theme (Full Site Editing) for Muziekstudio Delden. Phase 1: MSD-specific theme to replace The7 + Elementor. No page builder.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 0.2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: muziekstudiodelden
Tags: full-site-editing, block-themes, one-column, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, blog
*/

/*
 * Global styles live in theme.json.
 * This file only holds a few layout helpers the editor cannot express cleanly.
 */

.wp-site-blocks {
	padding-inline: 0;
}

.msd-placeholder-note {
	font-style: italic;
}

.wp-element-button {
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
	box-shadow: 0 8px 22px rgba(2, 18, 40, 0.28);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--accent-2);
	border-color: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--accent-3);
}

.msd-card {
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(2, 18, 40, 0.08);
	overflow: hidden;
	height: 100%;
}

.msd-card-row.wp-block-columns {
	align-items: stretch;
}

.msd-card-row > .wp-block-column {
	display: flex;
	flex-direction: column;
}

.msd-card-row > .wp-block-column > .msd-card {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
}

.msd-card > .wp-block-image {
	margin: 0;
}

.msd-card > .wp-block-image img {
	display: block;
	width: 100%;
	height: 14rem;
	object-fit: cover;
}

.msd-card > .msd-card-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

.msd-card-body > p:last-child {
	margin-top: auto;
}

.msd-card.msd-portrait {
	height: auto;
}

.msd-card.msd-portrait > .wp-block-image img {
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center top;
}

.wp-block-cover .wp-block-cover__inner-container {
	position: relative;
	z-index: 1;
}

.msd-hero .wp-block-heading,
.msd-hero p,
.msd-cta-cover .wp-block-heading,
.msd-cta-cover p {
	text-shadow: 0 1px 18px rgba(2, 18, 40, 0.45);
}

.msd-hero.wp-block-cover > .wp-block-cover__background.has-background-dim {
	background: linear-gradient(
		100deg,
		rgba(2, 18, 40, 0.88) 0%,
		rgba(2, 18, 40, 0.52) 42%,
		rgba(2, 18, 40, 0.18) 100%
	);
	opacity: 1;
}

.msd-cta-cover.wp-block-cover > .wp-block-cover__background.has-background-dim {
	background: linear-gradient(
		180deg,
		rgba(28, 16, 8, 0.42) 0%,
		rgba(2, 18, 40, 0.72) 100%
	);
	opacity: 1;
}

.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--base);
}

.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--accent-2);
	border-color: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--accent-3);
}

.msd-quote::before {
	color: var(--wp--preset--color--accent);
	content: "“";
	display: block;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 3rem;
	font-weight: 600;
	line-height: 0.7;
	margin-bottom: 0.4rem;
}

.msd-hero-copy {
	max-width: 42rem;
}