/* Match the configured horizontal gallery before Swiper is ready. All rules
   expire when the vendor initializes; the interactive layout stays its own. */
#wpgs-gallery.horizontal.wcgs-spswiper-before-init {
    width: 50%;
    min-width: 0 !important;
}
@media (max-width: 767px) {
    #wpgs-gallery.horizontal.wcgs-spswiper-before-init {
        width: min(100%, 720px);
        max-width: 100%;
    }
}
@media (max-width: 479px) {
    #wpgs-gallery.horizontal.wcgs-spswiper-before-init {
        width: min(100%, 480px);
    }
}
#wpgs-gallery.horizontal:not(.wcgs-visible) .wcgs-carousel,
#wpgs-gallery.horizontal:not(.wcgs-visible) .gallery-navigation-carousel-wrapper {
    opacity: 1;
    visibility: visible;
}
#wpgs-gallery.horizontal .wcgs-carousel:not(.spswiper-initialized) {
    display: block;
    visibility: visible;
}
#wpgs-gallery.horizontal .wcgs-carousel:not(.spswiper-initialized) .spswiper-wrapper {
    height: auto;
}
#wpgs-gallery.horizontal .wcgs-carousel:not(.spswiper-initialized) .spswiper-slide {
    width: 100%;
    flex: 0 0 100%;
}
#wpgs-gallery.horizontal .wcgs-carousel:not(.spswiper-initialized) .spswiper-slide:not(:first-child) {
    display: none;
}
#wpgs-gallery.horizontal .gallery-navigation-carousel:not(.spswiper-initialized) {
    display: block;
}
#wpgs-gallery.horizontal .gallery-navigation-carousel:not(.spswiper-initialized) .spswiper-wrapper {
    justify-content: center;
}
#wpgs-gallery.horizontal .gallery-navigation-carousel:not(.spswiper-initialized):has(.wcgs-thumb:nth-child(6)) .spswiper-wrapper {
    justify-content: flex-start;
}
#wpgs-gallery.horizontal .gallery-navigation-carousel:not(.spswiper-initialized) .wcgs-thumb {
    width: calc((100% - 24px) / 5);
    flex-shrink: 0;
    margin-right: 6px;
}
#wpgs-gallery.horizontal .gallery-navigation-carousel:not(.spswiper-initialized) .wcgs-thumb img {
    width: 100%;
}
#wpgs-gallery.horizontal .gallery-navigation-carousel:not(.spswiper-initialized) .wcgs-thumb:first-child img {
    opacity: 1;
    border-color: #ddd;
}
#wpgs-gallery.horizontal:has(.wcgs-carousel .spswiper-slide:only-child) .gallery-navigation-carousel:not(.spswiper-initialized) {
    display: none;
}