/**
 * Snap Blocks — aparência compartilhada entre o bloco do Gutenberg e o
 * Container do Elementor.
 *
 * O encaixe na rolagem é feito pelo snap.js (não por scroll-snap do CSS),
 * então este arquivo também é seguro dentro dos editores.
 */

.snap-section {
	position: relative;
	box-sizing: border-box;
	/* Desconta a barra de admin (logado) para a seção caber inteira na tela. */
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	min-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
}

/* Margens entre seções deixariam frestas entre uma e outra. */
.snap-section.snap-section {
	margin-block: 0;
}

/* ===== Bloco do Gutenberg ===== */

.wp-block-snb-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-block: 48px;
	padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px));
}

.wp-block-snb-section.snb-v-top {
	justify-content: flex-start;
}

.wp-block-snb-section.snb-v-bottom {
	justify-content: flex-end;
}

/* Seção maior que a tela (o snap.js marca com .snb-overflow). */
.wp-block-snb-section.snb-overflow {
	padding-block: var(--snb-scroll-padding, 200px);
}

.wp-block-snb-section > .snap-inner {
	width: 100%;
	max-width: var(--snb-content-width, 720px);
	margin-inline: auto;
	min-width: 0;
}

/* ===== Container do Elementor ===== */

.e-con.snap-section {
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	min-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
}

.e-con.snap-section.snb-overflow {
	padding-block-start: var(--snb-scroll-padding, 200px);
	padding-block-end: var(--snb-scroll-padding, 200px);
}

.e-con.snap-section.snb-v-top,
.e-con.snap-section.snb-v-top > .e-con-inner {
	justify-content: flex-start;
}

.e-con.snap-section.snb-v-center,
.e-con.snap-section.snb-v-center > .e-con-inner {
	justify-content: center;
}

.e-con.snap-section.snb-v-bottom,
.e-con.snap-section.snb-v-bottom > .e-con-inner {
	justify-content: flex-end;
}