/* =========================================================
   INNE – GALERIA ZBIORCZA
   ========================================================= */

.gallery-page {
  max-width: 1000px;
  margin: 80px auto;
  padding: 0 20px;
}

/* WSTĘP */
.gallery-page h1 {
  font-size: 42px;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 25px;
}

.gallery-intro,
.texts-intro {
  text-align: center;
  font-size: 18px;
  line-height: 1.9;
  margin-bottom: 60px;
  opacity: 0.8;
}

/* SEKCJE */
.gallery-section {
  margin-bottom: 80px;
}

.gallery-section h2 {
  font-size: 26px;
  text-align: center;
  margin-bottom: 20px;
}

.gallery-section h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background: #d8cfc3;
  margin: 10px auto 0;
}

.gallery-section p {
  text-align: center;
  margin-bottom: 30px;
  font-size: 17px;
}

/* =========================================================
   GALERIA — POPRAWIONE MINIATURY
   ========================================================= */

.gg-unified-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  justify-content: center;
  margin: 30px auto 50px auto;
  max-width: 900px;
}

/* 🔥 KLUCZ — usuwamy ograniczenie z gallery.css */
.gg-unified-gallery a {
  display: block;
  width: 100%;
  max-width: none;
}

/* 🔥 większe obrazki jak w Przemowy */
.gg-unified-gallery img {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  display: block;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.15);
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* HOVER */
.gg-unified-gallery img:hover {
  transform: scale(1.05);
  opacity: 0.9;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

/* LINK */

.texts-more {
  display: inline-block;
  color: #8b5e3c;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 0.05em;
  border-bottom: 1px solid rgba(138,79,56,0.4);
  padding-bottom: 2px;

  transition: color 0.3s ease, border-color 0.3s ease;
}

/* strzałka */
.texts-more::after {
  content: "→";
  margin-left: 6px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* hover */
.texts-more:hover {
  color: #d19a6a;
  border-bottom-color: #d19a6a;
}

.texts-more:hover::after {
  transform: translateX(4px);
}



.texts-more-center {
  text-align: center;
}




/* MOBILE */
@media (max-width: 768px) {
  .gg-unified-gallery {
    grid-template-columns: repeat(2, 1fr);
  }

  .gg-unified-gallery img {
    max-width: 200px;
  }
}

@media (max-width: 480px) {
  .gg-unified-gallery {
    grid-template-columns: 1fr; /* 🔥 1 kolumna = duże obrazy */
  }

  .gg-unified-gallery img {
    max-width: 260px;
  }
}