/**
 * Cookie Consent — Style 2: Full-Width Bar
 *
 * A full-width bar pinned to the bottom (or top) edge with the text on the left and
 * the buttons on the right. Unobtrusive and classic.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-cookie.captwiki-style-2 .captwiki-cookie__box {
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	flex-wrap: nowrap;
	gap: 28px;
	padding: 18px clamp( 16px, 5vw, 64px );
	border-radius: 0;
	transform: translateY( 100% );
}

/* Bottom-pinned variants. */
.captwiki-cookie.captwiki-style-2.captwiki-cookie--pos-bottom-left .captwiki-cookie__box,
.captwiki-cookie.captwiki-style-2.captwiki-cookie--pos-bottom-center .captwiki-cookie__box,
.captwiki-cookie.captwiki-style-2.captwiki-cookie--pos-bottom-right .captwiki-cookie__box {
	bottom: 0;
	top: auto;
}

/* Top-pinned variants. */
.captwiki-cookie.captwiki-style-2.captwiki-cookie--pos-top-left .captwiki-cookie__box,
.captwiki-cookie.captwiki-style-2.captwiki-cookie--pos-top-center .captwiki-cookie__box,
.captwiki-cookie.captwiki-style-2.captwiki-cookie--pos-top-right .captwiki-cookie__box {
	top: 0;
	bottom: auto;
	transform: translateY( -100% );
}

.captwiki-cookie.captwiki-style-2.is-visible .captwiki-cookie__box {
	transform: translateY( 0 );
}

.captwiki-cookie.captwiki-style-2 .captwiki-cookie__content {
	flex: 1 1 auto;
}

.captwiki-cookie.captwiki-style-2 .captwiki-cookie__actions {
	flex: 0 0 auto;
}

@media ( max-width: 768px ) {

	.captwiki-cookie.captwiki-style-2 .captwiki-cookie__box {
		flex-wrap: wrap;
		gap: 14px;
	}

	.captwiki-cookie.captwiki-style-2 .captwiki-cookie__actions {
		width: 100%;
	}
}
