/* PAN CRM v180 - Select acilir menunun surekli acik kalmasini duzeltir.
   v179'daki display:flex zorlamasi kaldirildi. Dropdown sadece Filament/Alpine actiginda gorunur.
   Acildiginda 8-10 satirla sinirlanir, geri kalani ic scroll ile iner. */

:root {
    --pan-select-panel-max-v180: 430px;
    --pan-select-list-max-v180: 340px;
    --pan-select-border-v180: #b9cadb;
    --pan-select-text-v180: #10243a;
    --pan-select-hover-v180: #fff4e8;
}

/* Panelin gorunurlugune dokunma: display, visibility, opacity zorlamasi yok. */
.fi-dropdown-panel,
.fi-select-dropdown,
.ts-dropdown,
.choices__list--dropdown,
.choices__list[aria-expanded] {
    max-height: var(--pan-select-panel-max-v180) !important;
    overflow: hidden !important;
    border: 1px solid var(--pan-select-border-v180) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .16) !important;
    background: #ffffff !important;
    z-index: 80 !important;
}

/* Secenek listesi 8-10 satiri gecmesin. */
.fi-dropdown-panel [role="listbox"],
.fi-select-dropdown [role="listbox"],
.fi-dropdown-panel .fi-dropdown-list,
.fi-select-dropdown .fi-dropdown-list,
.fi-dropdown-panel ul,
.fi-select-dropdown ul,
.ts-dropdown .ts-dropdown-content,
.choices__list--dropdown.is-active .choices__list,
.choices__list[aria-expanded="true"] .choices__list {
    max-height: var(--pan-select-list-max-v180) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
}

/* Arama inputundaki siyah cizgi/border gorunumunu temizle. */
.fi-dropdown-panel input,
.fi-select-dropdown input,
.ts-dropdown input,
.choices__list--dropdown input,
.choices__list[aria-expanded] input {
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    outline: none !important;
    background: #ffffff !important;
    color: var(--pan-select-text-v180) !important;
    -webkit-text-fill-color: var(--pan-select-text-v180) !important;
}

.fi-dropdown-panel input:focus,
.fi-select-dropdown input:focus,
.ts-dropdown input:focus,
.choices__list--dropdown input:focus,
.choices__list[aria-expanded] input:focus {
    border-color: #f59e0b !important;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .18) !important;
}

.fi-dropdown-list-item,
.fi-select-dropdown li,
.fi-select-dropdown [role="option"],
.ts-dropdown .option,
.choices__item--choice {
    min-height: 40px !important;
    padding: 9px 14px !important;
    line-height: 1.3 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--pan-select-text-v180) !important;
    -webkit-text-fill-color: var(--pan-select-text-v180) !important;
}

.fi-dropdown-list-item:hover,
.fi-select-dropdown li:hover,
.fi-select-dropdown [role="option"]:hover,
.ts-dropdown .option.active,
.ts-dropdown .option:hover,
.choices__item--choice.is-highlighted {
    background: var(--pan-select-hover-v180) !important;
}

/* Products filtrelerinde panel genisligi kontrollu kalsin. */
.fi-ta-filters .fi-dropdown-panel,
.fi-ta-filters .fi-select-dropdown,
.fi-ta-filters .ts-dropdown,
.fi-ta-filters .choices__list--dropdown {
    width: min(720px, calc(100vw - 32px)) !important;
}

@media (max-width: 768px) {
    :root {
        --pan-select-panel-max-v180: 360px;
        --pan-select-list-max-v180: 280px;
    }
}