/* Style dla niestandardowej paginacji (prostokąty) w hero header */
.heroheader-bullet {
	width: 20%;
	height: 7px;
	background-color: #003366;
	/* niebieski dla nieaktywnych */
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s ease;
}
.heroheaderfull .heroheader-pagination:hover .heroheader-bullet {
	height: 15px;
}
.heroheader-bullet.active {
	height: 15px;
	background-color: #ffd100;
	/* żółty dla aktywnego */
}

/* Style dla kontenera YouTube */
.youtube-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000;
}

.youtube-container iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
	border: none;
}

/* Ukrycie elementów interfejsu YouTube */
.youtube-container iframe {
	filter: brightness(1.1) contrast(1.1);
}

/* Responsywność dla YouTube */
@media (min-width: 1440px) {
	.youtube-container iframe {
		width: 177.77777778vh; /* 16/9 * 100 */
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (max-width: 1439px) {
	.youtube-container iframe {
		width: 100%;
		height: 56.25vw; /* 9/16 * 100 */
		top: 50%;
		transform: translateY(-50%);
	}
}