/**
 * Tabs — Style 2: Pills
 *
 * Rounded pill tabs. The active pill fills with the accent color and lifts on a
 * soft colored shadow; content drops into a clean card below.
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-tabs.captwiki-style-2 .captwiki-tabs__nav {
	gap: 8px;
	margin-bottom: 18px;
}

.captwiki-tabs.captwiki-style-2 .captwiki-tabs__tab {
	padding: 10px 20px;
	background: #f1f2f5;
	border-radius: 999px;
}

.captwiki-tabs.captwiki-style-2 .captwiki-tabs__tab:hover {
	background: #e6e8ee;
	color: #111827;
}

.captwiki-tabs.captwiki-style-2 .captwiki-tabs__tab.is-active {
	color: #ffffff;
	background: var( --captwiki-tab-accent );
	box-shadow: 0 10px 22px -10px var( --captwiki-tab-accent );
}

.captwiki-tabs.captwiki-style-2 .captwiki-tabs__panels {
	background: #ffffff;
	border: 1px solid #eef0f4;
	border-radius: 14px;
}

.captwiki-tabs.captwiki-style-2 .captwiki-tabs__panel {
	padding: 26px;
}
