/**
 * Age Gate — Style 4: Split Image
 *
 * A two-pane panel: the logo / image fills a tall pane on the left while the
 * verification content sits, left-aligned, on the right. Editorial and brand-led.
 * Collapses to a stacked layout on small screens.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__panel {
	display: flex;
	align-items: stretch;
	max-width: 760px;
}

.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__media {
	flex: 0 0 42%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0f1424;
}

.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__logo {
	width: 100%;
	height: 100%;
	max-height: none;
	margin: 0;
	object-fit: cover;
}

.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__body {
	flex: 1 1 auto;
	text-align: left;
}

.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__buttons,
.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__dob {
	justify-content: flex-start;
}

@media ( max-width: 600px ) {

	.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__panel {
		flex-direction: column;
	}

	.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__media {
		flex: 0 0 auto;
		height: 170px;
	}

	.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__body {
		text-align: center;
	}

	.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__buttons,
	.captwiki-age-gate.captwiki-style-4 .captwiki-age-gate__dob {
		justify-content: center;
	}
}
