/* Correções específicas para garantir header transparente */
header.fixed-top {
    background-color: transparent !important;
}

header.fixed-top:not(.scrolled) {
    background: transparent !important;
}

body:not(.internal-page) header:not(.scrolled) {
    background-color: transparent !important;
}

body:not(.internal-page) header:not(.scrolled) .navbar {
    background-color: transparent !important;
}

.navbar.navbar-dark.bg-transparent {
    background-color: transparent !important;
}

/* Forçar transparência através de !important onde necessário */
@media (min-width: 992px) {
    header:not(.scrolled),
    header:not(.scrolled) .navbar {
        background-color: transparent !important;
    }
}

/* Garantir que apenas o colapso do navbar tenha fundo, não o navbar inteiro em mobile */
@media (max-width: 991.98px) {
    header:not(.scrolled),
    header:not(.scrolled) .navbar {
        background-color: transparent !important;
    }
    
    .navbar-collapse {
        background-color: rgba(0, 0, 0, 0.95) !important;
        border-radius: 8px;
        margin-top: 10px;
        padding: 15px;
    }
}

/* Ajustar a posição da seção hero para compensar o header fixo */
.hero-section {
    padding-top: 0;
    margin-top: 0;
}

/* Estilos para elementos dentro do header quando transparente */
header:not(.scrolled) .navbar-brand .brand-text h2,
header:not(.scrolled) .navbar-brand .brand-text p,
header:not(.scrolled) .nav-link {
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Correções para o dropdown menu */
.dropdown-menu {
    display: none;
    z-index: 1500 !important;
    pointer-events: auto !important;
}

/* Criar uma ponte invisível entre o menu principal e o dropdown */
.dropdown {
    position: relative !important;
}

.dropdown::after {
    content: '';
    position: absolute;
    height: 20px;
    width: 100%;
    bottom: -20px;
    left: 0;
    z-index: 1400;
}

.dropdown-menu::before {
    content: '';
    position: absolute;
    height: 20px;
    width: 100%;
    top: -20px;
    left: 0;
}

/* Ajuste na exibição do dropdown */
.dropdown-menu.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition-delay: 0s !important;
}

/* Mantém o dropdown aberto por mais tempo ao sair */
.dropdown:hover .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    display: block !important;
    transition-delay: 0s !important;
}

.dropdown-item {
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    color: rgba(255,255,255,0.8) !important;
    padding: 8px 16px !important;
    transition: all 0.2s ease !important;
}

.dropdown-item:hover, 
.dropdown-item:focus, 
.dropdown-item:active {
    background-color: rgba(255, 102, 0, 0.15) !important;
    color: #ff6600 !important;
    transform: translateX(5px) !important;
}

/* Garantir que o dropdown não seja coberto por outros elementos */
.dropdown-toggle::after {
    transition: transform 0.3s ease !important;
}

.dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg) !important;
}

/* Ajuste específico para o dropdown de Soluções */
#solucoesDropdown {
    cursor: pointer !important;
}

/* Garantir que o menu dropdown tenha um fundo visível */
.navbar .dropdown-menu {
    background-color: rgba(28, 28, 28, 0.95) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    margin-top: 10px !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 0 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s !important;
    transition-delay: 0.1s !important;
}

/* Botão de submenu em mobile */
@media (max-width: 991.98px) {
    .dropdown-menu {
        background-color: transparent !important;
        box-shadow: none !important;
        margin-top: 5px !important;
        border-left: 2px solid rgba(255, 102, 0, 0.3) !important;
        padding-left: 15px !important;
    }
    
    .dropdown-toggle::after {
        vertical-align: middle !important;
    }
}