/* --- ESTILOS BASE (IGUAIS PARA TODOS) --- */
.navbar-custom {
    transition: all 0.3s ease;
    padding: 1.5rem 0; /* Um pouco mais de respiro no topo */
    background: transparent !important;
    position: absolute; /* Para ela ficar por cima do conteúdo inicial sem empurrar nada */
    width: 100%;
    z-index: 1000;
}

.navbar-custom .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 0.5rem 1rem !important;
}

/* --- LÓGICA DO MENU MOBILE (HAMBÚRGUER) --- */
@media (max-width: 991.98px) {
    /* Quando o menu expande, criamos o fundo com blur */
    .navbar-collapse {
        margin-top: 15px;
        padding: 20px;
        border-radius: 20px;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

    /* Cores do fundo do menu mobile por página */
    .page-home .navbar-collapse {
        background: rgba(255, 255, 255, 0.8) !important; /* Vidro claro */
    }

    .page-fire .navbar-collapse {
        background: rgba(255, 255, 255, 0.2) !important; /* Vidro claro */
    }

    .page-gceu .navbar-collapse {
        background: rgba(0, 0, 0, 0.2) !important; /* Vidro escuro */
    }
}

/* --- CUSTOMIZAÇÃO POR PÁGINA --- */
/* 1. PÁGINA INICIAL (Transparente + Hover Azul) */
.page-home .navbar-custom {
    background: transparent !important;
    backdrop-filter: none !important;
}

/* Texto dos links em preto */
.page-home .navbar-custom .nav-link {
    color: #000000 !important;
}

/* Hover em azul */
.page-home .navbar-custom .nav-link:hover {
    color: #2b3c99 !important;
}

/* Nome da Igreja (IMW Aveiro) em preto */
.page-home .navbar-custom .navbar-brand span {
    color: #000000 !important;
}

/* Logo em preto (removemos o filtro que o torna branco no HTML) */
.page-home .navbar-custom .navbar-brand img {
    filter: brightness(0) !important; /* Torna o logo totalmente preto */
}

/* Ícone do Menu Mobile (Hambúrguer) em preto para ser visível */
.page-home .navbar-toggler {
    filter: brightness(0) !important;
}

/* 2. PÁGINA FIRE (Transparente + Hover Preto) */
.page-fire .navbar-custom {
    background: transparent !important;
    backdrop-filter: none !important;
}
.page-fire .navbar-custom .nav-link:hover {
    color: #000000 !important; 
}

/* 3. PÁGINA GCEU (Preto Transparente + Hover/Destaque Azul) */
.page-gceu .navbar-custom {
    background: rgba(0, 0, 0, 0.7) !important; /* Preto com 70% opacidade */
}
.page-gceu .navbar-custom .nav-link:hover,
.page-gceu .navbar-custom .nav-link.active {
    color: #2b3c99 !important; /* Azul GCEU */
}

/* 4. PÁGINA PHOTO (Transparente + Hover Preto) */
.page-photo .navbar-custom {
    background: transparent !important;
    backdrop-filter: none !important;
}
.page-photo .navbar-custom .nav-link:hover {
    color: #000000 !important; 
}

/* Botão Rise Conference */
.navbar-custom .rise-button {
    background-image: url('/kids-day/images/cartaz_kidsday_card.png');
    background-size: cover;
    background-position: center;
    width: 130px;
    height: 35px;
    border-radius: 6px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.navbar-custom .rise-button:hover {
    transform: scale(1.05);
}