/* Full-width Robot page hero slider */
.ftc-robot-hero {
	position: relative;
	width: 100%;
	min-height: clamp(420px, 65vh, 720px);
	overflow: hidden;
	background: var(--wp--preset--color--accent-1, #003974);
}

.ftc-robot-hero__track {
	position: relative;
	width: 100%;
	height: clamp(420px, 65vh, 720px);
}

.ftc-robot-hero__slide {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease, visibility 0.8s ease;
	display: flex;
	align-items: flex-end;
}

.ftc-robot-hero__slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.ftc-robot-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(0, 20, 50, 0.88) 0%,
		rgba(0, 40, 90, 0.55) 45%,
		rgba(0, 57, 116, 0.25) 100%
	);
}

.ftc-robot-hero__content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1280px);
	margin: 0 auto;
	padding: 3rem clamp(1.25rem, 4vw, 3rem) 4rem;
	color: #fff;
}

.ftc-robot-hero__eyebrow {
	margin: 0 0 0.75rem;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: color-mix(in srgb, #fff 75%, var(--wp--preset--color--accent-2, #f57c00));
}

.ftc-robot-hero__title {
	margin: 0 0 0.75rem;
	font-size: clamp(2rem, 5vw, 3.75rem);
	font-weight: 800;
	line-height: 1.1;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.35);
}

.ftc-robot-hero__subtitle {
	margin: 0;
	max-width: 640px;
	font-size: clamp(1rem, 2vw, 1.25rem);
	line-height: 1.5;
	color: color-mix(in srgb, #fff 88%, transparent);
}

.ftc-robot-hero__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 48px;
	height: 48px;
	border: none;
	border-radius: 50%;
	background: color-mix(in srgb, #fff 18%, transparent);
	backdrop-filter: blur(6px);
	color: #fff;
	font-size: 1.25rem;
	cursor: pointer;
	transition: background 0.2s ease;
}

.ftc-robot-hero__arrow:hover,
.ftc-robot-hero__arrow:focus-visible {
	background: color-mix(in srgb, var(--wp--preset--color--accent-2, #f57c00) 85%, #fff);
	outline: none;
}

.ftc-robot-hero__arrow--prev {
	left: 1rem;
}

.ftc-robot-hero__arrow--next {
	right: 1rem;
}

.ftc-robot-hero__dots {
	position: absolute;
	bottom: 1.25rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	display: flex;
	gap: 0.5rem;
}

.ftc-robot-hero__dot {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

.ftc-robot-hero__dot.is-active {
	background: var(--wp--preset--color--accent-2, #f57c00);
	border-color: var(--wp--preset--color--accent-2, #f57c00);
	transform: scale(1.15);
}

.ftc-robot-hero--empty {
	min-height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wp--preset--color--accent-5, #f1f5f9);
}

.ftc-robot-hero__empty-inner {
	text-align: center;
	padding: 2rem;
	color: var(--wp--preset--color--accent-4, #64748b);
}

@media (max-width: 600px) {
	.ftc-robot-hero__arrow {
		width: 40px;
		height: 40px;
		font-size: 1rem;
	}

	.ftc-robot-hero__content {
		padding-bottom: 3.5rem;
	}
}