/*
 * Ajustes de layout sobre o CSS original do tema (Elementor), carregados em todas as páginas do site.
 */

/*
 * Cabeçalho no desktop. No tema original a coluna do botão "Pesquisar Imóvel" tinha ~2% da largura:
 * o botão passava da borda da tela (barra de rolagem horizontal) e o menu quebrava em duas linhas
 * em telas com menos de ~1600px. Aqui o botão ocupa só o próprio tamanho, o menu usa o espaço que sobra
 * e o espaçamento entre os itens diminui aos poucos em telas menores.
 */
@media (min-width: 1025px) {
    .elementor-2010 .elementor-element-2798c9c7 > .elementor-container {
        flex-wrap: nowrap;
        align-items: center;
    }

    .elementor-2010 .elementor-element.elementor-element-3e387c8c,
    .elementor-2010 .elementor-element.elementor-element-d677d4a {
        width: auto;
        flex: 0 0 auto;
    }

    .elementor-2010 .elementor-element.elementor-element-b5681b7 {
        width: auto;
        flex: 1 1 auto;
        min-width: 0;
    }

    .elementor-2010 .elementor-element.elementor-element-6246c939 {
        --container-widget-width: auto;
        width: auto;
        max-width: none;
    }

    .elementor-2010 .elementor-element.elementor-element-7f8e6a5c {
        --container-widget-width: 100%;
        width: 100%;
        max-width: 100%;
    }

    .elementor-2010 .elementor-element.elementor-element-7f8e6a5c .elementor-nav-menu--main .elementor-nav-menu {
        flex-wrap: nowrap;
    }

    .elementor-2010 .elementor-element.elementor-element-7f8e6a5c .elementor-nav-menu--main .elementor-item {
        padding-left: clamp(10px, calc((100vw - 1100px) / 20 + 14px), 42px);
        padding-right: clamp(10px, calc((100vw - 1100px) / 20 + 14px), 42px);
        white-space: nowrap;
    }

    .elementor-2010 .elementor-element.elementor-element-18060cc {
        --container-widget-width: auto;
        width: auto;
        max-width: none;
        margin-left: 24px;
    }
}

@media (min-width: 1025px) and (max-width: 1366px) {
    .elementor-2010 .elementor-element.elementor-element-2798c9c7 {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .elementor-2010 .elementor-element.elementor-element-2798c9c7 {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/*
 * Setas dos carrosséis de imóveis: no desktop largo ficam por fora dos cards (-40px) e no celular por
 * dentro (10px). No tablet e no desktop estreito, por fora elas passariam da borda da tela, então ficam
 * por dentro como no celular.
 */
@media (max-width: 1300px) {
    body .elementor-widget-jet-listing-grid .jet-listing-grid__slider .jet-listing-grid__slider-icon.slick-arrow.prev-arrow {
        left: 10px;
        right: auto;
    }

    body .elementor-widget-jet-listing-grid .jet-listing-grid__slider .jet-listing-grid__slider-icon.slick-arrow.next-arrow {
        right: 10px;
        left: auto;
    }
}

/*
 * Grades de imóveis: o espaço de 40px entre os cards é feito com margem negativa de 20px nas laterais.
 * No tablet e no desktop estreito a grade pode encostar na borda da tela e essa margem passava da tela.
 * O que fica de fora é só espaço vazio, então é cortado, e as setas ficam a 10px da parte visível da grade.
 */
@media (min-width: 768px) and (max-width: 1300px) {
    .elementor-widget-jet-listing-grid .jet-listing-grid {
        overflow-x: clip;
    }

    body .elementor-widget-jet-listing-grid .jet-listing-grid__slider .jet-listing-grid__slider-icon.slick-arrow.prev-arrow {
        left: 30px;
    }

    body .elementor-widget-jet-listing-grid .jet-listing-grid__slider .jet-listing-grid__slider-icon.slick-arrow.next-arrow {
        right: 30px;
    }
}

/*
 * Contato: a coluna de endereço tinha 75px de margem por fora e passava da borda da tela
 * (cortando o texto) em telas menores. O espaço vira interno e diminui aos poucos.
 */
@media (min-width: 1025px) {
    .elementor-15 .elementor-element.elementor-element-2b020ed > .elementor-element-populated {
        margin-left: 0;
        padding-left: clamp(20px, calc((100vw - 1000px) / 4), 75px);
    }
}

/*
 * Garantia: se sobrar algo do tema passando da borda, não aparece barra de rolagem horizontal.
 */
html {
    overflow-x: hidden;
}

@supports (overflow-x: clip) {
    html {
        overflow-x: clip;
    }
}