/**
 * Fix per il tema scuro di Backpack
 * Corregge i colori dei dropdown menu e altri elementi UI
 */

/* MARKER DI TEST - Rimuovere dopo verifica */
body::before {
    content: "CSS Fix Caricato";
    position: fixed;
    top: 0;
    right: 0;
    background: #10b981;
    color: white;
    padding: 4px 8px;
    font-size: 10px;
    z-index: 99999;
    display: none; /* Cambiare in block per test */
}

/* ========== FIX DROPDOWN TEMA SCURO ========== */
.dropdown-menu {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #e5e7eb !important;
}

.dropdown-item,
.dropdown-menu .dropdown-item,
.dropdown-menu a,
.dropdown-menu button {
    color: #e5e7eb !important;
    background-color: transparent !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu button:hover {
    background-color: #374151 !important;
    color: #ffffff !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #4b5563 !important;
    color: #ffffff !important;
}

/* Fix per le icone */
.dropdown-item i,
.dropdown-item .nav-link-icon,
.dropdown-item svg,
.dropdown-item .icon,
.dropdown-item::before {
    color: #9ca3af !important;
}

.dropdown-item:hover i,
.dropdown-item:hover .nav-link-icon,
.dropdown-item:hover svg,
.dropdown-item:hover .icon {
    color: #ffffff !important;
}

/* Fix per il divider */
.dropdown-divider {
    border-top-color: #4b5563 !important;
    background-color: #4b5563 !important;
}

/* Fix per gli header */
.dropdown-header {
    color: #9ca3af !important;
}

/* Fix per span all'interno di dropdown-item */
.dropdown-item span,
.dropdown-item div {
    color: inherit !important;
}

/* Fix per testo disabilitato */
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6b7280 !important;
}

/* Fix per DataTables dropdown */
.dt-buttons .dropdown-menu,
.dataTables_wrapper .dropdown-menu {
    background-color: #1f2937 !important;
}

.dt-buttons .dropdown-item,
.dataTables_wrapper .dropdown-item {
    color: #e5e7eb !important;
}

/* Fix specifico per il menu Azioni di Backpack */
#crudTable_actions .dropdown-menu,
.actions-dropdown .dropdown-menu,
[data-button-type="actions"] .dropdown-menu {
    background-color: #1f2937 !important;
}

#crudTable_actions .dropdown-item,
.actions-dropdown .dropdown-item,
[data-button-type="actions"] .dropdown-item {
    color: #e5e7eb !important;
}