/* =========================
   IJMTIP - FULL CSS (LOCKED + CLICK FIX)
   - Tıklama/hover fix (overlay öldürür)
   - Dropdown görünür + tıklanır
   - Banner & content dış kenarlar birebir hizalı (box-sizing)
========================= */

/* 0) Eski denemelerden kalan tam ekran katmanlar tıklamayı bozmasın */
html::before, html::after,
body::before, body::after,
#bgwrap, #bg, .bg, .bg2, .bg3{
  pointer-events:none !important;
}
#bgwrap, #bg, .bg, .bg2, .bg3{
  z-index:-1 !important;
}

/* 1) Header container üstte kalsın */
#headerNavigationContainer{
  margin-bottom:16px !important;
  position:relative !important;
  z-index:3000 !important;
}

/* 2) HEADER: mavi kutu (dropdown kesilmesin) */
#headerNavigationContainer .navbar.navbar-default{
  background:#003f66 !important;
  border:none !important;
  border-radius:12px !important;

  /* KRİTİK: dropdown kırpılmasın */
  overflow:visible !important;

  /* KRİTİK: width lock + padding hizayı bozmasın */
  box-sizing:border-box !important;

  padding:15px !important;
  position:relative !important;
}

/* 3) Menü linkleri beyaz + hover underline yok */
#headerNavigationContainer .navbar-default .navbar-nav > li > a{
  color:#fff !important;
  background:transparent !important;
  font-weight:500 !important;
  text-decoration:none !important;
  border:0 !important;
}
#headerNavigationContainer .navbar-default .navbar-nav > li > a:hover,
#headerNavigationContainer .navbar-default .navbar-nav > li > a:focus{
  color:#fff !important;
  background:transparent !important;
  text-decoration:none !important;
  border:0 !important;
}

/* 4) Dropdown: üstte + tıklanabilir */
#headerNavigationContainer .dropdown,
#headerNavigationContainer .nav > li{
  position:relative !important;
}
#headerNavigationContainer .dropdown-menu{
  z-index:9999 !important;
  pointer-events:auto !important;
}
#headerNavigationContainer .dropdown-menu > li > a,
#headerNavigationContainer .dropdown-menu > li > a:visited,
#headerNavigationContainer .dropdown-menu > li > a:hover,
#headerNavigationContainer .dropdown-menu > li > a:focus{
  color:#1c1c1c !important;
}

/* 5) Footer mavi + beyaz */
footer[role="contentinfo"],
.footer,
.pkp_brand_footer{
  background:#003f66 !important;
  color:#fff !important;
}
footer[role="contentinfo"] a,
.footer a,
.footer a:visited{
  color:#fff !important;
}
footer[role="contentinfo"] a:hover,
.footer a:hover{
  color:#fff !important;
  text-decoration:underline !important;
}

/* 6) Kutular: border + içerik 5px aşağı */
.pkp_structure_main,
#sidebar{
  box-sizing:border-box !important;
  border:1px solid rgba(0,0,0,.18) !important;
  border-radius:10px !important;
  background:#fff !important;
  padding:20px !important;
  padding-top:25px !important; /* +5px */
}

/* Kutular banner’a yapışmasın */
.pkp_structure_content.container{
  padding-top:14px !important;
}

/* 7) Banner görseli: büyüt */
#headerNavigationContainer .navbar-header img,
#headerNavigationContainer .site-name img,
#headerNavigationContainer .navbar-brand-logo img{
  width:auto !important;
  max-width:none !important;
  height:102px !important;
  max-height:102px !important;
  display:block !important;
}
@media (max-width: 767px){
  #headerNavigationContainer .navbar-header img,
  #headerNavigationContainer .site-name img,
  #headerNavigationContainer .navbar-brand-logo img{
    height:68px !important;
    max-height:68px !important;
  }
}

/* 8) Homepage Image anasayfada görünmesin */
.pkp_page_index .homepage-image,
.pkp_page_index .cmp_homepage_image,
.pkp_page_index .homepage_image{
  display:none !important;
}

