/**
 * Dropdown Fix - Solução robusta
 * Este arquivo corrige problemas de posicionamento e z-index do dropdown
 */

/* Garantir que os containers pais tenham overflow visível */
.row,
.d-flex,
.flex-wrap,
.card-modern,
.farol-page {
    overflow: visible !important;
}

/* Container do dropdown - fundamental para posicionamento */
.client-filter-container {
    position: relative !important;
    display: inline-block !important;
    z-index: 9999 !important;
}

/* Controle principal do dropdown */
#dropdown-clientes .Select-control {
    min-height: 38px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Espaço reservado e valor selecionado */
#dropdown-clientes .Select-placeholder,
#dropdown-clientes .Select-value {
    padding: 2px 12px !important;
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
}

/* Menu dropdown quando aberto - configuração crítica */
#dropdown-clientes .Select-menu-outer {
    width: auto !important;
    min-width: 350px !important;
    z-index: 9999999 !important; /* Aumentado para garantir prioridade absoluta */
    position: absolute !important;
    margin-top: 2px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important; /* Shadow mais pronunciado */
    overflow-y: auto !important;
    max-height: 60vh !important;
    left: 0 !important;
    top: 100% !important;
}

/* Controlar visibilidade e espaçamento */
#dropdown-clientes .Select-menu {
    max-height: 60vh !important;
    overflow-y: auto !important;
}

/* Forçar posição do dropdown acima de todos elementos */
.dropdown-modern,
#dropdown-clientes,
.dash-dropdown {
    position: relative !important;
    z-index: 9999 !important;
}

/* Forçar visibilidade quando aberto */
.Select.is-open .Select-menu-outer,
.Select-menu-outer,
#dropdown-clientes .Select-menu-outer {
    z-index: 999999 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Para temas escuros - melhorar legibilidade */
.theme-dark #dropdown-clientes .Select-menu-outer,
.dark-mode #dropdown-clientes .Select-menu-outer {
    background: rgba(40, 40, 40, 0.95) !important;
}

/* Melhoria dos itens do dropdown */
#dropdown-clientes .Select-option {
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    white-space: normal !important;
    overflow: visible !important;
    min-height: 35px !important;
    line-height: 1.4 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* Destaque para o item selecionado */
#dropdown-clientes .Select-option.is-selected {
    font-weight: bold !important;
    background-color: rgba(231, 243, 255, 0.95) !important;
}

/* Destaque para hover */
#dropdown-clientes .Select-option:hover {
    background-color: rgba(245, 248, 250, 0.95) !important;
}

/* Garantir que nada esteja atrapalhando o posicionamento */
.row,
.d-flex,
.flex-wrap {
    overflow: visible !important;
}

/* Garantir que o container pai tenha posição relativa */
.client-filter-container,
.client-filter-container > div {
    position: relative !important;
    z-index: 99999 !important; /* Aumentado para estar acima dos cards */
}

/* Reduzir z-index dos cards de status */
#cards-status,
.status-card,
#cards-status .status-card,
[id^='filtro-card'] {
    position: relative !important;
    z-index: 1 !important; /* Reduzido para estar abaixo do dropdown */
} /* Remover transformações que possam afetar o contexto de empilhamento */
.client-filter-container,
#dropdown-clientes,
.dash-dropdown,
.Select,
.Select-control,
.Select-menu-outer {
    transform: none !important;
    perspective: none !important;
    backface-visibility: visible !important;
}

/* Ajustes para temas escuros */
.theme-dark #dropdown-clientes .Select-option.is-selected,
.dark-mode #dropdown-clientes .Select-option.is-selected {
    background-color: rgba(60, 75, 90, 0.8) !important;
}

.theme-dark #dropdown-clientes .Select-option:hover,
.dark-mode #dropdown-clientes .Select-option:hover {
    background-color: rgba(50, 50, 50, 0.9) !important;
}