:root {
	--ebt-radius-sm: 4px;
	--ebt-radius-md: 8px;
	--ebt-radius-lg: 12px;
	--ebt-shadow-subtle: 0 1px 2px rgba(23, 26, 31, 0.08);
	--ebt-shadow-raised: 0 18px 50px rgba(23, 26, 31, 0.12);
	--ebt-border: 1px solid var(--wp--preset--color--line, #d7dee3);
}

.ebt-section {
	padding-top: var(--ebt-section-padding-top, 72px);
	padding-bottom: var(--ebt-section-padding-bottom, 72px);
}

.ebt-section__inner {
	box-sizing: border-box;
	max-width: var(--ebt-section-content-width, 1200px);
	margin-right: auto;
	margin-left: auto;
	padding-right: clamp(1rem, 4vw, 2rem);
	padding-left: clamp(1rem, 4vw, 2rem);
}

.ebt-section--feature {
	border-top: var(--ebt-border);
	border-bottom: var(--ebt-border);
	background: var(--wp--preset--color--mist, #f4f7f8);
}

.ebt-section--editorial .ebt-section__inner {
	max-width: min(var(--ebt-section-content-width, 880px), 880px);
}

.ebt-section--quiet {
	background: color-mix(in srgb, var(--wp--preset--color--mist, #f4f7f8) 60%, transparent);
}

.ebt-section--imported {
	width: 100% !important;
	max-width: none !important;
	margin-block-start: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-top: 0;
	padding-bottom: 0;
}

.ebt-section--imported .ebt-section__inner {
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}

.ebt-row {
	display: flex;
	flex-wrap: wrap;
	row-gap: var(--ebt-row-gap, 24px);
	align-items: stretch;
	margin-right: calc(var(--ebt-row-gap, 24px) / -2);
	margin-left: calc(var(--ebt-row-gap, 24px) / -2);
}

.ebt-row--columns-1 { --ebt-row-columns: 1; }
.ebt-row--columns-2 { --ebt-row-columns: 2; }
.ebt-row--columns-3 { --ebt-row-columns: 3; }
.ebt-row--columns-4 { --ebt-row-columns: 4; }
.ebt-row--columns-5 { --ebt-row-columns: 5; }
.ebt-row--columns-6 { --ebt-row-columns: 6; }

.ebt-row--align-start { align-items: start; }
.ebt-row--align-center { align-items: center; }
.ebt-row--align-end { align-items: end; }
.ebt-row--align-stretch { align-items: stretch; }

.ebt-column {
	box-sizing: border-box;
	flex: 0 0 var(--ebt-column-desktop, 100%);
	max-width: var(--ebt-column-desktop, 100%);
	min-width: 0;
	padding-right: calc(var(--ebt-row-gap, 24px) / 2);
	padding-left: calc(var(--ebt-row-gap, 24px) / 2);
}

.ebt-column--panel,
.ebt-column--accent {
	border: var(--ebt-border);
	border-radius: var(--ebt-radius-md);
	padding: clamp(1rem, 2vw, 1.5rem);
	background: var(--wp--preset--color--paper, #fff);
	box-shadow: var(--ebt-shadow-subtle);
}

.ebt-column--accent {
	border-color: color-mix(in srgb, var(--wp--preset--color--brand, #0f766e) 42%, var(--wp--preset--color--line, #d7dee3));
}

.ebt-component {
	box-sizing: border-box;
}

.ebt-component__default,
.ebt-component__notice,
.ebt-component--missing,
.ebt-component-placeholder {
	border: var(--ebt-border);
	border-radius: var(--ebt-radius-md);
	padding: 1rem;
	background: var(--wp--preset--color--mist, #f4f7f8);
}

.ebt-client-locked {
	position: relative;
}

.ebt-imported-section {
	box-sizing: border-box;
	width: 100%;
	overflow-x: clip;
	padding-top: var(--ebt-import-padding-top, 0);
	padding-bottom: var(--ebt-import-padding-bottom, 0);
}

.ebt-imported-section__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: min(100%, var(--ebt-import-content-width, 10000px));
	margin-right: auto;
	margin-left: auto;
}

.ebt-imported-section img,
.ebt-imported-section video,
.ebt-imported-section iframe {
	max-width: 100%;
}

.ebt-imported-section form.forminator-custom-form[style*="display: none"] {
	display: block !important;
}

.ebt-imported-section div.forminator-ui[data-forminator-render][data-form] {
	display: none;
}

/*
 * Imported pages often ship desktop rail/split grids after their own media rules.
 * Keep those layouts readable when the WordPress content viewport is narrower.
 */
@media (max-width: 1100px) {
	.ebt-imported-section .ebt-imported-page :where([class*="-rail"], [class*="-split"]) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.ebt-imported-section .ebt-imported-page :where([class*="-rail"], [class*="-split"]) > * {
		min-width: 0 !important;
		max-width: 100%;
	}

	.ebt-imported-section .ebt-imported-page :where([class*="-rail"], [class*="-split"]) > :where([class*="-media"], [class*="-image"], [class*="-portrait"], figure, picture) {
		justify-self: center;
		width: min(100%, 760px);
		max-width: min(100%, 760px) !important;
	}
}

@media (max-width: 900px) {
	.ebt-row--collapse-tablet > .ebt-column {
		flex-basis: var(--ebt-column-tablet, 100%);
		max-width: var(--ebt-column-tablet, 100%);
	}
}

@media (max-width: 640px) {
	.ebt-hide-mobile {
		display: none !important;
	}

	.ebt-row--collapse-mobile > .ebt-column,
	.ebt-row--collapse-tablet > .ebt-column {
		flex-basis: 100%;
		max-width: 100%;
	}

	.ebt-column {
		order: var(--ebt-column-mobile-order, 0);
	}
}
