/* =====================================================================
   Kenar menü: alt menü görünümü ve seçili öğe (K 09.10.2026)
   Kullanan sayfalar: std, acd, kök index, afy/ffa/foa/foa agency/for/fss/hoa/ina,
   bologna, kariyer, StajV2/Firma, live, public_stats, staj/firma_basvuru_index,
   ogrenci_kart_islemleri, personel_kart_islemleri(_idari).
   Menü iki yapıda gelir; ikisi de karşılanır:
     - li.has-treeview > ul.nav-treeview  (ya da > .sub-items > ul.nav-treeview)
     - ul.sidebar-menu > li.treeview > ul.treeview-menu
   Kök index'in kart düzeni (data-menu-layout="cards") kapsam dışıdır.
   Sayfa <style>'ı bu dosyadan sonra yüklendiği için seçiciler #proMenu ile
   güçlendirilmiştir; :is() içindeki #proMenu sınıf yapısına da aynı ağırlığı verir.
   ===================================================================== */

/* Açık grup: zemin */
.menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) > li.menu-open:is(.has-treeview, .treeview) {
    background: rgba(0,0,0,.18);
    border-radius: 8px;
    padding-bottom: .3rem;
}
/* Açık grup: başlık beyaz, ok altın */
.menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) > li.menu-open:is(.has-treeview, .treeview) > a {
    color: #fff !important;
}
.menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) > li.menu-open:is(.has-treeview, .treeview) > a:not(:hover) {
    background: transparent !important;
}
.menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) > li.menu-open:is(.has-treeview, .treeview) > a :is(.group-caret, i.right, .float-end-container i) {
    color: var(--secondary-color, #C9A86A) !important;
}

/* Alt menü: ana ikonun ortasından inen ağaç çizgisi (dar menü penceresi hariç) */
body:not(.sidebar-collapsed) .menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) > li:is(.has-treeview, .treeview) > :is(.nav-treeview, .treeview-menu),
body:not(.sidebar-collapsed) .menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) > li.has-treeview > .sub-items > .nav-treeview {
    margin: .1rem .4rem 0 1.15rem;
    padding-left: 0 !important;
    border-left: 1px solid rgba(201,168,106,.30);
}
/* Alt menü öğesi: küçük yazı, dar satır, ikon yok; iç içe grup başlıkları sayfanın kendi biçiminde kalır */
body:not(.sidebar-collapsed) .menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) :is(.nav-treeview, .treeview-menu) > li:not(.has-treeview):not(.treeview) > a {
    font-size: .8rem;
    padding: .28rem .6rem .28rem .8rem;
    border-left-width: 2px;
    border-radius: 0 6px 6px 0;
    margin-left: -1px;
}
body:not(.sidebar-collapsed) .menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) :is(.nav-treeview, .treeview-menu) > li:not(.has-treeview):not(.treeview) > a > i:first-child {
    display: none;
}

/* Kart ekranları (ogrenci_kart_islemleri, personel_kart_islemleri(_idari)): kenar menü 170-180px dar,
   portal girintisi yazıya yer bırakmıyor; alt menü sola çekilir, iç içe grup seviye başına az girer (K 15.10.2026) */
body:is(.ogr-kart-page, .per-kart-page):not(.sidebar-collapsed) .menu-wrap #proMenu > li.has-treeview > .nav-treeview {
    margin: .1rem .2rem 0 .25rem;
}
body:is(.ogr-kart-page, .per-kart-page):not(.sidebar-collapsed) .menu-wrap #proMenu .nav-treeview .nav-treeview {
    padding-left: .5rem !important;
}
body:is(.ogr-kart-page, .per-kart-page):not(.sidebar-collapsed) .menu-wrap #proMenu .nav-treeview > li:not(.has-treeview):not(.treeview) > a {
    padding-left: .55rem;
    padding-right: .4rem;
}

/* Seçili öğe: şampanya altın (üzerine gelinen satırın altın tonundan daha açık) */
.menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) a.menu-last-selected {
    background: rgba(242,201,76,.20) !important;
    color: #FFF4D6 !important;
    border-left-color: #F2C94C !important;
    box-shadow: inset 0 0 0 1px rgba(242,201,76,.22);
}
body:not(.sidebar-collapsed) .menu-wrap :is(#proMenu:not([data-menu-layout="cards"]), ul.sidebar-menu) :is(.nav-treeview, .treeview-menu) > li > a.menu-last-selected {
    box-shadow: none;
}