/* ============================================
   DROPDOWN OVERLAY - Solução Definitiva
   Dropdowns são clonados e mostrados como overlay
   ============================================ */

/* Esconder dropdowns originais */
.header__dropdown,
.header__megamenu {
    display: none !important;
}

/* Header fixo */
.header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: #fff !important;
}

/* Estilos para os links dentro do dropdown clonado */
#dropdown-overlay .header__dropdown a,
#dropdown-overlay .header__megamenu a,
#dropdown-overlay .header__dropdown a span,
#dropdown-overlay .header__megamenu a span,
#dropdown-overlay .header__megamenu-links a,
#dropdown-overlay .header__megamenu-links a span {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 15px !important;
    color: #333 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

#dropdown-overlay .header__dropdown a:hover,
#dropdown-overlay .header__megamenu a:hover,
#dropdown-overlay .header__megamenu-links a:hover {
    background: #f0f0f0 !important;
    color: #0066FF !important;
}

#dropdown-overlay .header__dropdown a:hover span,
#dropdown-overlay .header__megamenu a:hover span,
#dropdown-overlay .header__megamenu-links a:hover span {
    color: #0066FF !important;
}

/* Grid do megamenu */
#dropdown-overlay .header__megamenu-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 20px !important;
}

/* Featured section */
#dropdown-overlay .header__megamenu-featured {
    margin-top: 20px !important;
    padding: 20px !important;
    background: linear-gradient(135deg, #0066FF 0%, #0052CC 100%) !important;
    border-radius: 12px !important;
    color: #fff !important;
}

#dropdown-overlay .header__megamenu-featured h4 {
    margin: 0 0 10px 0 !important;
    color: #fff !important;
}

#dropdown-overlay .header__megamenu-featured p {
    margin: 0 0 15px 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

#dropdown-overlay .header__megamenu-featured a {
    display: inline-flex !important;
    background: #CDFF00 !important;
    color: #000 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}