/* ============================================================
   PORTAL CONSCIENTE - CORREÇÃO DE CABEÇALHO E MENU MOBILE
   ============================================================ */

/* 1. Limpeza de Elementos Nativos Duplicados */
.t-Header-logo-link, 
.t-Header-logo-link > img {
    display: none !important;
}

/* 2. Estilo do Link Customizado */
.logo-link-custom {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
    z-index: 10; /* Z-index menor que o do menu lateral para evitar sobreposição */
    position: relative;
}

.logo-responsiva-consciente {
    display: flex;
    align-items: center;
}

/* 3. Ajustes de Tamanho Desktop */
.logo-responsiva-consciente .logo-icon {
    display: none;
}

.logo-responsiva-consciente .logo-full {
    display: block;
    height: 28px;
    width: auto;
}

/* 4. Ajustes Críticos para Mobile (Resolução do conflito com Menu) */
@media (max-width: 768px) {
    .logo-responsiva-consciente .logo-full {
        display: none !important;
    }
    
    .logo-responsiva-consciente .logo-icon {
        display: block !important;
        height: 32px;
        width: auto;
    }

    /* Ajuste do container da logo para não ocupar 100% e bloquear o menu */
    .t-Header-logo {
        display: flex !important;
        justify-content: center !important;
        width: auto !important; /* Permite que o botão de menu tenha seu espaço */
        flex-grow: 1; /* Distribui o espaço centralizadamente */
    }

    /* Garante que o botão do menu lateral esteja sempre acessível e por cima */
    .t-Header-controls {
        z-index: 1000 !important;
    }
}