/*
 * PVIVO TOPBAR GENERATED FILE
 * Arquivo: topbar-customizer.css
 * Módulo: TopBar
 * Versão: 1.0.0
 *
 * As variáveis abaixo funcionam como valores padrão.
 * O Customizer poderá sobrescrevê-las com CSS inline.
 */

:root {
    --pvivo-topbar-background: #f5efe3;
    --pvivo-topbar-color: #2b2118;
    --pvivo-topbar-link: #2b2118;
    --pvivo-topbar-link-hover: #7b221f;
    --pvivo-topbar-label-background: #7b221f;
    --pvivo-topbar-label-color: #ffffff;
    --pvivo-topbar-border: rgba(80, 53, 34, 0.18);
    --pvivo-topbar-shadow: 0 4px 14px rgba(41, 28, 19, 0.12);
    --pvivo-topbar-height: 60px;
    --pvivo-topbar-label-width: 150px;
    --pvivo-topbar-gap: 42px;
    --pvivo-topbar-image-size: 52px;
    --pvivo-topbar-logo-width: 92px;
    --pvivo-topbar-font-size: 16px;
    --pvivo-topbar-label-size: 13px;
    --pvivo-topbar-radius: 6px;
    --pvivo-topbar-speed: 60;
}

.pvivo-top-highlights {
    min-height: 44px;
    height: var(--pvivo-topbar-height);
    color: var(--pvivo-topbar-color);
    background: var(--pvivo-topbar-background);
    border-color: var(--pvivo-topbar-border);
    box-shadow: var(--pvivo-topbar-shadow);
}

.pvivo-top-highlights-label {
    flex-basis: var(--pvivo-topbar-label-width);
    color: var(--pvivo-topbar-label-color);
    background: var(--pvivo-topbar-label-background);
}

.pvivo-topbar-logo {
    width: var(--pvivo-topbar-logo-width);
}

.pvivo-topbar-text {
    font-size: var(--pvivo-topbar-label-size);
}

.pvivo-highlight-group {
    gap: var(--pvivo-topbar-gap);
    padding-right: var(--pvivo-topbar-gap);
}

.pvivo-highlight-item {
    color: var(--pvivo-topbar-link);
    font-size: var(--pvivo-topbar-font-size);
}

.pvivo-highlight-item:hover,
.pvivo-highlight-item:focus-visible {
    color: var(--pvivo-topbar-link-hover);
}

.pvivo-highlight-item img {
    width: var(--pvivo-topbar-image-size);
    height: var(--pvivo-topbar-image-size);
    border-radius: var(--pvivo-topbar-radius);
}

.pvivo-top-highlights.customizer-preview,
.pvivo-top-highlights.customizer-preview * {
    transition-duration: 180ms;
}
