/* ═══════════════════════════════════════════════════════════════════════════
   OYS · Sol Menü (v5) — Bootstrap 5 tasarım dili
   ─────────────────────────────────────────────────────────────────────────
   Renkler Atatürk Üniversitesi armasından: lacivert #201161 · altın #E1B77D
   Genişlik: 300px açık · 92px katlı (üst çubuk ve sayfa payı da ezilir).
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --oysm-navy:#201161;
  --oysm-navy-900:#120a3a;
  --oysm-navy-800:#1a0e52;
  --oysm-navy-700:#2a1a7a;
  --oysm-navy-600:#3b2a9c;
  --oysm-gold:#e1b77d;
  --oysm-gold-600:#c9974f;

  --oysm-mor:#252156;
  --oysm-mor-acik:#453f92;
  --oysm-mor-koyu:#2b2660;
  --oysm-bg:#252156;
  --oysm-bas-bg:#252156;
  --oysm-kenar:rgba(255,255,255,.08);
  --oysm-metin:rgba(255,255,255,.80);
  --oysm-metin-gucu:#ffffff;
  --oysm-metin-sonuk:rgba(255,255,255,.46);
  --oysm-hover-bg:rgba(255,255,255,.06);
  --oysm-aktif-bg:rgba(255,255,255,.10);
  --oysm-tile-bg:rgba(255,255,255,.07);
  --oysm-tile-kenar:rgba(255,255,255,.08);
  --oysm-tile-aktif:linear-gradient(135deg,#5b54b8,#413a92);
  --oysm-alan-bg:rgba(255,255,255,.055);
  --oysm-alan-kenar:rgba(255,255,255,.12);

  --oysm-w:300px;
  --oysm-w-kat:92px;
  --oysm-bas-h:72px;
  --oysm-tr:.2s cubic-bezier(.4,0,.2,1);
}

/* ═══════════════════════════════════════════
   DÜZEN PAYLARI — tema 260px varsayıyor
   ═══════════════════════════════════════════ */
@media (min-width:768px){
  .page,
  .site-footer{margin-left:var(--oysm-w) !important}
  .site-navbar .navbar-container{margin-left:var(--oysm-w) !important}
  .page-aside-fixed.page-aside-left .page-aside{left:var(--oysm-w) !important}

  .site-menubar-fold .page,
  .site-menubar-fold .site-footer{margin-left:var(--oysm-w-kat) !important}
  .site-menubar-fold .site-navbar .navbar-container{margin-left:var(--oysm-w-kat) !important}
  .site-menubar-fold.page-aside-fixed.page-aside-left .page-aside{left:var(--oysm-w-kat) !important}
}

/* ═══════════════════════════════════════════
   GÖVDE
   ═══════════════════════════════════════════ */
.site-menubar.oysm{
  width:var(--oysm-w) !important;
  top:0 !important;
  height:100% !important;
  padding-top:var(--oysm-bas-h) !important;
  display:flex !important;
  flex-direction:column !important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  background:var(--oysm-bg) !important;
  border-right:1px solid var(--oysm-kenar) !important;
  box-shadow:4px 0 34px rgba(8,4,28,.26) !important;
  color:var(--oysm-metin) !important;
  overflow:hidden !important;
  z-index:1490 !important;
}

