/**
 * Cookie Consent — Style 3: Centered Modal
 *
 * A focused, centred modal over a dimmed backdrop. Use when consent should be a
 * deliberate choice rather than a passive corner notice.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-cookie.captwiki-style-3 .captwiki-cookie__backdrop {
	display: block;
	position: fixed;
	inset: 0;
	z-index: 99996;
	background: rgba( 12, 14, 24, 0.6 );
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.captwiki-cookie.captwiki-style-3.is-visible .captwiki-cookie__backdrop {
	opacity: 1;
	visibility: visible;
}

.captwiki-cookie.captwiki-style-3 .captwiki-cookie__box {
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	max-width: 480px;
	text-align: left;
	transform: translate( -50%, -50% ) scale( 0.95 );
}

.captwiki-cookie.captwiki-style-3.is-visible .captwiki-cookie__box {
	transform: translate( -50%, -50% ) scale( 1 );
}

.captwiki-cookie.captwiki-style-3 .captwiki-cookie__content {
	width: 100%;
}

.captwiki-cookie.captwiki-style-3 .captwiki-cookie__title {
	font-size: 20px;
}

.captwiki-cookie.captwiki-style-3 .captwiki-cookie__actions {
	width: 100%;
	margin-top: 4px;
}

.captwiki-cookie.captwiki-style-3 .captwiki-cookie__btn {
	flex: 1 1 auto;
}

/* Inline preview safety — keep it contained in the editor. */
.captwiki-cookie.captwiki-style-3.is-preview .captwiki-cookie__box {
	transform: none;
}
