/* FanTR Cooling — Navbar (Sub-fase 1.4)
   Estilos para elementos novos da navbar: logo, active-lang, responsivo.
   Os estilos base da navbar (.main-navbar, .lang-btn, etc.) estão em assets/styles.css
   (carregado depois, portanto tem prioridade sobre este arquivo).
*/

/* ── Logo — Sub-fase 1.4b
   align-self: stretch faz o <a> ocupar os 56px completos da navbar.
   height: 100% na <img> preenche esse espaço, encostando no topo e no rodapé.
   ─────────────────────────────────────────────────────────────────────────── */
.navbar-logo {
    display: flex;
    align-items: center;
    align-self: stretch;
    text-decoration: none !important;
    flex-shrink: 0;
    padding: 0 var(--space-2, 8px);
    margin-right: var(--space-2, 8px);
    outline: none;
}

.navbar-logo-img {
    height: 100%;
    width: auto;
    min-width: 80px;
    object-fit: contain;
    display: block;
}

/* ── Active language button ───────────────────────────────────────────────── */
/* Classe aplicada via callback Python ao botão do idioma ativo */
.lang-btn.lang-active {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #345a74 !important;
    font-weight: 700 !important;
}

/* ── Responsivo ───────────────────────────────────────────────────────────── */
@media (max-width: 575.98px) {
    .navbar-logo-img {
        min-width: 75px;
    }
}