/* ===========================================================================
   Aramalı select — native <select class="aramali-select"> öğesini arama
   kutulu bir açılır listeye dönüştürür. Harici kütüphane yok, jQuery ile.
   İnline CSS yerine bu dosya; header.php'de include edilir.
   =========================================================================== */

.as-wrap{position:relative;}
.as-native{display:none !important;}

.as-display{width:100%;text-align:left;background:#fff;cursor:pointer;position:relative;
    padding-right:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.as-display:after{content:"";position:absolute;right:12px;top:50%;margin-top:-3px;
    border:5px solid transparent;border-top-color:#888;}
.as-wrap.as-open .as-display:after{border-top-color:transparent;border-bottom-color:#888;margin-top:-8px;}
.as-display.as-empty{color:#999;}

.as-panel{position:absolute;top:100%;left:0;right:0;z-index:1051;background:#fff;
    border:1px solid #ccc;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.18);
    margin-top:2px;overflow:hidden;}
.as-hidden{display:none !important;}

.as-search{padding:8px;border-bottom:1px solid #eee;}
.as-search-input{width:100%;height:34px;border:1px solid #ccc;border-radius:4px;
    padding:0 10px;font-size:14px;box-sizing:border-box;}
.as-search-input:focus{outline:none;border-color:#66afe9;box-shadow:0 0 0 2px rgba(102,175,233,.35);}

.as-list{list-style:none;margin:0;padding:4px 0;max-height:260px;overflow-y:auto;}
.as-item{padding:7px 12px;font-size:14px;cursor:pointer;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.as-item:hover,.as-item.as-active{background:#eaf3ff;}
.as-item.as-selected{font-weight:600;}
.as-item.as-placeholder-item{color:#999;}
.as-empty-msg{padding:10px 12px;color:#999;font-size:13px;list-style:none;}