/**
 * Tabs — Style 1: Animated Underline
 *
 * Quiet text tabs on a baseline rule, with an accent underline that slides to
 * the active tab. Content sits flush below with no box.
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-tabs.captwiki-style-1 .captwiki-tabs__nav {
	position: relative;
	gap: 4px;
	border-bottom: 1px solid #e6e8ee;
}

.captwiki-tabs.captwiki-style-1 .captwiki-tabs__tab {
	padding: 12px 18px;
	background: transparent;
}

.captwiki-tabs.captwiki-style-1 .captwiki-tabs__tab:hover {
	color: #111827;
}

.captwiki-tabs.captwiki-style-1 .captwiki-tabs__tab.is-active {
	color: var( --captwiki-tab-accent );
}

/* The indicator is a full-height box; only its bottom border shows = underline. */
.captwiki-tabs.captwiki-style-1 .captwiki-tabs__indicator {
	display: block;
	background: transparent;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}

.captwiki-tabs.captwiki-style-1 .captwiki-tabs__panel {
	padding-top: 22px;
}
