/* Carrossel progressivo da grelha de anúncios em destaque da Home. */
body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel {
    --hatudo-carousel-gap: 1.5rem;
    --hatudo-carousel-item-width: var(--hatudo-carousel-item-width-mobile, 100%);
    --hatudo-carousel-ready: 1;
    position: relative;
}

body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel > .hatudo-home-listings-carousel__controls {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel--mobile-static > .hatudo-home-listings-carousel__controls {
    display: none;
}

body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel .hatudo-home-listings-carousel__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    color: currentColor;
    font: inherit;
    font-size: 2rem;
    line-height: 1;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel .hatudo-home-listings-carousel__button:hover,
body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel .hatudo-home-listings-carousel__button:focus-visible {
    color: #fff;
    border-color: #0b5cff;
    background: #0b5cff;
}

body.home.hatudo-home-carousel-enabled .hp-listings[data-hatudo-home-carousel='rentalhive'] > .slick-slider > .slick-arrow:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel > .hatudo-home-listings-carousel__track {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--hatudo-carousel-gap);
    overflow-x: auto;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 0.5rem;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel > .hatudo-home-listings-carousel__track::-webkit-scrollbar {
    display: none;
}

body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel > .hatudo-home-listings-carousel__track > .hatudo-home-listings-carousel__item {
    box-sizing: border-box;
    flex: 0 0 var(--hatudo-carousel-item-width);
    width: auto;
    max-width: var(--hatudo-carousel-item-width);
    padding-right: 0;
    padding-left: 0;
    scroll-snap-align: start;
}

@media (min-width: 769px) {
    body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel {
        --hatudo-carousel-item-width: var(--hatudo-carousel-item-width-desktop, calc((100% - 4.5rem) / 4));
    }

    body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel--mobile-static > .hatudo-home-listings-carousel__controls {
        display: flex;
    }

    body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel--desktop-static > .hatudo-home-listings-carousel__controls {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home.hatudo-home-carousel-enabled .hp-listings.hatudo-home-listings-carousel > .hatudo-home-listings-carousel__track {
        scroll-behavior: auto;
    }
}
