/**
 * Accordion — Style 5: Modern Soft
 *
 * Soft grey pill headers with the indicator inside a circle badge — a
 * friendly, rounded look for modern landing pages.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-accordion.captwiki-style-5 .captwiki-accordion__item {
	background: #f6f7fb;
	border-radius: 16px;
	overflow: hidden;
	transition: background-color 0.3s ease;
}

.captwiki-accordion.captwiki-style-5 .captwiki-accordion__item:hover {
	background: #f0f1f8;
}

.captwiki-accordion.captwiki-style-5 .captwiki-accordion__item.is-open {
	background: #ffffff;
	box-shadow: 0 12px 28px rgba( 17, 24, 39, 0.1 );
}

.captwiki-accordion.captwiki-style-5 .captwiki-accordion__button {
	padding: 20px 22px;
}

.captwiki-accordion.captwiki-style-5 .captwiki-accordion__indicator {
	width: calc( var( --captwiki-acc-indicator ) + 14px );
	height: calc( var( --captwiki-acc-indicator ) + 14px );
	padding: 7px;
	background: #ffffff;
	border-radius: 50%;
	color: var( --captwiki-acc-accent );
	box-shadow: 0 3px 8px rgba( 17, 24, 39, 0.1 );
	transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.captwiki-accordion.captwiki-style-5 .captwiki-accordion__item.is-open .captwiki-accordion__indicator {
	background: var( --captwiki-acc-accent );
	color: #ffffff;
}

.captwiki-accordion.captwiki-style-5 .captwiki-accordion__item.is-open .captwiki-accordion__indicator--arrow {
	transform: rotate( 180deg );
}

.captwiki-accordion.captwiki-style-5 .captwiki-accordion__content {
	padding: 0 22px 22px;
}
