/* Dropdown Auto-Close Enhancement Styles */

/* Remove broad elevation. Keep standard z-index for dropdowns so blur/auto-close works */
/* .mud-popover { z-index: var(--egk-z-popover-strong,12040) !important; } */

/* Autocomplete and Select dropdowns: standard stacking, allow auto-close */
.mud-autocomplete .mud-popover,
.mud-select .mud-popover {
    z-index: var(--egk-z-popover,1500) !important;
}

/* Note: avoid overriding MudBlazor's popover show/hide mechanics globally.
   MudBlazor v9 changed popover visibility behavior; forcing `.mud-popover-hidden` styles here
   can prevent menus (MudMenu) from ever becoming visible. */

/* Ensure dropdown content is properly contained */
.mud-autocomplete .mud-list,
.mud-select .mud-list {
    max-height:300px;
    overflow-y: auto;
}

/* Improve visibility of focused dropdown triggers */
.mud-autocomplete input:focus,
.mud-select input:focus,
.mud-select .mud-input-control:focus {
    border-color: var(--mud-primary, #594ae2);
    box-shadow: 0 0 0 1px var(--mud-primary, #594ae2);
}

/* Performance optimization for large lists */
.mud-autocomplete .mud-list .mud-list-item,
.mud-select .mud-list .mud-list-item {
    contain: layout style;
}

/* Accessibility note:
   MudBlazor v9 uses aria attributes differently for popovers; do not force-hide by `[aria-hidden="true"]`
   because it can prevent `MudMenu`/`MudSelect` popovers from ever becoming visible. */

/* Mobile responsiveness for dropdowns */
@media (max-width:768px) {
    .mud-autocomplete .mud-popover,
    .mud-select .mud-popover {
        max-width: calc(100vw -2rem);
        max-height:50vh;
    }
    
    .mud-autocomplete .mud-list,
    .mud-select .mud-list {
        max-height:40vh;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .mud-autocomplete input:focus,
    .mud-select input:focus,
    .mud-select .mud-input-control:focus {
        border-color: var(--mud-primary-darken, #7c4dff);
        box-shadow:0001px var(--mud-primary-darken, #7c4dff);
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .mud-autocomplete .mud-popover,
    .mud-select .mud-popover {
        border:2px solid currentColor;
    }
    
    .mud-autocomplete input:focus,
    .mud-select input:focus,
    .mud-select .mud-input-control:focus {
        outline:2px solid currentColor;
        outline-offset:2px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .mud-autocomplete .mud-popover,
    .mud-select .mud-popover,
    .mud-autocomplete.focus-transitioning .mud-popover,
    .mud-select.focus-transitioning .mud-popover {
        transition: none !important;
    }
}