/* ==========================================
   DEVEXPRESS DROPDOWN COMPONENTS - NFL GREEN & GOLD THEME
   High-Contrast Color Palette for Maximum Readability
   ========================================== */

/* Color Palette:
   - Primary Green: #1a5a3b (Dark NFL green)
   - Hover Green:   #2d6e47 (Slightly lighter green for depth)
   - Gold:          #FFD700 (Bright gold — selected text / accents)
   - Dark Gold:     #B8860B (Border / muted gold)
   - Cream:         rgba(255,248,220,0.8) (Input background)
   - Dark text:     #1a5a3b (Default text on light backgrounds)
*/

/* ===== GENERIC COMBOBOX STYLING ===== */

::deep .dxbl-combobox,
::deep .dxbl-combo-box {
    --dx-color-primary: #1a5a3b;
}

/* ComboBox Input */
::deep .dxbl-combobox .dxbl-combobox-input,
::deep .dxbl-combo-box .dxbl-textbox-input,
::deep .dxbl-combobox input {
    background: rgba(255, 248, 220, 0.8) !important;
    color: #1a5a3b !important;
    border: 2px solid rgba(184, 134, 11, 0.6) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

::deep .dxbl-combobox .dxbl-combobox-input:focus,
::deep .dxbl-combo-box .dxbl-textbox-input:focus,
::deep .dxbl-combobox input:focus {
    background: rgba(255, 248, 220, 1) !important;
    color: #1a5a3b !important;
    border-color: #B8860B !important;
    box-shadow: 0 0 0 3px rgba(184, 134, 11, 0.2) !important;
    outline: none !important;
}

/* ComboBox Button */
::deep .dxbl-combobox .dxbl-combobox-btn,
::deep .dxbl-combo-box .dxbl-button {
    background: rgba(255, 215, 0, 0.3) !important;
    color: #1a5a3b !important;
    border-left: 1px solid rgba(184, 134, 11, 0.4) !important;
}

::deep .dxbl-combobox .dxbl-combobox-btn:hover,
::deep .dxbl-combo-box .dxbl-button:hover {
    background: rgba(255, 215, 0, 0.5) !important;
    color: #1a5a3b !important;
}

/* ===== DROPDOWN LIST STYLING ===== */

/* Dropdown container */
::deep .dxbl-combobox .dxbl-dropdown-content,
::deep .dxbl-combobox-dropzone,
::deep .dxbl-dropdown-container {
    background: linear-gradient(135deg, rgba(255, 248, 220, 0.98) 0%, rgba(255, 235, 180, 0.98) 100%) !important;
    border: 2px solid #B8860B !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 25px rgba(184, 134, 11, 0.3) !important;
}

/* List items - Default state */
::deep .dxbl-list-item,
::deep .dxbl-combobox .dxbl-list-item,
::deep .dxbl-dropdown-item {
    background: rgba(255, 248, 220, 0.8) !important;
    color: #1a5a3b !important;
    border-bottom: 1px solid rgba(184, 134, 11, 0.2) !important;
    padding: 10px 12px !important;
    font-weight: 500 !important;
}

/* List items - Hover state */
::deep .dxbl-list-item:hover,
::deep .dxbl-combobox .dxbl-list-item:hover,
::deep .dxbl-dropdown-item:hover {
    background: rgba(255, 215, 0, 0.4) !important;
    color: #1a5a3b !important;
    font-weight: 600 !important;
}

/* List items - Selected state */
::deep .dxbl-list-item.dxbl-selected,
::deep .dxbl-list-item[aria-selected="true"],
::deep .dxbl-combobox .dxbl-list-item.dxbl-selected,
::deep .dxbl-dropdown-item.dxbl-selected {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    font-weight: 700 !important;
    border: 1px solid #32a852 !important;
}

/* List items - Focused state */
::deep .dxbl-list-item:focus,
::deep .dxbl-list-item.dxbl-focus {
    background: rgba(255, 215, 0, 0.5) !important;
    color: #1a5a3b !important;
    outline: none !important;
    box-shadow: inset 0 0 0 2px #B8860B !important;
}

/* Override pseudo-elements that might interfere */
::deep .dxbl-list-item::before,
::deep .dxbl-list-item::after,
::deep .dxbl-list-item.dxbl-selected::before,
::deep .dxbl-list-item.dxbl-selected::after {
    display: none !important;
    opacity: 0 !important;
}

/* ===== DROPDOWN LIST BOX STYLING ===== */

/* ListBox container */
::deep .dxbl-listbox,
::deep .dxbl-list-box-container {
    background: rgba(255, 248, 220, 0.9) !important;
    border: 2px solid #B8860B !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 6px rgba(184, 134, 11, 0.2) !important;
}

/* ListBox items */
::deep .dxbl-listbox .dxbl-list-item {
    color: #1a5a3b !important;
    background: rgba(255, 248, 220, 0.8) !important;
    border-bottom: 1px solid rgba(184, 134, 11, 0.2) !important;
}

::deep .dxbl-listbox .dxbl-list-item:hover {
    background: rgba(255, 215, 0, 0.4) !important;
    color: #1a5a3b !important;
}

::deep .dxbl-listbox .dxbl-list-item.dxbl-selected {
    background: linear-gradient(135deg, #1a5a3b 0%, #2d6e47 100%) !important;
    color: #FFD700 !important;
    font-weight: 700 !important;
}

/* ===== DISABLED STATE ===== */

::deep .dxbl-combobox.dxbl-disabled,
::deep .dxbl-combobox[disabled],
::deep .dxbl-list-item.dxbl-disabled {
    background: rgba(255, 248, 220, 0.4) !important;
    color: #9CA3AF !important;
    cursor: not-allowed !important;
    opacity: 0.65 !important;
}

/* ===== SEARCH/FILTER INPUT IN DROPDOWNS ===== */

::deep .dxbl-dropdown-search,
::deep .dxbl-combobox-search-input {
    background: rgba(255, 248, 220, 0.8) !important;
    color: #1a5a3b !important;
    border: 1px solid rgba(184, 134, 11, 0.4) !important;
    border-radius: 4px !important;
}

::deep .dxbl-dropdown-search:focus,
::deep .dxbl-combobox-search-input:focus {
    background: rgba(255, 248, 220, 1) !important;
    border-color: #B8860B !important;
    box-shadow: 0 0 0 3px rgba(184, 134, 11, 0.2) !important;
}

/* ===== OPTIONAL: CLEAR BUTTON STYLING ===== */

::deep .dxbl-combobox .dxbl-clear-btn,
::deep .dxbl-combobox .dxbl-clear-button {
    color: #1a5a3b !important;
}

::deep .dxbl-combobox .dxbl-clear-btn:hover,
::deep .dxbl-combobox .dxbl-clear-button:hover {
    color: #B8860B !important;
    background: rgba(184, 134, 11, 0.1) !important;
}

/* ===== EMPTY STATE / NO DATA MESSAGE ===== */

::deep .dxbl-empty-item,
::deep .dxbl-no-data-message {
    color: #6B7280 !important;
    font-style: italic !important;
    text-align: center !important;
    padding: 12px !important;
}

/* ===== SCROLLBAR STYLING FOR DROPDOWN ===== */

::deep .dxbl-dropdown-content::-webkit-scrollbar,
::deep .dxbl-combobox-dropzone::-webkit-scrollbar {
    width: 8px;
}

::deep .dxbl-dropdown-content::-webkit-scrollbar-track,
::deep .dxbl-combobox-dropzone::-webkit-scrollbar-track {
    background: rgba(255, 248, 220, 0.8);
}

::deep .dxbl-dropdown-content::-webkit-scrollbar-thumb,
::deep .dxbl-combobox-dropzone::-webkit-scrollbar-thumb {
    background: #7C3AED;
    border-radius: 4px;
}

::deep .dxbl-dropdown-content::-webkit-scrollbar-thumb:hover,
::deep .dxbl-combobox-dropzone::-webkit-scrollbar-thumb:hover {
    background: #5B21B6;
}