/*
 * Ativa Nautica
 * Active Filters 2026
 * v1.1
 */


/* ==================================================
   FILTROS ATIVOS
   ================================================== */

.ativa-active-filters {
    width: 100%;

    margin:
        4px 0 17px;

    padding:
        13px 14px;

    border:
        1px solid #dde1e7;

    border-radius:
        8px;

    background:
        #ffffff;
}


.ativa-active-filters__header {
    width: 100%;

    margin-bottom:
        10px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        14px;
}


.ativa-active-filters__title {
    color:
        #202020;

    font-size:
        13px;

    font-weight:
        700;

    line-height:
        1.3;
}


.ativa-active-filters__clear {
    min-height: 32px;

    padding:
        4px 2px;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    color:
        #1b3872 !important;

    box-shadow:
        none !important;

    font: inherit;

    font-size:
        12px;

    font-weight:
        700;

    cursor:
        pointer;
}


.ativa-active-filters__clear:hover {
    color:
        #ed7b35 !important;
}


.ativa-active-filters__list {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;
}


.ativa-active-filter {
    min-height:
        36px;

    padding:
        7px 10px;

    border:
        1px solid
        rgba(27, 56, 114, .28) !important;

    border-radius:
        999px !important;

    background:
        #f5f7fb !important;

    color:
        #1b3872 !important;

    box-shadow:
        none !important;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    font: inherit;

    font-size:
        12px;

    font-weight:
        600;

    line-height:
        1.2;

    cursor:
        pointer;
}


.ativa-active-filter:hover {
    border-color:
        #1b3872 !important;

    background:
        #edf2fa !important;
}


.ativa-active-filter__group {
    color:
        #667085;

    font-weight:
        500;
}


.ativa-active-filter__value {
    color:
        #1b3872;

    font-weight:
        700;
}


.ativa-active-filter__remove {
    margin-left:
        2px;

    color:
        #ed7b35;

    font-size:
        17px;

    font-weight:
        400;

    line-height:
        1;
}


.ativa-active-filter:focus-visible,
.ativa-active-filters__clear:focus-visible {
    outline:
        3px solid
        rgba(237, 123, 53, .40);

    outline-offset:
        2px;
}


/* ==================================================
   CONTADOR NO BOTÃO FILTRAR
   ================================================== */

.ativa-filter-active-count {
    min-width:
        21px;

    height:
        21px;

    padding:
        0 6px;

    border-radius:
        999px;

    background:
        #ed7b35;

    color:
        #ffffff;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1;
}


/* ==================================================
   LIMPEZA MOBILE
   ================================================== */

.ativa-hide-filter-title-v11 {
    display:
        none !important;
}


@media (max-width: 767px) {

    /*
     * Corrige definitivamente o botão X.
     * Nenhum estilo rosa/magenta pode vazar
     * do tema ou dos estilos antigos.
     */
    .elementor-element-1c991ab
    .ativa-filter-close-v3 {

        width:
            44px !important;

        height:
            44px !important;

        min-width:
            44px !important;

        min-height:
            44px !important;

        padding:
            0 !important;

        border:
            1px solid
            #d5dbe6 !important;

        border-radius:
            50% !important;

        background:
            #ffffff !important;

        background-color:
            #ffffff !important;

        background-image:
            none !important;

        color:
            #1b3872 !important;

        box-shadow:
            none !important;

        display:
            inline-flex !important;

        align-items:
            center;

        justify-content:
            center;

        font-size:
            25px !important;

        font-weight:
            300 !important;

        line-height:
            1 !important;
    }


    .elementor-element-1c991ab
    .ativa-filter-close-v3
    span {

        color:
            #1b3872 !important;

        background:
            transparent !important;
    }


    .elementor-element-1c991ab
    .ativa-filter-close-v3:hover {

        border-color:
            #1b3872 !important;

        background:
            #f4f7fb !important;

        color:
            #1b3872 !important;
    }


    .elementor-element-1c991ab
    .ativa-filter-close-v3:focus-visible {

        outline:
            3px solid
            rgba(237, 123, 53, .40) !important;

        outline-offset:
            2px !important;
    }


    /*
     * Active filters.
     */
    .ativa-active-filters {

        margin:
            0 0 15px;

        padding:
            12px;
    }


    .ativa-active-filters__header {

        margin-bottom:
            9px;
    }


    .ativa-active-filter {

        min-height:
            38px;

        padding:
            8px 10px;
    }


    /*
     * Badge no botão.
     */
    .ativa-filter-trigger-v2,
    .ativa-filter-trigger-v3 {

        gap:
            8px !important;
    }
}