/**
 * eh/tabs
 */

.wp-block-eh-tabs {
	--eh--tabs--spacing--gap--row: 0;

	/* Accordion */
	--eh--tabs--accordion--color--background: var(--wp--preset--color--base);
	--eh--tabs--accordion--color--background-hover: var(--wp--preset--color--accent-1);
	--eh--tabs--accordion--color--text: var(--wp--preset--color--accent-2);
	--eh--tabs--accordion--color--text-hover: var(--wp--preset--color--base);
	--eh--tabs--accordion--icon--size: 20px;
	--eh--tabs--accordion--spacing--padding--top: var(--wp--preset--spacing--30);
	--eh--tabs--accordion--spacing--padding--right: var(--wp--preset--spacing--20);
	--eh--tabs--accordion--spacing--padding--bottom: var(--wp--preset--spacing--30);
	--eh--tabs--accordion--spacing--padding--left: var(--wp--preset--spacing--20);
	--eh--tabs--accordion--typography--font-family: var(--wp--preset--font-family--secondary);
	--eh--tabs--accordion--typography--font-weight: 700;
	--eh--tabs--accordion--typography--line-height: 1.33;

	/* Tabs */
	--eh--tabs--border--size: 0;
	--eh--tabs--tab--color--border: transparent;
	--eh--tabs--tab--color--border-hover: transparent;
	--eh--tabs--tab--color--background: var(--wp--preset--color--base-2);
	--eh--tabs--tab--color--background-hover: var(--wp--preset--color--accent-1);
	--eh--tabs--tab--color--text: var(--wp--preset--color--contrast);
	--eh--tabs--tab--color--text-hover: var(--wp--preset--color--base);
	--eh--tabs--tab--spacing--padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) calc(var(--wp--preset--spacing--30) - var(--eh--tabs--border--size));
	--eh--tabs--tab--typography--font-size: 12px;
	--eh--tabs--tab--typography--font-weight: 800;
	--eh--tabs--tablist--border: var(--eh--tabs--border--size) solid var(--wp--preset--color--accent-1);
	--eh--tabs--tablist--gap: var(--wp--preset--spacing--20);
}

.wp-block-eh-tabs__tablist {
	margin-block-end: 0 !important;
	z-index: 1;
}

.wp-block-eh-tabs__content {
	overflow: hidden;
	z-index: 2;
}

.wp-block-eh-tabs__content>.wp-block-group:nth-child(odd) {
	position: relative;
	margin: 1.125rem 0;
	padding: 1.25rem 0;
	background-color: var(--wp--preset--color--base-alt);
	z-index: 1;
}

.wp-block-eh-tabs__content>.wp-block-group:nth-child(odd)::before {
	display: block;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	block-size: 100%;
	inline-size: 100vw;
	margin: 0 calc(50% - 50vw);
	background-color: inherit;
	content: '';
	z-index: -1;
}

.wp-block-eh-tabs__content>.wp-block-group:nth-child(odd):first-child {
	margin-block-start: -1.125rem !important;
}

.wp-block-eh-tabs__accordion {
	border-block-start: 1px solid var(--wp--preset--color--contrast);
	border-block-end: 1px solid var(--wp--preset--color--contrast);
}

.wp-block-eh-tabpanel + .wp-block-eh-tabpanel {
	margin-block-start: -1px !important;
}


@media (width >= 1025px) {
	.wp-block-eh-tabpanel + .wp-block-eh-tabpanel {
		margin-block-start: 0;
	}

	.wp-block-eh-tabs {
		--eh--tabs--border--size: 4px;
		--eh--tabs--spacing--gap--row: 0;
		--eh--tabs--panel--spacing--padding: var(--wp--preset--spacing--30) 0 0;
	}

	.wp-block-eh-tabs__tab {
		border-radius: var(--wp--custom--border--radius--10) var(--wp--custom--border--radius--10) 0 0;
		letter-spacing: 0.075ch;
		line-height: 1.2;
	}
}