/**
 * SEA / Google Ads — Figma 1381:1025 (1440 canvas).
 * Reuses .inia-lu-* and .inia-omb-* via page shell classes.
 */

/* —— Case Study metrics (1060:2812) —— */
.inia-sea-page .inia-sea-case {
	width: 100%;
	max-width: 1440px;
	min-height: 682px;
}

.inia-sea-page .inia-sea-case > .e-con-inner {
	align-items: center !important;
	gap: 120px !important;
}

.inia-sea-page .inia-sea-case-copy {
	width: 495px !important;
	max-width: min(495px, 100%);
}

.inia-sea-page .inia-sea-case-results {
	width: 585px !important;
	max-width: min(585px, 100%);
	min-height: 473px !important;
	box-sizing: border-box;
}

.inia-sea-page .inia-sea-metrics {
	width: 100%;
}

.inia-sea-page .inia-sea-metrics > .e-con-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 32px !important;
	align-items: flex-start !important;
	width: 100% !important;
}

.inia-sea-page .inia-sea-metric {
	flex: 0 0 auto;
}

.inia-sea-page .inia-sea-metric .inia-sea-metric__value .elementor-heading-title,
.inia-sea-page .inia-sea-metric .elementor-heading-title {
	margin: 0 !important;
	font-family: var(--inai-font-display, "Bricolage Grotesque", sans-serif) !important;
	font-size: 64px !important;
	line-height: 88px !important;
	font-weight: 600 !important;
	color: var(--inai-electric-blue, #2d5bff) !important;
	white-space: nowrap;
}

.inia-sea-page .inia-sea-metric__label,
.inia-sea-page .inia-sea-metric__label p {
	margin: 0 !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
	color: #000 !important;
	text-align: center;
}

.inia-sea-page .inia-sea-case-chart,
.inia-sea-page .inia-sea-case-chart .elementor-widget-container {
	width: 100% !important;
}

.inia-sea-page .inia-sea-case-chart img {
	width: 100% !important;
	max-width: 521px;
	height: 233px !important;
	object-fit: cover;
	border-radius: 24px;
	border: 1px solid #fff;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	display: block;
	box-sizing: border-box;
}

/* Figma: blank-line spacers between paragraphs (mb-0 + empty line) */
.inia-sea-page .inia-sea-case-copy .elementor-widget-text-editor p {
	margin: 0 !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
}

.inia-sea-page .inia-sea-case-results {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.inia-sea-page .inia-sea-case-results .inia-omb-eyebrow p,
.inia-sea-page .inia-sea-case-results .inia-omb-eyebrow {
	letter-spacing: 1.8px !important;
	text-transform: uppercase !important;
}

/* Features: all cards exactly 269 (Figma stack 799 → section 895) */
.inia-sea-page .inia-sea-features .inia-omb-feature-card {
	min-height: 269px !important;
	height: 269px !important;
	box-sizing: border-box !important;
}

/* OMB uses -4 on every row; last row must not collapse stack below 799 */
.inia-sea-page .inia-sea-features .inia-omb-feature-row:last-child {
	margin-bottom: 0 !important;
}

/* Kalender width */
.inia-sea-page .inia-lu-kalender {
	max-width: 1200px !important;
	width: 100% !important;
}

@media (max-width: 1199px) {
	.inia-sea-page .inia-sea-features .inia-omb-feature-card {
		height: auto !important;
		min-height: 0 !important;
	}

	.inia-sea-page .inia-sea-features .inia-omb-feature-card > .e-con-inner {
		flex-wrap: nowrap !important;
		flex-direction: column !important;
		height: auto !important;
	}

	.inia-sea-page .inia-sea-metrics,
	.inia-sea-page .inia-sea-metrics > .e-con-inner {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		flex-wrap: wrap !important;
		gap: 16px !important;
		padding-inline: var(--inai-side-gutter, 24px);
	}

	.inia-sea-page .inia-sea-metric,
	.inia-sea-page .inia-sea-metrics .e-con.e-child {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
		height: auto !important;
	}

	.inia-sea-page .inia-sea-case > .e-con-inner {
		flex-direction: column !important;
		gap: 48px !important;
		padding: 48px 24px !important;
	}

	.inia-sea-page .inia-sea-case-copy,
	.inia-sea-page .inia-sea-case-results {
		width: 100% !important;
		max-width: 100%;
	}

	.inia-sea-page .inia-sea-metrics > .e-con-inner {
		flex-wrap: wrap !important;
		justify-content: center;
	}

	.inia-sea-page .inia-sea-case-chart img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 521 / 233;
	}
}

@media (max-width: 767px) {
	.inia-sea-page .inia-sea-metric .elementor-heading-title {
		font-size: clamp(36px, 10vw, 48px) !important;
		line-height: 1.2 !important;
	}

	.inia-sea-page .inia-sea-case {
		min-height: 0;
		padding-inline: var(--inai-side-gutter, 16px) !important;
	}

	.inia-sea-page .inia-sea-metrics > .e-con-inner {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 12px !important;
	}

	.inia-sea-page .inia-sea-metric,
	.inia-sea-page .inia-sea-metrics .e-con.e-child {
		flex: none !important;
	}
}