/**
 * Banner Rotativo WP - Frontend Styles
 * ARQUITETURA 2.4 - Prevenção Total de Barras de Rolagem e Flex-Collapse
 */

/* WRAPPER: Aniquila qualquer barra de rolagem (Mesmo no Elementor) */
.brwp-marquee-wrapper {
    display: flex;
    overflow: hidden !important; 
    user-select: none;
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    position: relative;
    background: transparent;
    cursor: grab;
    
    /* Regras rigorosas para aniquilar scrollbars indesejadas */
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.brwp-marquee-wrapper::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

.brwp-is-dragging {
    cursor: grabbing !important;
}

/* TRACK: Define a pista de animação */
.brwp-marquee-track {
    display: flex;
    width: max-content;
    flex-wrap: nowrap;
    will-change: transform; 
    
    /* Bloqueia barras de rolagem internas caso herde de temas */
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}
.brwp-marquee-track::-webkit-scrollbar { display: none !important; }

/* GROUP: O agrupamento de banners */
.brwp-marquee-group {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    flex-wrap: nowrap;
    /* ATENÇÃO: Nunca usar 'gap' aqui. Usamos margin-right no item para suportar valores negativos */
}

/* ITEM: O Banner Individual */
.brwp-marquee-item {
    flex-shrink: 0; /* Previne as imagens de ficarem "espremidas" como acontecia na V2.3 */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* O SEGREDO MÁGICO PARA O ESPAÇAMENTO NEGATIVO FUNCIONAR: */
    margin-right: var(--brwp-gap); 
}

.brwp-marquee-item a {
    display: block;
    outline: none;
    text-decoration: none;
    transition: transform 0.3s ease, filter 0.3s ease;
    user-drag: none;
    -webkit-user-drag: none; 
}

.brwp-marquee-item img {
    display: block;
    object-fit: contain;
    width: auto;
    pointer-events: none; /* Bloqueia ações nativas de arrastar a imagem em si */
}

/* EFEITOS (HOVER) */
.brwp-efeito-zoom .brwp-marquee-item a:hover { transform: scale(1.15); z-index: 10; position: relative; }
@keyframes brwp-pulse-anim { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
.brwp-efeito-pulsar .brwp-marquee-item a:hover { animation: brwp-pulse-anim 1.2s infinite ease-in-out; z-index: 10; position: relative; }
.brwp-efeito-brilho .brwp-marquee-item a:hover img { filter: drop-shadow(0px 0px 12px rgba(34, 113, 177, 0.9)); transform: scale(1.02); }
.brwp-efeito-pb-cor .brwp-marquee-item a img { filter: grayscale(100%); transition: filter 0.4s ease, transform 0.3s ease; }
.brwp-efeito-pb-cor .brwp-marquee-item a:hover img { filter: grayscale(0%); transform: scale(1.05); }