/* ============================================================
   SELECT2 YENI TEMA  —  ortak (Plan cf29dee7, 09.11.2026)

   Referans: /satici-ilani-ekle (ilan-ekle.css .ieSecim / .ieAcilir).
   Ayni gorunumu baska sayfalara tasimak icin:
     - kutu  : select2'yi saran herhangi bir elemana .s2Kapsam sinifi
               (ya da kuruluma selectionCssClass: 's2Kutu')
     - liste : js/select2-yeni.js, .s2Kapsam icindeki select acilinca
               listeye .s2Acilir sinifini ekler
               (ya da kuruluma dropdownCssClass: 's2Acilir')
   Yukseklik sayfa bazinda --s2Yuk ile ayarlanir (varsayilan 42px,
   mobilde 46px). Acik tema body.light ile.
   ============================================================ */

.s2Kapsam,.s2Kutu,.s2Acilir{
    --s2Kart:#20212B; --s2Ic:#1C1D26; --s2Alan:#111117; --s2Dolgu:#272834;
    --s2Cerceve:#333444; --s2Cerceve2:#4E4F5C;
    --s2Metin2:#C8C9D8; --s2Metin4:#8B8C99;
    --s2Accent:#80F1B1;
    --s2A10:rgba(128,241,177,.10); --s2A14:rgba(128,241,177,.14);
    --s2A45:rgba(128,241,177,.45); --s2A55:rgba(128,241,177,.55);
    --s2Golge:0 14px 34px rgba(0,0,0,.45);
    --s2Yuk:42px;
}
body.light .s2Kapsam,body.light .s2Kutu,body.light .s2Acilir{
    --s2Kart:#FFFFFF; --s2Ic:#F5F4EE; --s2Alan:#FFFFFF; --s2Dolgu:#F0EEE6;
    --s2Cerceve:#E3E1D9; --s2Cerceve2:#C7C5BC;
    --s2Metin2:#1F1E1D; --s2Metin4:#5F5E58;
    --s2Accent:#137E4C;
    --s2A10:rgba(19,126,76,.08); --s2A14:rgba(19,126,76,.10);
    --s2A45:rgba(19,126,76,.42); --s2A55:rgba(19,126,76,.55);
    --s2Golge:0 14px 34px rgba(31,30,29,.14);
}

/* ---- Kutu ---------------------------------------------------------------- */
.s2Kapsam .select2-container.select2-container--default .select2-selection--single,
.select2-container.select2-container--default .s2Kutu.select2-selection--single{
    height:var(--s2Yuk);border-radius:var(--s2Rad,9px);background:var(--s2Alan);border:1px solid var(--s2Cerceve);
    outline:0;display:block;padding:0;transition:border-color .15s;box-shadow:none
}
.s2Kapsam .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container.select2-container--default .s2Kutu .select2-selection__rendered{
    line-height:calc(var(--s2Yuk) - 2px);padding:0 34px 0 12px;font-size:13px;font-weight:600;
    color:var(--s2Metin2);background:transparent
}
.s2Kapsam .select2-container.select2-container--default .select2-selection__placeholder,
.select2-container.select2-container--default .s2Kutu .select2-selection__placeholder{color:var(--s2Metin4);font-weight:400}
.s2Kapsam .select2-container.select2-container--default.select2-container--open .select2-selection--single,
.s2Kapsam .select2-container.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container.select2-container--default.select2-container--open .s2Kutu.select2-selection--single,
.select2-container.select2-container--default.select2-container--focus .s2Kutu.select2-selection--single{border-color:var(--s2A55)}
.s2Kapsam .select2-container.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container.select2-container--default.select2-container--disabled .s2Kutu.select2-selection--single{
    background:var(--s2Ic);opacity:.6;cursor:default;border-color:var(--s2Cerceve)
}
/* ok: chevron (ilan-ekle ile ayni) */
.s2Kapsam .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container.select2-container--default .s2Kutu .select2-selection__arrow{height:calc(var(--s2Yuk) - 2px);width:34px;right:0;top:0}
.s2Kapsam .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container.select2-container--default .s2Kutu .select2-selection__arrow b{
    border:0;width:7px;height:7px;margin:-6px 0 0 -4px;
    border-right:2px solid var(--s2Metin4);border-bottom:2px solid var(--s2Metin4);
    transform:rotate(45deg);transition:transform .15s
}
.s2Kapsam .select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container.select2-container--default.select2-container--open .s2Kutu .select2-selection__arrow b{
    border-color:var(--s2Metin4);border-width:0 2px 2px 0;transform:rotate(-135deg);margin-top:-2px
}

