/* Logo Styles - Confessou */

/* Logo na Navbar */
.navbar-logo {
    height: 40px;
    width: auto;
    max-width: 195px; /* Ajustado para nova proporção 600x123 */
    transition: all 0.3s ease;
}

/* Posicionamento da logo na navbar à esquerda */
.navbar-brand {
    position: static;
    transform: none;
    z-index: 1031;
    margin-right: 2rem; /* Espaçamento para a direita */
}

/* Garantir espaço para menus laterais */
.navbar .container {
    position: relative;
}

.navbar-nav {
    z-index: 1032;
}

/* Ajustes responsivos - manter logo à esquerda */
@media (max-width: 991px) {
    .navbar-brand {
        position: static;
        transform: none;
        left: auto;
        margin: 0;
        display: block;
        text-align: left;
    }
}

.navbar-logo:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* Logo na página inicial (Hero) */
.hero-logo {
    height: 80px;
    width: auto;
    max-width: 390px; /* Ajustado para nova proporção 600x123 */
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.hero-logo:hover {
    transform: scale(1.02);
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.15));
}

/* Logo no Footer */
.footer-logo {
    height: 35px;
    width: auto;
    max-width: 170px; /* Ajustado para nova proporção 600x123 */
    opacity: 0.9;
    transition: all 0.3s ease;
}

.footer-logo:hover {
    opacity: 1;
    transform: scale(1.02);
}

/* Responsividade */
@media (max-width: 768px) {
    .navbar-logo {
        height: 35px;
        max-width: 170px; /* Ajustado para nova proporção */
    }
    
    .hero-logo {
        height: 60px;
        max-width: 292px; /* Ajustado para nova proporção */
        margin-bottom: 1rem;
    }
    
    .footer-logo {
        height: 30px;
        max-width: 146px; /* Ajustado para nova proporção */
    }
}

@media (max-width: 480px) {
    .navbar-logo {
        height: 30px;
        max-width: 146px; /* Ajustado para nova proporção */
    }
    
    .hero-logo {
        height: 50px;
        max-width: 243px; /* Ajustado para nova proporção */
    }
    
    .footer-logo {
        height: 25px;
        max-width: 122px; /* Ajustado para nova proporção */
    }
}

/* Adaptações para temas */
.theme-dark .navbar-logo,
.theme-dark .hero-logo,
.theme-dark .footer-logo {
    filter: brightness(1.1) contrast(1.1);
}

.theme-neon .navbar-logo,
.theme-neon .hero-logo,
.theme-neon .footer-logo {
    filter: brightness(1.2) contrast(1.2) drop-shadow(0 0 10px rgba(108, 99, 255, 0.3));
}

.theme-neon .navbar-logo:hover,
.theme-neon .hero-logo:hover {
    filter: brightness(1.3) contrast(1.2) drop-shadow(0 0 15px rgba(108, 99, 255, 0.5));
}

/* Logo no Toast */
.toast-logo {
    height: 20px;
    width: auto;
    max-width: 97px; /* Ajustado para nova proporção 600x123 */
}

/* Logo para impressão */
@media print {
    .navbar-logo,
    .hero-logo,
    .footer-logo,
    .toast-logo {
        filter: none !important;
        transform: none !important;
    }
}