/* ── Marka başlığı (menünün tepesinde sabit) ── */
.oysm-marka{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:var(--oysm-bas-h);
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 18px;
  background:var(--oysm-bas-bg);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12);
  text-decoration:none;
  overflow:hidden;
}
.oysm-marka:hover{text-decoration:none}
.oysm-marka-logo{
  flex:none;
  width:40px;
  height:40px;
  object-fit:contain;
}
.oysm-marka-yazi{min-width:0;line-height:1.3}
.oysm-marka-ad{
  display:block;
  font-size:19px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.5px;
  color:#fff;
}
.oysm-marka-alt{
  display:block;
  margin-top:2px;
  font-size:9px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:rgba(255,255,255,.66);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ── Kullanıcı satırı ── */
.oysm-kullanici{
  display:flex;
  align-items:center;
  gap:11px;
  padding:14px 18px 12px;
}
.oysm-avatar{
  flex:none;
  width:42px;
  height:42px;
  border-radius:13px;
  background:linear-gradient(135deg,var(--oysm-gold),var(--oysm-gold-600));
  color:#2a1a0a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14.5px;
  font-weight:800;
  letter-spacing:.3px;
  box-shadow:0 5px 14px rgba(201,151,79,.26);
}
.oysm-kullanici-yazi{min-width:0;flex:1 1 auto;line-height:1.3}
.oysm-ad{
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--oysm-metin-gucu);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.oysm-rol{
  display:block;
  margin-top:2px;
  font-size:11px;
  font-weight:500;
  color:var(--oysm-metin-sonuk);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ── Arama ── */
.oysm-ara{
  position:relative;
  padding:14px 18px 10px;
}
/* İkon, kapsayıcıya değil GİRİŞ ALANINA göre ortalanır.
   Kapsayıcının dolgusu asimetrik (üst 14px, alt 10px) olduğu için
   "top:50%" alanın merkezini ıskalıyordu. İkonu alanın tepesinden
   başlatıp alan yüksekliği kadar uzatarak dikeyde tam ortalıyoruz. */
.oysm-ara .oysm-ara-ikon{
  position:absolute;
  left:34px;
  top:14px;              /* .oysm-ara üst dolgusu */
  height:44px;           /* .oysm-ara input yüksekliği */
  display:flex;
  align-items:center;
  font-size:13px;
  line-height:1;
  color:var(--oysm-metin-sonuk);
  pointer-events:none;
}
.oysm-ara input{
  width:100%;
  height:44px;
  border:1px solid var(--oysm-alan-kenar);
  border-radius:13px;
  background:var(--oysm-alan-bg);
  color:var(--oysm-metin-gucu);
  font:inherit;
  font-size:13.5px;
  font-weight:500;
  padding:0 34px 0 38px;
  outline:0;
  transition:border-color var(--oysm-tr),background var(--oysm-tr),box-shadow var(--oysm-tr);
  -webkit-appearance:none;
  appearance:none;
}
.oysm-ara input::placeholder{color:var(--oysm-metin-sonuk);font-weight:400}
.oysm-ara input::-webkit-search-cancel-button{display:none}
.oysm-ara input:focus{
  border-color:rgba(225,183,125,.55);
  background:rgba(255,255,255,.085);
  box-shadow:0 0 0 3px rgba(225,183,125,.12);
}
/* Temizle düğmesi de giriş alanına göre ortalanır (bkz. .oysm-ara-ikon notu). */
.oysm-ara-temizle{
  position:absolute;
  right:26px;
  top:36px;              /* üst dolgu 14px + alan yüksekliğinin yarısı 22px */
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--oysm-metin-sonuk);
  font-size:16px;
  line-height:1;
  cursor:pointer;
  display:none;
  align-items:center;
  justify-content:center;
}
.oysm-ara-temizle.gorunur{display:inline-flex}
.oysm-ara-temizle:hover{color:var(--oysm-metin-gucu);background:var(--oysm-hover-bg)}

/* ── Kaydırılabilir gövde (çubuk gizli) ── */
.site-menubar.oysm .site-menubar-body{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:0 0 8px !important;
  background:transparent !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  overscroll-behavior:contain;
}
.site-menubar.oysm .site-menubar-body::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important}

.site-menubar.oysm .site-menu{
  list-style:none !important;
  margin:0 !important;
  padding:0 14px !important;
  background:transparent !important;
}

/* ── Kategori başlığı ── */
.site-menubar.oysm .site-menu-category{
  display:block !important;
  padding:16px 10px 8px !important;
  margin:0 !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  line-height:1 !important;
  color:var(--oysm-metin-sonuk) !important;
  background:transparent !important;
  height:auto !important;
  text-shadow:none !important;
}
.site-menubar.oysm .site-menu-category:empty{display:none !important}

