/**
 * Animated Service Box — Style 2: Gradient Sweep
 *
 * A gradient panel sweeps in from the corner on hover, flipping the text to
 * white as it covers the card. The icon tile carries a permanent accent
 * gradient and the button inverts to a frosted look on hover.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-anibox.captwiki-style-2 {
	padding: 36px 32px;
	background: #ffffff;
	border: 1px solid #eceef3;
	border-radius: 20px;
	transition: box-shadow var( --captwiki-ab-speed ) ease, transform var( --captwiki-ab-speed ) ease;
}

.captwiki-anibox.captwiki-style-2::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient( 135deg, var( --captwiki-ab-accent ), var( --captwiki-ab-accent-2 ) );
	clip-path: circle( 0% at 100% 0% );
	transition: clip-path var( --captwiki-ab-speed ) ease;
}

.captwiki-anibox.captwiki-style-2:hover {
	transform: translateY( -6px );
	box-shadow: 0 26px 44px -24px var( --captwiki-ab-accent );
}

.captwiki-anibox.captwiki-style-2:hover::before {
	clip-path: circle( 150% at 100% 0% );
}

.captwiki-anibox.captwiki-style-2 .captwiki-anibox__media {
	background: linear-gradient( 135deg, var( --captwiki-ab-accent ), var( --captwiki-ab-accent-2 ) );
	box-shadow: 0 14px 26px -14px var( --captwiki-ab-accent );
	transition: transform var( --captwiki-ab-speed ) ease, background var( --captwiki-ab-speed ) ease;
}

.captwiki-anibox.captwiki-style-2 .captwiki-anibox__icon {
	color: #ffffff;
}

.captwiki-anibox.captwiki-style-2:hover .captwiki-anibox__media {
	transform: scale( 1.06 );
	background: rgba( 255, 255, 255, 0.18 );
}

.captwiki-anibox.captwiki-style-2 .captwiki-anibox__title,
.captwiki-anibox.captwiki-style-2 .captwiki-anibox__desc {
	transition: color var( --captwiki-ab-speed ) ease;
}

.captwiki-anibox.captwiki-style-2:hover .captwiki-anibox__title,
.captwiki-anibox.captwiki-style-2:hover .captwiki-anibox__desc {
	color: #ffffff;
}

.captwiki-anibox.captwiki-style-2 .captwiki-anibox__btn {
	background: var( --captwiki-ab-accent );
}

.captwiki-anibox.captwiki-style-2:hover .captwiki-anibox__btn {
	background: rgba( 255, 255, 255, 0.2 );
	box-shadow: inset 0 0 0 1px rgba( 255, 255, 255, 0.6 );
}