/* 9) Make a Submission butonu mavi */
.block_make_submission_link{
  background:#42a5f5 !important;
  border:0 !important;
  color:#fff !important;
  border-radius:6px !important;
  font-weight:700 !important;
  padding:10px 14px !important;
  display:inline-block !important;
}
.block_make_submission_link:hover,
.block_make_submission_link:focus{
  color:#fff !important;
  text-decoration:underline !important;
}

/* 10) Journal Template linkini buton yap */
#customblock-journal-cover a{
  display:inline-block !important;
  background:#42a5f5 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:6px !important;
  font-weight:700 !important;
  padding:10px 14px !important;
  text-decoration:none !important;
  width:auto !important;
  max-width:100% !important;
}
#customblock-journal-cover a:hover,
#customblock-journal-cover a:focus{
  color:#fff !important;
  text-decoration:underline !important;
}

/* =========================
   DIŞ HİZA KİLİDİ
   Banner (navbar) ile içerik container aynı dış ölçü
========================= */

/* Varsayılan */
#headerNavigationContainer .navbar.navbar-default,
.pkp_structure_page .pkp_structure_content.container{
  width:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Desktop: content container padding sıfır */
@media (min-width: 992px){
  .pkp_structure_page .pkp_structure_content.container{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* Bootstrap container genişlikleri (banner + content aynı) */
@media (min-width: 768px){
  #headerNavigationContainer .navbar.navbar-default,
  .pkp_structure_page .pkp_structure_content.container{
    width:750px !important;
  }
}
@media (min-width: 992px){
  #headerNavigationContainer .navbar.navbar-default,
  .pkp_structure_page .pkp_structure_content.container{
    width:970px !important;
  }
}
@media (min-width: 1200px){
  #headerNavigationContainer .navbar.navbar-default,
  .pkp_structure_page .pkp_structure_content.container{
    width:1170px !important;
  }
}

/* Desktop layout: flex + az boşluk */
@media (min-width: 992px){
  .pkp_structure_page .pkp_structure_content.container{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
  }
  .pkp_structure_page .pkp_structure_content.container > .pkp_structure_main,
  .pkp_structure_page .pkp_structure_content.container > #sidebar{
    float:none !important;
    clear:none !important;
    margin:0 !important;
  }
  .pkp_structure_page .pkp_structure_content.container > .pkp_structure_main{
    flex:0 0 calc(66.6666667% - 6px) !important;
    max-width:calc(66.6666667% - 6px) !important;
  }
  .pkp_structure_page .pkp_structure_content.container > #sidebar{
    flex:0 0 calc(33.3333333% - 6px) !important;
    max-width:calc(33.3333333% - 6px) !important;
    display:block !important;
  }
}

/* Mobil */
@media (max-width: 991px){
  #sidebar{ margin-top:16px !important; }
}


/* =========================
   SADECE: Banner–kutu arası + sol içerik üst boşluk düzelt (INDEX)
   HTML’e göre: #headerNavigationContainer + .pkp_structure_content.container
========================= */

/* 1) Banner ile alt kutular arasını azalt */
body.pkp_page_index #headerNavigationContainer{
  margin-bottom: 6px !important;      /* 16px -> 6px */
}
body.pkp_page_index .pkp_structure_content.container{
  padding-top: 6px !important;        /* 14px -> 6px */
}

/* 2) Sol sütundaki içerik çok aşağıdan başlıyor: sadece sol MAIN padding-top düşür */
body.pkp_page_index main.pkp_structure_main{
  padding-top: 18px !important;       /* 25px -> 18px (sağ kutuya yaklaşır) */
}

/* Ek güvenlik: main içindeki ilk wrapper’ın ekstra üst boşluğu varsa sıfırla */
body.pkp_page_index #main-content.page_index_journal{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.pkp_page_index #main-content.page_index_journal .journal-description{
  margin-top: 0 !important;
}