/* ── Menü maddesi ── */
.site-menubar.oysm .site-menu-item{
  margin:4px 0 !important;
  list-style:none !important;
  background:none !important;
  border:0 !important;
  border-radius:15px !important;
}
.site-menubar.oysm .site-menu-item > a{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  padding:8px 12px 8px 8px !important;
  border-radius:15px !important;
  color:var(--oysm-metin) !important;
  background:transparent !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  transition:background var(--oysm-tr),color var(--oysm-tr) !important;
}
.site-menubar.oysm .site-menu-item > a:hover{
  background:var(--oysm-hover-bg) !important;
  color:var(--oysm-metin-gucu) !important;
}
.site-menubar.oysm .site-menu-item > a:focus-visible{
  outline:2px solid var(--oysm-gold);
  outline-offset:-2px;
}

/* İkon karesi */
.site-menubar.oysm .site-menu-icon{
  flex:none !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  margin:0 !important;
  border-radius:13px !important;
  background:var(--oysm-tile-bg) !important;
  border:1px solid var(--oysm-tile-kenar) !important;
  color:rgba(255,255,255,.82) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:16px !important;
  line-height:1 !important;
  transition:background var(--oysm-tr),color var(--oysm-tr),border-color var(--oysm-tr) !important;
}
.site-menubar.oysm .site-menu-item > a:hover .site-menu-icon{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#fff !important;
}
.site-menubar.oysm .site-menu-title{
  flex:1 1 auto !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Aktif madde */
.site-menubar.oysm .site-menu-item.active > a,
.site-menubar.oysm .site-menu-item.is-active > a{
  background:var(--oysm-aktif-bg) !important;
  color:#fff !important;
  font-weight:600 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
.site-menubar.oysm .site-menu-item.active > a::before{
  content:'' !important;
  position:absolute !important;
  left:-14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:4px !important;
  height:30px !important;
  border-radius:0 4px 4px 0 !important;
  background:var(--oysm-gold) !important;
}
.site-menubar.oysm .site-menu-item.active > a .site-menu-icon{
  background:var(--oysm-tile-aktif) !important;
  border-color:rgba(255,255,255,.2) !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(59,53,127,.5) !important;
}

/* Dış bağlantı işareti */
.site-menubar.oysm .site-menu-item > a[target="_blank"]::after{
  content:'\f08e';
  font-family:FontAwesome;
  font-size:10px;
  color:var(--oysm-metin-sonuk);
  flex:none;
}

/* Arama sonucu boş */
.oysm-bos{
  display:none;
  margin:18px 24px;
  font-size:12.5px;
  font-weight:500;
  color:var(--oysm-metin-sonuk);
  text-align:center;
  line-height:1.6;
}
.oysm-bos.gorunur{display:block}

/* ═══════════════════════════════════════════
   ALT BÖLÜM
   ═══════════════════════════════════════════ */
.site-menubar.oysm .site-menubar-footer{
  position:static !important;
  display:block !important;
  flex:none !important;
  width:auto !important;
  height:auto !important;
  padding:10px 18px 14px !important;
  border-top:1px solid var(--oysm-kenar) !important;
  background:rgba(0,0,0,.10) !important;
  visibility:visible !important;
}

.oysm-alt-dugmeler{display:flex;gap:8px}
.oysm-alt-btn{
  flex:1 1 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:44px;
  padding:0 10px;
  border-radius:13px;
  border:1px solid var(--oysm-alan-kenar);
  background:var(--oysm-alan-bg);
  color:var(--oysm-metin);
  font:inherit;
  font-size:12.5px;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
  transition:background var(--oysm-tr),color var(--oysm-tr),border-color var(--oysm-tr);
  white-space:nowrap;
  overflow:hidden;
}
.oysm-alt-btn i{font-size:14px;flex:none}
.oysm-alt-btn:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.2);
  color:#fff;
  text-decoration:none;
}
.oysm-cikis{
  border-color:rgba(220,38,38,.3) !important;
  background:rgba(220,38,38,.12) !important;
  color:#ffb4b4 !important;
}
.oysm-cikis:hover{
  background:rgba(220,38,38,.24) !important;
  border-color:rgba(220,38,38,.5) !important;
  color:#fff !important;
}
.oysm-imza{
  margin:10px 0 0;
  text-align:center;
  font-size:10px;
  font-weight:500;
  color:var(--oysm-metin-sonuk);
  line-height:1.5;
}

