.wm-logo-slider-wrapper {
	width: 100%;
	max-width: 1200px;
	margin: 60px auto;
	font-family: 'Arial', sans-serif;
	padding: 0 15px;
}

/* Zmiana na GRID: Centruje tekst, przyciski do prawej */
.wm-logo-slider-header {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding-bottom: 12px;
	margin-bottom: 30px;
	position: relative;
}

.wm-logo-slider-title {
	grid-column: 2; /* Środkowa kolumna */
	text-align: center;
	font-weight: 800;
	margin: 0;
}

.wm-logo-controls {
	grid-column: 3; /* Prawa kolumna */
	justify-self: end; /* Dociągnięcie do prawej */
	display: flex;
	gap: 12px;
}

/* Stylistyka przycisków jak z Głównego Slidera */
.wm-logo-btn {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50% !important;
	border: 5px solid #eee;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.3s ease !important;
	box-sizing: border-box !important;
}

.wm-logo-btn:hover {
	background: #f49717;
	border-color: #f49717;
}

.wm-logo-btn:focus {
	background: #f49717;
	border-color: #f49717;
}

.wm-logo-btn img {
	width: 14px;
	height: 14px;
	display: block !important;
	object-fit: contain;
	transition: filter 0.3s ease !important;
}

/* Obrót lewej strzałki */
.wm-logo-prev img {
	transform: rotate(180deg);
}

/* Inwersja koloru na hover (czarny do białego) */
.wm-logo-btn:hover img {
	filter: invert(100%) !important;
}
.wm-logo-btn:focus img {
	filter: invert(100%) !important;
}

.wm-logo-track {
	display: flex;
	gap: 30px; 
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	padding-bottom: 10px;
	scrollbar-width: none; 
}
.wm-logo-track::-webkit-scrollbar {
	display: none; 
}

/* ZMIANA: 6 slajdów na ekranach komputerów zamiast 5 */
.wm-logo-slide {
	flex: 0 0 calc(16.666% - 25px); 
	scroll-snap-align: start;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90px;
	background: #ffffff;
}

.wm-logo-slide img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	/* ZMIANA: Domyślnie pełny kolor */
	filter: grayscale(0%) opacity(1);
	transition: all 0.4s ease;
}
.wm-logo-slide:hover img {
	/* ZMIANA: Po najechaniu obrazek staje się szary i lekko przezroczysty */
	filter: grayscale(100%) opacity(0.6);
}

/* Responsywność dla układu Grid na mobile */
@media (max-width: 992px) {
	.wm-logo-slide { flex: 0 0 calc(33.333% - 20px); } /* 3 slajdy na tabletach */
}
@media(max-width: 635px){
	#page #content .wm-logo-slider-wrapper .wm-logo-controls{
		position: relative;
        transform: translateX(0);
        right: unset;
        margin-top: 15px;
	}
	
	#page #content .wm-logo-slider-wrapper .wm-logo-slider-header{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
}

@media (max-width: 576px) {
	.wm-logo-slide { flex: 0 0 calc(50% - 15px); } /* 2 slajdy na telefonach */
	.wm-logo-slider-title { font-size: 20px; text-align: left; }
}