/**
 * Block Name: acf/tabbed-content-item
 * Description: Tabbed content item to hide/reveal with buttons
 *
 */

 .block__acf-tabbed-content-item .is-style-text-with-arrow {
	width: 100%;
	background: white;
	border-radius: 0.75em;
	border: 1px solid #e5e7eb;
}

.block__acf-tabbed-content-item .is-style-text-with-arrow > a {
	padding: 1.25rem 1.45rem;
}

/* Allow arrow icon to be clicked through to toggle the anchor instead of preventing it */
.block__acf-tabbed-content-item .is-style-text-with-arrow > a figure {
	pointer-events: none;
}

.block__acf-tabbed-content-item .is-style-text-with-arrow:hover,
.block__acf-tabbed-content-item .is-style-text-with-arrow:focus,
.block__acf-tabbed-content-item .is-style-text-with-arrow:focus-within {
	--tw-shadow: 0 0 1rem rgba(230, 39, 79, 0.4);
    --tw-shadow-colored: 0 0 1rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(230, 39, 79);
    --tw-shadow: var(--tw-shadow-colored);
}


.block__acf-tabbed-content-item .is-style-text-with-arrow .wp-block-button__link {
	font-family: var(--wp--preset--font-family--body) !important;
	font-size: 1.35rem;
	justify-content: space-between;
}

.block__acf-tabbed-content-item:nth-child(n + 1) {
	margin-bottom: 1rem;
}

.block__acf-tabbed-content-item__main {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	padding: 1rem;
	transition: 0.1s opacity ease-in-out;
}

.block__acf-tabbed-content-item--active .block__acf-tabbed-content-item__main,
.block__acf-tabbed-content.is-loading .block__acf-tabbed-content-item:first-child .block__acf-tabbed-content-item__main {
	opacity: 1;
	pointer-events: auto;
	transition: 0.5s opacity ease-in-out;
}

@media (max-width: 1023px) {

	.block__acf-tabbed-content-item__main {
		top: var(--tabbed-content-tabs-height);
		left: 1rem;
		width: calc(100% - 2rem);
	}

	[dir="rtl"] .block__acf-tabbed-content-item__main {
		left: auto;
		right: 1rem;
	}
}

@media (min-width: 1024px) {

	.block__acf-tabbed-content-item .is-style-text-with-arrow {
		width: 83%;
	}

	.block__acf-tabbed-content-item .is-style-text-with-arrow > a {
		padding: 1.35rem 1.45rem;
	}

	.block__acf-tabbed-content-item__header {
		max-width: 36%;
	}

	.block__acf-tabbed-content-item__main {
		top: 0;
		right: 0;
		max-width: 64%;
		min-height: var(--tabbed-content-tabs-height);
		gap: clamp(1.5rem, calc(1.5rem + ((1vw - 0.64rem) * 5.7692)), 3rem);
	}

	[dir="rtl"] .block__acf-tabbed-content-item__main {
		right: auto;
		left: 0;
	}
}