:root {
	--imp-item-margin: 34px;
} 
.imp-carousel-module {
	display: inline-block;
	position: relative;
}
.imp-carousel-container {
    width: 100%;
    overflow: hidden;
}
.imp-btn-container {
	z-index: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.imp-btn-container-left {
	left: -40px;
}
.imp-btn-container-right {
    right: -40px;
}
.imp-btn {
	border: none;
	background-color: transparent;
}
.imp-btn {
	color: var(--white);
	font-size: 2.6rem;
}
.biale-tlo .imp-btn {
	color: #888;
}
.imp-carousel {
    display: flex;
    transition: transform 0.5s ease;
	width: calc(5 * (var(--imp-item-width) + var(--imp-item-margin)) - var(--imp-item-margin)); /* 5 widocznych przycisków z datą  dla desktop - wartość powinna odpowiadać wartości visibleItems na większych ekranach w pliku imp-carousel-script.js */
}

.imp-carousel .imp-item {
	margin-right: var(--imp-item-margin);
}

.imp-carousel .imp-item:last-child {
    margin-right: 0; /* Usunięcie odstępu za ostatnim elementem */
}

.imp-carousel .sekcja-kreska, .imp-carousel .informacje {  
	border-bottom: 2px solid #fff;
}

.biale-tlo .imp-carousel .sekcja-kreska, .biale-tlo .imp-carousel .informacje {  
	border-bottom: 2px solid var(--wp--preset--color--custom-c-green);
}

.imp-carousel .imp-item p, .imp-carousel .imp-item a, .imp-carousel .imp-item i, .imp-carousel .imp-item span {
	color: var(--white);
}

.biale-tlo .imp-carousel .imp-item p, .biale-tlo .imp-carousel .imp-item a, .biale-tlo .imp-carousel .imp-item span {
	color: var(--wp--preset--color--heading-color);
}

.biale-tlo .imp-carousel .imp-item i {
	color: var(--wp--preset--color--primary);
}

@media (max-width: 1780px) {
	.imp-carousel {
		width: calc(4 * (var(--imp-item-width) + var(--imp-item-margin)) - var(--imp-item-margin)); /* 4 widoczne miniaturki - wartość powinna odpowiadać wartości visibleItems dla 1780px w pliku imp-carousel-script.js */
	}  
}
@media (max-width: 1460px) {
	.imp-carousel {
		width: calc(3 * (var(--imp-item-width) + var(--imp-item-margin)) - var(--imp-item-margin)); /* 3 widoczne miniaturki - wartość powinna odpowiadać wartości visibleItems dla 1460px w pliku imp-carousel-script.js */
	}  
}
@media (max-width: 1140px) {
	.imp-carousel {
		width: calc(2 * (var(--imp-item-width) + var(--imp-item-margin)) - var(--imp-item-margin)); /* 2 widoczne miniaturki - wartość powinna odpowiadać wartości visibleItems dla 1140px w pliku imp-carousel-script.js */
	}  
}
@media (max-width: 820px) {
	.imp-carousel {
		width: var(--imp-item-width);
	}  
}

@media (max-width: 450px) {
	:root {
		--imp-item-width: 284px;
		--imp-item-height: 162px;
	} 
	.imp-item img {
		width: var(--imp-item-width);
	}
	.imp-carousel {
		width: var(--imp-item-width);
	} 
}

@media (max-width: 376px) {
	:root {
		--imp-item-width: 268px;
		--imp-item-height: 153px;
	} 
	.imp-item img {
		width: var(--imp-item-width);
	}
	.imp-carousel {
		width: var(--imp-item-width);
	} 
}