/**
 * Hero shortcode [acctek_hero] - zamiennik Slider Revolution.
 * Jednoslajdowy, bez JS. Odwzorowuje oryginalny hero ze strony głównej.
 */

.acctek-hero {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	min-height: clamp(600px, 43vw, 820px);
	background: #0a1740; /* fallback zanim wczyta się obraz tła */
}

/* Tło (kandydat na LCP) */
.acctek-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.acctek-hero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 60px 40px;
}

/* --- Kolumna z tekstem --- */
.acctek-hero__content {
	max-width: 640px;
}

.acctek-hero__overline,
.acctek-hero__title,
.acctek-hero__subtitle,
.acctek-hero__btn {
	font-family: "Instrument Sans", sans-serif;
}

.acctek-hero__overline {
	margin: 0 0 10px;
	font-size: clamp(16px, 1.5vw, 24px);
	font-weight: 400;
	color: #ffffff;
}

.acctek-hero__title {
	margin: 0 0 10px;
	font-size: clamp(40px, 5.4vw, 78px);
	line-height: 1.08;
	font-weight: 700;
	color: #f7fffb;
}

.acctek-hero__subtitle {
	margin: 0 0 32px;
	font-size: clamp(22px, 2.6vw, 36px);
	line-height: 1.15;
	font-weight: 700;
	color: #82c4ff;
}

.acctek-hero__btn {
	display: inline-flex;
	align-items: center;
	height: 55px;
	padding: 0 50px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	color: #ffffff;
	text-decoration: none;
	background: rgba(0, 84, 255, 0.65);
	border-radius: 16px;
	transition: background 0.2s ease;
}

.acctek-hero__btn:hover,
.acctek-hero__btn:focus-visible {
	background: rgba(0, 84, 255, 0.90);
}

/* --- Zdjęcia (nakładające się) ---
 * Na desktopie kontener znika (display:contents), a zdjęcia kotwiczą się
 * absolutnie do całej sekcji .acctek-hero - tak jak w oryginale (moduł
 * pełnej szerokości), stąd pozycje wyrażone w % szerokości/wysokości sekcji.
 */
.acctek-hero__media {
	display: contents;
}

.acctek-hero__photo {
	position: absolute;
	z-index: 2;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: 32px;
	box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.25);
}

.acctek-hero__photo--back {
	top: 16.9%;
	right: 11.1%;
	width: 30.4%;
	border: 1px solid #007aff;
}

.acctek-hero__photo--front {
	top: 36.5%;
	left: 42.6%;
	width: 25.4%;
	z-index: 3;
	border: 1px solid #ffffff;
}

/* --- Responsywność --- */
@media (max-width: 1024px) {
	.acctek-hero {
		display: block;
		min-height: 0;
	}

	.acctek-hero__inner {
		padding: 48px 24px 24px;
	}

	.acctek-hero__content {
		max-width: none;
	}

	/* Kontener wraca do normalnego przepływu, pod tekstem */
	.acctek-hero__media {
		display: block;
		position: relative;
		width: 100%;
		height: 64vw;
		max-height: 460px;
		margin: 0 auto;
		padding: 0 24px 48px;
	}

	.acctek-hero__photo--back {
		top: 0;
		right: 6%;
		width: 60%;
	}

	.acctek-hero__photo--front {
		top: auto;
		bottom: 12%;
		left: 6%;
		width: 52%;
	}
}

@media (max-width: 600px) {
	.acctek-hero__btn {
		padding: 0 32px;
		font-size: 18px;
	}

	.acctek-hero__media {
		height: 72vw;
	}

	.acctek-hero__photo--back {
		width: 66%;
		right: 3%;
	}

	.acctek-hero__photo--front {
		width: 58%;
		left: 3%;
	}
}

.mcb-column-inner:has(.acctek-hero) {
	margin: 0;
}

.content_wrapper .section_wrapper:has(.acctek-hero) {
	padding-left: 0 !important;
	padding-right: 0 !important;
}