/**
 * BUZZ Theme - Home CSS
 *
 * Estilos especificos da home page.
 * Carregado condicionalmente apenas na front-page.
 *
 * @package Buzz
 * @version 1.0.0
 */

/* Home nao precisa do padding padrao do content-area */
.buzz-home {
    padding-top: 0;
}

/* Secao titulo centralizado na home */
.buzz-home .buzz-product-section__header {
    flex-direction: column;
    align-items: center;
}

.buzz-home .buzz-product-section__header .buzz-carousel-nav {
    position: absolute;
    right: 0;
    top: 0;
}

.buzz-home .buzz-product-section .buzz-container {
    position: relative;
}

.buzz-home .buzz-section-title {
    text-align: center;
    width: 100%;
}

.buzz-home .buzz-section-subtitle {
    text-align: center;
    width: 100%;
}

.buzz-home .buzz-instagram__username {
    text-align: center;
}

/* Botao "Ver todos" */
.buzz-product-section__footer {
    display: flex;
    justify-content: center;
    margin-top: var(--buzz-space-md);
}

.buzz-btn--view-all {
    gap: 0.4rem;
}

.buzz-btn--view-all svg {
    width: 18px;
    height: 18px;
    transition: transform var(--buzz-transition);
}

.buzz-btn--view-all:hover svg {
    transform: translateX(4px);
}

/* Alternancia de fundo entre secoes */
.buzz-product-section:nth-child(even) {
    background: var(--buzz-white);
}

.buzz-product-section:nth-child(odd) {
    background: var(--buzz-gray-50);
}