:root {
  --main-color: #161616;
  --background-color: #242323;
  --text-color: #ffffff;
  --my-color: #1977f1;
}

.athletics-page-title {
  text-align: center;
  font-size: 36px;
  margin-top: 32px;
  margin-bottom: 8px;
  color: var(--text-color);
  text-shadow: 1px 1px 4px rgba(24, 24, 24, 0.562);
}

@media screen and (max-width: 1000px) {
  .athletics-page-title {
    font-size: 50px;
    margin-top: 60px;
    margin-bottom: 10px;
  }
}

.text-block {
  max-width: 720px; /* ne přes celou obrazovku, omezení šířky */
  margin: 2.5% auto 2rem; /* zarovnat na střed, přidat spodní mezeru */
  line-height: 1.6; /* vyšší řádkování pro lepší čitelnost */
  font-size: 17px;
  color: #333; /* ne úplně černá, ale tmavě šedá */
  text-align: justify;
}

@media screen and (max-width: 1500px) {
  .text-block {
    max-width: 570px;
  }
}

@media screen and (max-width: 1000px) {
  .text-block {
    margin-top: 70px;
    max-width: 90vw;
  }
}

/* Odstavce od sebe trochu oddělit */
.text-block p {
  margin-bottom: 1rem;
}

@media screen and (max-width: 1500px) {
  .text-block p {
    font-size: 15px;
  }
}

@media screen and (max-width: 1000px) {
  .text-block p {
    text-align: justify;
    font-size: 27px;
  }
}

.text-block img {
  max-width: 100%; /* obrázky nepřesáhnou šířku textového bloku */
  height: auto; /* zachování poměru stran */
  display: block; /* odstraní spodní mezeru pod obrázkem */
  margin: 1rem auto; /* obrázky na střed s mezerou nahoře a dole */
}

@media screen and (max-width: 1000px) {
  .text-block img {
    margin: 20px auto;
  }
}

/* ATLETIKY LOGA */

/* Slider, obrázky a ostatní zůstává stejné */
.column,
.lower-column,
.athletics_column {
  display: table-cell;
}

.upper-text {
  margin-top: 3%;
}

@media screen and (max-width: 1000px) {
  .upper-text {
    margin-top: 70px;
    margin-bottom: 10px;
  }
}

.athletic_logos_desktop {
  display: block;
}
.athletic_logos_mobile {
  display: none;
}

@media (max-width: 1000px) {
  .athletic_logos_desktop {
    display: none;
  }
  .athletic_logos_mobile {
    display: block;
  }
}

.athletic_logos_desktop {
  margin-top: 2%;
  margin-bottom: 4%;
}

img[src="../photos/atletiky_loga/svaz_lepsi.png"] {
  padding: 15px;
}

.athletics_column:hover,
.athletics_column_bigger:hover {
  transform: scale(1.25);
}

.athletics_row {
  display: flex;
  justify-content: center; /* obrázky vycentrované */
  align-items: center; /* vertikální zarovnání */
  gap: 10px; /* malá mezera mezi obrázky */
  flex-wrap: wrap; /* pokud se nevejdou, zalomí se do dalšího řádku */
  margin: 35px 40px;
}

.athletics_column {
  flex: 1 1 auto; /* flexibilní velikost, aby se vešly všechny obrázky */
  text-align: center;
  transition: transform 0.5s ease; /* plynulá animace při hoveru i při návratu */
}

.athletics_column img {
  max-height: 110px; /* nastav výšku obrázků */
  width: auto; /* zachování poměru stran */
  object-fit: contain;
}

@media screen and (max-width: 1500px) {
  .athletics_column img {
    max-height: 80px;
  }
}

.athletics_row_bigger {
  display: flex;
  justify-content: center; /* obrázky vycentrované */
  align-items: center; /* vertikální zarovnání */
  gap: 10px; /* malá mezera mezi obrázky */
  flex-wrap: wrap; /* pokud se nevejdou, zalomí se do dalšího řádku */
  margin: 35px 10vw;
}

.athletics_column_bigger {
  flex: 1 1 auto; /* flexibilní velikost, aby se vešly všechny obrázky */
  text-align: center;
  transition: transform 0.5s ease; /* plynulá animace při hoveru i při návratu */
}

.athletics_column_bigger img {
  max-height: 250px; /* nastav výšku obrázků */
  width: auto; /* zachování poměru stran */
  object-fit: contain;
}
/* MOBILE */

@media screen and (max-width: 1500px) {
  .athletics_column_bigger img {
    height: 180px;
  }
}

@media screen and (max-width: 1000px) {
  .athletic_logos_mobile {
    display: inline-block;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center; /* vycentruje loga horizontálně */
    /* padding: 30px 30px; */
  }

  .athletic_logos_mobile img {
    transition: transform 0.5s ease; /* plynulá animace při hoveru i při návratu */
    height: 95px; /* základní výška pro mobil */
    width: auto; /* zachová poměr stran */
    object-fit: contain;
    margin: 18px 15px;
    /* flex: 1 1 auto; */
  }

  .bigger_logos img {
    height: 250px;
  }

  .athletic_logos_mobile img:hover {
    transform: scale(1.25);
  }
}

/* FLOTILA */

.slider-wrapper {
  max-width: 40vw;
  /* margin-bottom: 100px; */
}


@media screen and (max-width: 1500px) {
  .slider-wrapper {
    max-width: 55vw;
  }
}

@media screen and (max-width: 1000px) {
  .slider-wrapper {
    max-width: 85vw;
  }
}


.bottom-text-athletics {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 100px;
  opacity: 0;
  transform: translateY(180px); /* začne zespoda */
  transition: all 1.7s ease-out;
}

@media screen and (max-width: 1500px) {
  .bottom-text-athletics {
    font-size: 16px;
  }
}

@media screen and (max-width: 1000px) {
  .bottom-text-athletics {
    font-size: 24px;
  }
}

.bottom-text-athletics.visible {
  opacity: 1;
  transform: translateY(0);
}