/**
 * Product Tabs — Style 6 (Segmented).
 *
 * iOS-style segmented control wrapping all tabs in one track.
 *
 * @package captain-widgets-kit
 * @since   1.4.0
 */

.captwiki-ptabs.captwiki-style-6 .captwiki-ptabs__nav {
	gap: 4px;
	padding: 5px;
	background: #f3f4f6;
	border-radius: 12px;
}

.captwiki-ptabs.captwiki-style-6 .captwiki-ptabs__nav-item {
	flex: 1 1 auto;
}

.captwiki-ptabs.captwiki-style-6 .captwiki-ptabs__tab {
	width: 100%;
	text-align: center;
	border-radius: 8px;
	padding: 9px 14px;
	color: #4b5563;
}

.captwiki-ptabs.captwiki-style-6 .captwiki-ptabs__tab.is-active {
	background: #ffffff;
	color: #111827;
	box-shadow: 0 2px 6px -2px rgba( 17, 24, 39, 0.3 );
}

/* Segmented doesn't suit vertical; fall back to full-width stacked. */
.captwiki-ptabs.captwiki-style-6.captwiki-ptabs--vertical .captwiki-ptabs__nav {
	flex-direction: column;
}

.captwiki-ptabs.captwiki-style-6 .captwiki-ptabs__acc-header.is-active {
	color: #111827;
}
