/* ====== GŁÓWNE STYLE ====== */
.galeria-wrapper {
  max-width: 1600px;
  margin: 50px auto;
  padding: 0 0px;
}

.galeria-section {
  margin: 100px 0;
  padding: 60px 0;
  background: #f8f9fa;
  border-radius: 16px;
}

.galeria-section h2 {
  text-align: center !important;
  font-size: 36px;
  color: #2c3e50;
  margin: 0 auto 60px !important;
  width: 100%;
}

/* ====== SWIPER ====== */
.galeria-grid {
  position: relative;
  padding: 0 90px !important;
}

.swiper-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.swiper-wrapper {
  padding: 5px 0; /* Kompensacja dla cieni */
}

.swiper-slide {
  height: 400px !important;
  border-radius: 12px;
  overflow: hidden;
}

.swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transition: transform 0.3s;
}

.swiper-slide:hover img {
  transform: scale(1.03);
}

/* ====== PAGINACJA ====== */
.swiper-pagination {
  position: relative !important;
  margin: 30px auto 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  background: #ddd !important;
  opacity: 9 !important;
  transition: all 0.3s !important;
}

.swiper-pagination-bullet-active {
  background: #1565c0 !important;
  transform: scale(1.3) !important;
}

/* ====== LIGHTBOX ====== */
.glightbox-counter {
  position: fixed !important;
  top: 25px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(0,0,0,0.85) !important;
  color: white !important;
  padding: 8px 24px !important;
  border-radius: 30px !important;
  font-size: 15px !important;
  z-index: 999999 !important;
  backdrop-filter: blur(6px) !important;
}

/* ====== MEDIA ====== */
@media (max-width: 1200px) {
  .galeria-grid { padding: 0 40px !important; }
  .swiper-slide { width: calc(50% - 16px) !important; } /* 2 kolumny */
}

@media (max-width: 768px) {
  .galeria-grid { padding: 0 20px !important; }
  .swiper-slide { width: 100% !important; } /* 1 kolumna */
  .swiper-button-prev,
  .swiper-button-next { display: none !important; }
}

/* ====== STRZAŁKI SWIPERA (BEZ TŁA) ====== */
.swiper-button-prev,
.swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: none;      
  border: none;             
  box-shadow: none;       
  z-index: 10;
}

.swiper-button-prev {
  left: -60px;
}

.swiper-button-next {
  right: -60px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  color: #1565c0;            /* 👈 kolor strzałki */
  font-size: 20px;
}