/* ==========================================================================
   Group block — custom block styles
   Jewelry Studio
   ========================================================================== */

/*  Content Section style
 *  Applied via the "Content Section" Gutenberg block style.
 *  Targets the outer <section> wrapper directly — no render_block filter
 *  needed because WordPress adds is-style-content-section to the element.
 */
.wp-block-group.is-style-content-section {
	padding-top: var(--wp--preset--spacing--100);
	padding-bottom: var(--wp--preset--spacing--100);
}

.wp-block-group.is-style-content-section .section-heading {
	line-height: 1.35;
	margin-bottom: 1.438rem;
}

.wp-block-group.is-style-content-section .is-style-content-section-inner {
	gap: clamp(1.875rem, 6.592vw - 1.284rem, 6.625rem); /* 106 - 20 */
}

.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-acf-image-stack,
.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-acf-image-mosaic,
.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-image,
.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-map {
	flex-shrink: 0;
}

@media (min-width: 801px) {
	.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-acf-image-stack {
		flex-basis: 836px;
		max-width: 51%;
	}

	.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-acf-image-mosaic,
	.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-image,
	.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-map {
		flex-basis: 809px;
		max-width: 49%;
	}

	.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-map .iframe-container {
		width: 809px;
		max-width: 100%;
	}

	.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-map iframe {
		width: 100%;
	}
}

@media (min-width: 801px) and (max-width: 1024px) {
	.wp-block-group.is-style-content-section .is-style-content-section-inner.flex-tab-stack > .wp-block-acf-image-stack,
	.wp-block-group.is-style-content-section .is-style-content-section-inner.flex-tab-stack > .wp-block-acf-image-mosaic,
	.wp-block-group.is-style-content-section .is-style-content-section-inner.flex-tab-stack > .wp-block-image,
	.wp-block-group.is-style-content-section .is-style-content-section-inner.flex-tab-stack > .wp-block-map,
	.wp-block-group.is-style-content-section .is-style-content-section-inner.flex-tab-stack > .wp-block-map .iframe-container,
	.wp-block-group.is-style-content-section .is-style-content-section-inner.flex-tab-stack > .wp-block-group {
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
	}
}


@media (max-width: 1024px) {
	.wp-block-group-is-layout-flex.flex-tab-stack {
		flex-wrap: wrap
	}

	.flex-tab-column-reverse {
		flex-direction: column-reverse;
	}

	.wp-block-group.is-style-content-section .flex-tab-stack p:not([class*="has-text-align"]) {
		text-align-last: center;
	}

	.wp-block-group.is-style-content-section .flex-tab-stack {
		text-align: center;
	}

	.wp-block-group.is-style-content-section .flex-tab-stack .ep-custom-icon-list {
		justify-items: center;
		align-items: center;
	}

}

@media (max-width: 800px) {
	.wp-block-group-is-layout-flex.flex-mobile-stack {
		flex-wrap: wrap
	}

	.flex-mobile-column-reverse {
		flex-direction: column-reverse;
	}

	.wp-block-group.is-style-content-section .flex-mobile-stack p:not([class*="has-text-align"]) {
		text-align-last: center;
	}

	.wp-block-group.is-style-content-section .flex-mobile-stack {
		text-align: center;
	}

	.wp-block-group.is-style-content-section .flex-tab-stack .ep-custom-icon-list,
	.wp-block-group.is-style-content-section .flex-mobile-stack .ep-custom-icon-list {
		grid-template-columns: repeat(1, 1fr);
	}

	.wp-block-group.is-style-content-section .flex-mobile-stack .ep-custom-icon-list {
		justify-items: center;
		align-items: center;
	}

	.wp-block-group.is-style-content-section .ep-custom-icon-list li {
		display: block;
	}

	.wp-block-group.is-style-content-section .ep-custom-icon-list li:before {
		position: relative;
		top: -4px;
	}

	.wp-block-group.is-style-content-section .wp-block-buttons.is-layout-flex {
		justify-content: center;
	}

	.wp-block-group.is-style-content-section .is-style-content-section-inner > .wp-block-map iframe {
		max-width: 100%;
		width: 800px;
	}
}