/**
 * Felipe Elia 2026 — front-end styles
 */

@import url('./variables.css');
@import url('./blocks/header.css');
@import url('./blocks/footer.css');
@import url('./blocks/group.css');
@import url('./blocks/patterns-editor.css');
@import url('./blocks/article.css');
@import url('./blocks/mailchimp.css');
@import url('./blocks/archive.css');
@import url('./blocks/search.css');
@import url('./blocks/about.css');
@import url('./blocks/home.css');
@import url('./blocks/tools.css');
@import url('./blocks/navigation.css');
@import url('./blocks/privacy.css');

/* Base */
body.fe-has-fixed-header {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}

.fe-main {
	min-height: 50vh;
}

/*
 * Block-template spacing attributes are not retained on generic page output.
 * Keep the footer clearance on the layout classes so new pages inherit it.
 */
.fe-main--page,
.fe-main--404 {
	padding-bottom: var(--wp--preset--spacing--section) !important;
}

.fe-main--404 .wp-block-search__button {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--on-secondary);
}

/* The legacy Repeatable Fields page uses a core button block for its primary CTA. */
.page-id-1439 .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--on-primary);
}

@media (min-width: 1024px) {
	body.fe-has-fixed-header {
		--wp--style--root--padding-left: var(--wp--preset--spacing--margin-desktop);
		--wp--style--root--padding-right: var(--wp--preset--spacing--margin-desktop);
	}
}