/*
 Theme Name: Kadence Child - OS Akademik
 Template: kadence
 Version: 1.4.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* Renk paleti */
:root{
  --os-sidebar-w: 288px;
  --os-primary:    #3182CE;
  --os-primary-d:  #2B6CB0;
  --os-text:       #1A202C;
  --os-alt:        #1159AF;
  --os-danger:     #B82105;
  --os-warm:       #F7630C;
  --os-gold:       #F5A524;
}

html, body { overflow-x: hidden; }
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--os-text);
}

/* ======================= */
/*  SOL PANEL               */
/* ======================= */
.os-side-nav{
  position:fixed;
  inset:0 auto 0 0;
  width:var(--os-sidebar-w);
  z-index:1000;
  overflow:auto;
  background:#fff;
  border-right:1px solid rgba(0,0,0,.06);
  padding:20px 16px 32px;
  transform:translateX(0);
  transition:transform .25s ease;
}
.os-photo{
  width:112px; height:112px;
  border-radius:999px;
  object-fit:cover;
  display:block;
  margin:12px auto;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.os-name{
  text-align:center;
  font-weight:700;
  margin:8px 0 2px;
  color:var(--os-text);
}
.os-title{
  text-align:center;
  opacity:.75;
  font-size:.95rem;
  margin-bottom:8px;
}

/* ======================= */
/*  SOSYAL / ID – 4’LÜ GRID */
/* ======================= */
.os-socials{
  display:grid;                 /* flex → grid */
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  justify-content:center;
  margin:8px 0 18px;
}
.os-socials a,
.os-socials span{
  display:flex;
  width:34px; height:34px;
  align-items:center; justify-content:center;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}
.os-socials a:hover{
  background:#f5f5f7;
}
.os-socials svg{ width:18px; height:18px; }

/* Menü */
.os-menu{ list-style:none; padding:0; margin:12px 0 0; }
.os-menu li{ margin:0; }
.os-menu a{
  display:block;
  padding:10px 12px;
  text-decoration:none;
  border-radius:8px;
  color:var(--os-text);
}
.os-menu a:hover{
  background:#edf2f7;
  color:var(--os-primary-d);
}

/* İçeriği it – içerik sidebar’a çarpmadan dursun */
#inner-wrap{
  margin-left: var(--os-sidebar-w);
  transition:margin-left .25s ease;
}
.site-header,
.site-footer{
  margin-left: var(--os-sidebar-w);
  transition:margin-left .25s ease;
}
.container, .content-area{ max-width: 1200px; }

/* Ayırıcı */
.os-sep{
  position:relative;
  margin:14px 0;
  text-align:center;
}
.os-sep:before{
  content:"";
  display:block;
  height:1px;
  background:rgba(0,0,0,.08);
}
.os-sep > span{
  position:relative;
  top:-.8em;
  background:#fff;
  padding:0 10px;
  font-size:.82rem;
  color:#6b7280;
  border:1px solid rgba(0,0,0,.06);
  border-radius:999px;
}

/* İkon kapsayıcı ve fallback */
.os-ic{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}
.os-ic:hover{ background:#f5f5f7; }
.os-ic img{
  max-width:24px;
  max-height:24px;
  width:auto;
  height:auto;
  display:block;
}
.os-ic-fallback{
  width:18px;
  height:18px;
  background:#e5e7eb;
  border-radius:4px;
  display:block;
}

/* Marka renkleri (SVG) – yeni paletle uyumlu */
.os-ic--linkedin svg,
.os-ic--facebook svg,
.os-ic--x svg{ fill:var(--os-primary); }
.os-ic--instagram svg{ fill:var(--os-warm); }
.os-ic--researchgate svg{ fill:var(--os-alt); }
.os-ic--academia svg{ fill:var(--os-text); }
.os-ic--scholar svg{ fill:var(--os-primary); }
.os-ic--scopus svg{ fill:var(--os-gold); }
.os-ic--wosid svg{ fill:var(--os-warm); }
.os-ic--orcid svg{ fill:var(--os-primary-d); }
.os-ic--publons svg{ fill:var(--os-alt); }
.os-ic--yoksis svg{ fill:var(--os-danger); }
.os-ic--avesis svg{ fill:var(--os-primary-d); }
.os-ic--scite svg{ fill:var(--os-primary); }
.os-ic--personal svg{ fill:var(--os-text); }
.os-ic--loop svg{ fill:var(--os-primary); }
.os-ic--ssrn svg{ fill:var(--os-primary-d); }
.os-ic--sciprofiles svg{ fill:var(--os-alt); }

/* ======================= */
/*  TOGGLE BUTONLARI       */
/* ======================= */

/* Sidebar içindeki toggle (şu an kullanılmıyor) */
.os-toggle{
  display:none !important;
}

/* Sidebar kapalıyken görünen sabit buton */
.os-toggle-fixed{
  position:fixed;
  left:8px;
  top:20px;
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid var(--os-primary-d);
  background:var(--os-primary);   /* MAVİ */
  cursor:pointer;
  z-index:1001;
  display:none;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.18);
}
.os-toggle-fixed:before{
  content:"☰";
  font-size:14px;
}
.os-toggle-fixed:hover{
  background:var(--os-primary-d);
}

/* Sidebar kapalı durumu */
body.os-collapsed .os-side-nav{
  transform:translateX(-100%);
}

/* İçeriğin kaymamasını istiyoruz → margin-left sabit kalsın
   O yüzden collapsed durumunda margin-left'i değiştirmiyoruz. */

/* Sidebar kapalıyken toggle görünsün */
body.os-collapsed .os-toggle-fixed{
  display:flex;
}

/* Mobil görünüm */
@media (max-width:1024px){
  .os-side-nav{ display:none; }
  #inner-wrap, .site-header, .site-footer{ margin-left: 0; }
}

/* Toggle mobile görünmesin */
@media (max-width: 1024px) {
  .os-toggle-fixed {
    display: none !important;
  }
}

/* Menü genişliği ve sağa yaslama (hafif düzenleme) */
.os-side-nav .os-menu-wrap {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

/* ======================= */
/* WPML DİL DROPDOWN       */
/* ======================= */

.menu-item-has-children.wpml-ls-item{
  position:relative !important;
}

/* Küçük ok işareti */
.menu-item-has-children.wpml-ls-item > a:after{
  content:" ▾";
  font-size:12px;
}

/* Açılır menü */
.menu-item-has-children.wpml-ls-item ul.sub-menu{
  display:none !important;
  position:absolute;
  left:0;
  top:100%;
  background:#fff;
  padding:10px 0;
  min-width:130px;
  border-radius:6px;
  box-shadow:0 4px 12px rgba(0,0,0,0.15);
  z-index:99999;
}

/* Hover VE tıklama (focus) ile açılma */
.menu-item-has-children.wpml-ls-item:hover ul.sub-menu,
.menu-item-has-children.wpml-ls-item:focus-within ul.sub-menu{
  display:block !important;
}

.menu-item-has-children.wpml-ls-item ul.sub-menu li a{
  padding:8px 12px !important;
  display:block;
  white-space:nowrap;
}