/* ═══════════════════════════════════════════
   KATLI (FOLD) MOD — yalnız masaüstü
   ═══════════════════════════════════════════ */
@media (min-width:768px){
  .site-menubar-fold .site-menubar.oysm{width:var(--oysm-w-kat) !important}

  .site-menubar-fold .oysm-marka{justify-content:center;padding:0 10px;gap:0}
  .site-menubar-fold .oysm-marka-yazi{display:none}
  .site-menubar-fold .oysm-kullanici{justify-content:center;padding:14px 8px 10px}
  .site-menubar-fold .oysm-kullanici-yazi,
  .site-menubar-fold .oysm-ara,
  .site-menubar-fold .oysm-imza,
  .site-menubar-fold .oysm-alt-btn span{display:none !important}

  .site-menubar-fold .site-menubar.oysm .site-menu{padding:0 14px !important}
  .site-menubar-fold .site-menubar.oysm .site-menu-category{
    height:1px !important;
    padding:0 !important;
    margin:14px 10px !important;
    overflow:hidden !important;
    color:transparent !important;
    background:var(--oysm-kenar) !important;
  }
  .site-menubar-fold .site-menubar.oysm .site-menu-item > a{
    justify-content:center !important;
    padding:6px 0 !important;
    gap:0 !important;
  }
  /* Tema, katli modda aktif maddenin ikonunu gizleyip basligi gosteriyor.
     Bizde tam tersi olmali: ikon her zaman gorunur, baslik gizli. */
  .site-menubar-fold .site-menubar.oysm .site-menu-item > a .site-menu-title,
  .site-menubar-fold .site-menubar.oysm .site-menu-item.active > a .site-menu-title,
  .site-menubar-fold .site-menubar.oysm .site-menu-item.hover > a .site-menu-title,
  .site-menubar-fold .site-menubar.oysm .site-menu-item.open > a .site-menu-title{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
  }
  .site-menubar-fold .site-menubar.oysm .site-menu-item > a .site-menu-icon,
  .site-menubar-fold .site-menubar.oysm .site-menu-item.active > a .site-menu-icon,
  .site-menubar-fold .site-menubar.oysm .site-menu-item.hover > a .site-menu-icon,
  .site-menubar-fold .site-menubar.oysm .site-menu-item.open > a .site-menu-icon{
    visibility:visible !important;
    opacity:1 !important;
  }
  .site-menubar-fold .site-menubar.oysm .site-menu-item > a::after{display:none !important}
  /* Katli modda aktif madde digerleriyle ayni olcude; yalniz ikon vurgulu */
  .site-menubar-fold .site-menubar.oysm .site-menu-item.active > a{
    background:transparent !important;
    box-shadow:none !important;
  }
  .site-menubar-fold .site-menubar.oysm .site-menu-item.active > a::before{left:-14px !important;height:26px !important}
  .site-menubar-fold .oysm-alt-dugmeler{flex-direction:column;gap:6px}
  .site-menubar-fold .oysm-alt-btn{
    flex:none;
    width:44px;
    height:44px;
    padding:0;
    margin:0 auto;
  }
  .site-menubar-fold .site-menubar.oysm .site-menubar-footer{padding:10px 8px 12px !important}

  /* Katlı modda ipucu balonu */
  .site-menubar-fold .site-menubar.oysm .site-menu-item > a[data-ipucu]:hover::after{
    content:attr(data-ipucu) !important;
    display:block !important;
    position:absolute !important;
    left:calc(100% + 12px) !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:1500 !important;
    padding:8px 12px !important;
    border-radius:10px !important;
    background:#15123a !important;
    color:#fff !important;
    font-size:12.5px !important;
    font-weight:600 !important;
    font-family:inherit !important;
    white-space:nowrap !important;
    box-shadow:0 12px 28px rgba(8,4,28,.45) !important;
    pointer-events:none !important;
  }
}