/* ---- Acilir liste -------------------------------------------------------- */
.select2-container.select2-container--default .s2Acilir.select2-dropdown{
    background:var(--s2Kart);border:1px solid var(--s2Cerceve2);border-radius:10px;
    box-shadow:var(--s2Golge);margin-top:4px;padding:5px;overflow:hidden
}
.select2-container.select2-container--default .s2Acilir.select2-dropdown--above{margin-top:-4px}
.select2-container.select2-container--default .s2Acilir .select2-search--dropdown{padding:4px 4px 8px}
.select2-container.select2-container--default .s2Acilir .select2-search--dropdown .select2-search__field{
    height:36px;background:var(--s2Alan);border:1px solid var(--s2Cerceve);border-radius:8px;
    color:var(--s2Metin2);font:inherit;font-size:12.5px;padding:0 10px;outline:0;box-shadow:none
}
.select2-container.select2-container--default .s2Acilir .select2-search--dropdown .select2-search__field:focus{border-color:var(--s2A55)}
.select2-container.select2-container--default .s2Acilir .select2-results>.select2-results__options{
    max-height:260px;scrollbar-width:thin;scrollbar-color:var(--s2Cerceve2) transparent
}
.select2-container.select2-container--default .s2Acilir .select2-results__option{
    padding:9px 10px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--s2Metin2);background:transparent
}
.select2-container.select2-container--default .s2Acilir .select2-results__option--highlighted.select2-results__option--selectable{
    background:var(--s2Dolgu);color:var(--s2Metin2)
}
.select2-container.select2-container--default .s2Acilir .select2-results__option--selected{
    background:var(--s2A10);color:var(--s2Accent);font-weight:700
}
.select2-container.select2-container--default .s2Acilir .select2-results__option--selected.select2-results__option--highlighted{
    background:var(--s2A14);color:var(--s2Accent)
}
.select2-container.select2-container--default .s2Acilir .select2-results__option--disabled{color:var(--s2Metin4);opacity:.6}
.select2-container.select2-container--default .s2Acilir .select2-results__message{color:var(--s2Metin4);font-size:12px}
.select2-container.select2-container--default .s2Acilir .select2-results__group{
    padding:8px 10px 4px;font-size:11px;font-weight:700;color:var(--s2Metin4)
}

/* ---- Mobil (ilan-ekle ile ayni olculer) ---------------------------------- */
@media (max-width: 767.98px){
    .s2Kapsam,.s2Kutu{--s2Yuk:46px}
    .s2Kapsam .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-container.select2-container--default .s2Kutu .select2-selection__rendered{font-size:16px;padding-right:42px}
    .s2Kapsam .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow,
    .select2-container.select2-container--default .s2Kutu .select2-selection__arrow{width:40px}
    .select2-container.select2-container--default .s2Acilir .select2-results__option{min-height:44px;display:flex;align-items:center;font-size:14px}
    .select2-container.select2-container--default .s2Acilir .select2-search--dropdown .select2-search__field{height:44px;font-size:16px}
    .select2-container.select2-container--default .s2Acilir .select2-results>.select2-results__options{max-height:min(50vh,320px)}
}