/* ============================================
   Avaleht - Vertical Image Carousel
   ============================================ */

@media (min-width: 768px) {
	p, summary {
	font-size: 20px
	}	
}

/* Galerii container - 3:4 portree formaat */
#galerii,
.carousel-gallery {
  display: block !important;
  aspect-ratio: 3 / 4;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/* Peida scrollbar aga säilita funktsionaalsus */
#galerii::-webkit-scrollbar,
.carousel-gallery::-webkit-scrollbar {
  width: 0;
  display: none;
}
#galerii,
.carousel-gallery {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Iga pilt võtab täpselt ühe "ekraani" - 3:4 portree */
#galerii .wp-block-image,
.carousel-gallery .wp-block-image,
[id^="image-"] {
  flex: none;
  width: 100% !important;
  aspect-ratio: 3 / 4;
  margin: 0 0 16px 0 !important;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

#galerii .wp-block-image:last-child,
.carousel-gallery .wp-block-image:last-child,
#image-11 {
  margin-bottom: 0 !important;
}

#galerii .wp-block-image img,
.carousel-gallery .wp-block-image img,
[id^="image-"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mobiilile kohandused */
@media (max-width: 768px) {
  #galerii,
  .carousel-gallery {
    max-height: 70vh;
	margin-bottom 20px !important;
  }
}