/* ═══════════════════════════════════════════
   MOBİL ÇEKMECE
   ═══════════════════════════════════════════ */
.oysm-perde{
  position:fixed;
  inset:0;
  z-index:1395;
  background:rgba(10,6,32,.55);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease,visibility .25s ease;
}
.site-menubar-open .oysm-perde{opacity:1;visibility:visible}

@media (max-width:767px){
  /* Tema 260px varsayarak -260px kaydiriyordu; 300px'e gore duzeltilir. */
  .site-menubar.oysm{
    width:var(--oysm-w) !important;
    transform:translate3d(calc(-1 * var(--oysm-w)),0,0) !important;
    box-shadow:0 0 48px rgba(8,4,28,.55) !important;
  }
  .site-menubar-open .site-menubar.oysm{
    transform:translate3d(0,0,0) !important;
  }
  .site-menubar-open .page,
  .site-menubar-open .site-footer{
    transform:translate3d(var(--oysm-w),0,0) !important;
  }
  .page,
  .site-footer{margin-left:0 !important}
  .oysm-marka{height:var(--oysm-bas-h)}
}

/* ═══════════════════════════════════════════
   GİRİŞ ANİMASYONU
   ═══════════════════════════════════════════ */
@keyframes oysmGir{
  from{opacity:0;transform:translateX(-8px)}
  to{opacity:1;transform:none}
}
.site-menubar.oysm .site-menu-item{animation:oysmGir .26s ease both}
.site-menubar.oysm .site-menu-item:nth-child(1){animation-delay:.02s}
.site-menubar.oysm .site-menu-item:nth-child(2){animation-delay:.04s}
.site-menubar.oysm .site-menu-item:nth-child(3){animation-delay:.06s}
.site-menubar.oysm .site-menu-item:nth-child(4){animation-delay:.08s}
.site-menubar.oysm .site-menu-item:nth-child(5){animation-delay:.10s}
.site-menubar.oysm .site-menu-item:nth-child(6){animation-delay:.12s}
.site-menubar.oysm .site-menu-item:nth-child(7){animation-delay:.14s}
.site-menubar.oysm .site-menu-item:nth-child(8){animation-delay:.16s}
.site-menubar.oysm .site-menu-item:nth-child(n+9){animation-delay:.18s}

@media (prefers-reduced-motion:reduce){
  .site-menubar.oysm *,
  .site-menubar.oysm *::before,
  .site-menubar.oysm *::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
}

/* ═══════════════════════════════════════════
   ERİŞİLEBİLİRLİK ARACI (UserWay)
   Yüzen düğme varsayılan olarak gizli; menüden açılır.
   ═══════════════════════════════════════════ */
body:not(.oys-erisim-acik) .uwy.userway_p5,
body:not(.oys-erisim-acik) .uwy.userway_p1,
body:not(.oys-erisim-acik) .uwy.userway_p2,
body:not(.oys-erisim-acik) .uwy.userway_p3,
body:not(.oys-erisim-acik) .uwy.userway_p4,
body:not(.oys-erisim-acik) .uwy.userway_p6,
body:not(.oys-erisim-acik) #userwayAccessibilityIcon,
body:not(.oys-erisim-acik) ._access-icon,
body:not(.oys-erisim-acik) .userway_buttons_wrapper{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}