/* タブブロックの追加スタイル */
.custom-tabs__tab a {
	font-weight: 300;
}

.custom-tabs__tab.is-active,
.custom-tabs__tab[aria-selected="true"] {
	background-color: var(--wp--preset--color--vk-color-primary, #0073aa) !important;
	border-color: var(--wp--preset--color--vk-color-primary, #0073aa) !important;
	color: #fff !important;
}

.custom-tabs__tab.is-active *,
.custom-tabs__tab[aria-selected="true"] * {
	color: inherit !important;
}

/* VK ボタンブロックのスタイルを上書き */
.custom-tabs__tab.is-active a,
.custom-tabs__tab.is-active button,
.custom-tabs__tab.is-active .vk_button_link,
.custom-tabs__tab.is-active .btn,
.custom-tabs__tab.is-active .wp-block-button__link,
.custom-tabs__tab[aria-selected="true"] a,
.custom-tabs__tab[aria-selected="true"] button,
.custom-tabs__tab[aria-selected="true"] .vk_button_link,
.custom-tabs__tab[aria-selected="true"] .btn,
.custom-tabs__tab[aria-selected="true"] .wp-block-button__link {
	background: var(--wp--preset--color--vk-color-primary, #0073aa) !important;
	border-color: var(--wp--preset--color--vk-color-primary, #0073aa) !important;
	box-shadow: none !important;
	color: inherit !important;
}

/* 非選択時のタブパネルを非表示 */
.custom-tabs__panel[hidden] {
	display: none;
}

.custom-tabs__panel {
	max-width: 850px;
	opacity: 0;
	transition: opacity 1s ease;
}

.custom-tabs__panel.is-active {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.custom-tabs__panel {
		transition: none;
	}
}