/*============================================================================*/
/*----------------- galeria_scroll (galeria_scroll.blade.php) ----------------*/
/* Modelo alternativo ao includes/galerias/galeria.blade.php: em vez de grade
   fixa de 4 colunas que esconde fotos além da 8ª atrás de um "+N" sem graça,
   mostra todas as fotos em scroll horizontal com setas - mesmo mecanismo de
   thumbnails.carrossel.scroll (scrollHorizontal_+id / scrollToRight /
   scrollToLeft / startContinuousScroll / stopContinuousScroll, já carregado
   globalmente via public/js/components/thumbnails.js). O clique na foto
   continua abrindo o lightbox normalmente (LightGallery, mesma classe/ID
   .lightgallery já usada pelo modelo em grade). */

.galeria-scroll-model .container {
    position: relative;
}

.galeria-scroll-model .cms-content-scroll-pag {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.galeria-scroll-model .cms-content-scroll-pag::-webkit-scrollbar {
    display: none;
}

.galeria-scroll-model ul.lightgallery {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}

.galeria-scroll-model ul.lightgallery li.col {
    flex: 0 0 auto;
    width: 700px;
    padding: 30px 10px;
}

.galeria-scroll-model .cms-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.galeria-scroll-model .handleNext {
    right: 0;
}

.galeria-scroll-model .handlePrev {
    left: 0;
}

@media screen and (max-width: 1024px) {
    .galeria-scroll-model ul.lightgallery li.col {
        width: 360px;
    }
}

@media screen and (max-width: 767px) {
    /* Mobile: no máximo 30px de margem lateral e cada foto ocupa ~88% do
       container (não do viewport) - sobra uma "espiada" consistente da
       próxima foto, sinalizando que dá pra arrastar mais pra ver o resto. */
    .galeria-scroll-model .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .galeria-scroll-model ul.lightgallery li.col {
        width: 95%;
        padding: 15px 4px;
    }
}

/*----------------- galeria_scroll (galeria_scroll.blade.php) ----------------*/
/*============================================================================*/