/**
   Styles for the theme feature page (ja/land/theme.html, en/land/theme.html, es/land/theme.html).

   @author: Hirano Satoshi with Happy (LLM)
   @copyright 2026 Peace and Passion
   @since: 2026/04/06
*/

.theme-subtitle {
  font-size: 1.3rem;
  color: var(--tint-color);
  margin-top: -0.5rem;
}
.theme-gallery .sg-main {
  --swiper-navigation-size: 24px;
  --swiper-navigation-color: var(--primary-dim-color);
  height: clamp(200px, 130vw, 680px);
}
.theme-gallery .sg-main .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.theme-gallery .sg-thumbs {
  margin-top: 8px;
}
.theme-gallery .sg-thumbs .swiper-slide {
  width: auto !important;
}
.theme-gallery .sg-thumbs .swiper-slide img {
  width: clamp(80px, 14vw, 100px);
  height: clamp(60px, 10.5vw, 75px);
  object-fit: cover;
  object-position: top;
  cursor: pointer;
  border-radius: 4px;
  opacity: 0.60;
  transition: opacity 0.3s;
}
.theme-gallery .sg-thumbs .swiper-slide-thumb-active img {
  opacity: 1;
}