/* ============================================================
 *  Quinta do Barrieiro - Top Bar
 *  Estilos da barra de navegacao
 * ============================================================ */

.qb-topbar{
    display:flex; align-items:center; justify-content:space-between;
    gap:24px; padding:14px 40px;
    background:#ECEBDD;
    font-family:"JetBrains Mono",monospace; letter-spacing:.02em;
}
.qb-topbar a{ text-decoration:none; color:#2b2b2b; }

/* esquerda - sociais */
.qb-social{ display:flex; gap:8px; }
.qb-social a{
    display:inline-flex; align-items:center; justify-content:center;
    width:34px; height:34px;
    border:1.5px solid #2b2b2b; border-radius:6px;
}
.qb-social svg{ width:18px; height:18px; fill:#2b2b2b; }

/* centro - link */
.qb-central ul{ list-style:none; margin:0; padding:0; }
.qb-central a{
    font-size:1.05rem; padding-bottom:6px;
    border-bottom:2px solid #d98c5f;
    transition:border-color .2s ease;
}
.qb-central a:hover{ border-bottom-color:#b5673d; }

/* direita - idiomas */
.qb-lang{ display:flex; gap:8px; align-items:center; font-size:.95rem; }
.qb-lang .sep{ opacity:.5; }
.qb-lang .current{ font-weight:700; }

@media (max-width:782px){
    .qb-topbar{ flex-wrap:wrap; justify-content:center; padding:14px 20px; }
}