/**
 * Green Top Bar — Figma corrections
 * Ajustes apenas via CSS, sem alterar HTML
 *
 * Figma: altura 58px, container 1248px, padding px-96 pt-10 pb-1
 * Busca: 248x37, radius full, shadow-sm
 */

/* Reset general spacing/margins at the top of the document to keep the bar stuck to the top */
html, body, .min-h-screen, .ourofino-green-top-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Green bar precisa de z-index acima do conteúdo (z-10) para os dropdowns aparecerem na frente */
.ourofino-green-top-bar {
    position: relative;
    z-index: 200;
}

/* Dropdowns da green bar: absolute normal, z-index alto dentro do stacking context */
#regionModal {
    position: absolute !important;
    z-index: 9999 !important;
}

#searchResults {
    position: absolute !important;
    z-index: 9999 !important;
}

/* 1. Altura da barra: reduzir py-2.5 para py-1.5 */
.ourofino-green-top-bar > .max-w-7xl {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* 2. Alinhamento vertical perfeito */
.ourofino-green-top-bar .relative.flex {
    align-items: center !important;
    min-height: 37px;
}

/* 3. Botão região: compactar */
.ourofino-green-top-bar button[data-region-toggle] {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    line-height: 1 !important;
    font-size: 12px !important;
}

/* 4. Link contato: alinhar */
.ourofino-green-top-bar .flex.items-center.gap-4 {
    align-items: center !important;
}
.ourofino-green-top-bar .flex.items-center.gap-4 > a {
    line-height: 1 !important;
    padding: 0 !important;
    font-size: 12px !important;
}

/* 5. Campo de busca: altura menor, padding equilibrado */
#searchWrapper {
    padding: 4px 12px !important;
    border-radius: 9999px !important;
    display: flex !important;
    align-items: center !important;
    height: 32px !important;
}
#searchWrapper form {
    height: 100% !important;
    align-items: center !important;
}
#headerSearch {
    height: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 24px !important;
    font-size: 12px !important;
}

/* 6. Ícone da busca: centralizar */
#searchWrapper form svg {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* 7. Todos os textos da barra: mesma line-height */
.ourofino-green-top-bar span,
.ourofino-green-top-bar a span,
.ourofino-green-top-bar button span {
    line-height: 1 !important;
}

/* 8. Bandeira: alinhar verticalmente */
.ourofino-green-top-bar button img {
    vertical-align: middle !important;
    margin-bottom: 0 !important;
}