/* ===================
   YZIB Custom Stylesheet
   =================== */

/* 1. TYPOGRAPHY */
@import url('https://fonts.googleapis.com/css?family=Expletus+Sans|Titillium+Web');

h3, h4, h5, h6, p, a, span {
  font-family: 'Titillium Web', sans-serif !important;
}
h1, h2 {
  font-family: 'Expletus Sans', cursive !important;
}

/* 2. MAIN Container */
#container {
  background-image: none !important;
  background: #fff;
}
a { transition: ease-in-out 0.15s; }
a:hover { text-decoration: none !important; color: #26142b !important; }
a:active, a:link, a:visited { color: #9e262a; text-decoration: none; }
ul li a, .block p a { text-decoration: none !important; transition: ease-in-out 0.15s; }
ul li a:hover, .block p a:hover { color: #9e262a !important; }

/* 3. SIDEBAR */
ul.sidemenu li:first-child a { border-top: none; }
ul.sidemenu li a, #rightSidebar div p a, .block ul li a, .block a {
  background-color: #EAEAEA !important;
  color: #26142B !important;
}
ul.sidemenu li a:hover, #rightSidebar div p a:hover,
.block ul li a:hover, .block a:hover {
  background-color: #fff;
  color: #9E262A !important;
}
.block li:before { border-color: transparent #306998; }
ul.sidemenu li a { border-bottom: none; }
#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle {
  background-color: #EAEAEA !important;
  color: #9E262A !important;
  border-bottom: 1px #9E262A solid;
  padding: 5px !important;
  margin-bottom: 12px;
}
#sidebarUser form table tr td input { width: 6.5em !important; margin-top: 5px; }
#sidebarUser form table tr td input[type="checkbox"] { width: 1em; }
.block, .block p, .block p a, .block span { background-color: #EAEAEA !important; padding: 5px !important; }
#rightSidebar { padding-left: 5px; border: 0px solid #000; }
ul.sidemenu li a { background-color: #26142B !important; margin-top: 2px; color: #EAEAEA !important; }

/* Pengaturan Tulisan Description */
#journalDescription > p:first-child:first-letter,
#pkp-about-history > p:first-child:first-letter {
  float: left;
  color: #333;
  font-size: 75px;
  line-height: 60px;
  padding: 5px 10px 0 0;
}

/* 4. ANNOUNCEMENTS & CONTENT */
#announcementsHome h3 { color:#26142b !important; }
.announcements tbody tr td h4,
.announcements tbody tr td p,
table.announcements td.posted,
table.announcements td.description { color:#26142b !important; }
#announcementsHome { margin:0px !important; }
#content h3 { margin: 0px !important; padding-top: 0.3em !important; font-size: 1.4em !important }
#main h2 { margin: 0px !important; padding-top: 0.5em; padding-bottom: .5em; }
table.announcementsMore { padding-bottom: 20px; }
table.announcementsMore tbody tr td a { padding: 15px; margin-right: 5px; color: #26142b; }

/* 5. FOOTER & INDEXERS */
#pageFooter p a img, .indexers a img, #customblock-Tools p img {
  width: 100px;
  filter: sepia(100%) hue-rotate(250deg) saturate(100%);
}
#pageFooter p a img:hover { filter: grayscale(0%); }
.indexers a img:hover { filter: sepia(100%) hue-rotate(300deg) saturate(390%); }
#pageFooter p, #pageFooter h3 { text-align: center; }

/* 6. RESPONSIVE */
@media (max-width: 480px){
  #journalDescription { width: 90% !important; }
  .logo-bottom { float: none !important; margin-bottom: 15px; display:block; }
  p.text-logo { text-align:justify !important; }
  img.logo-bottom { margin: 0 auto; }
  #navbar.opened { margin-top:40px; margin-left: 0px; }
}
@media (min-width:481px){
  #journalDescription { width: 100% !important; }
  #pageFooter p span.text { display: -webkit-box; padding-left: 20px; padding-right: 20px; }
}
@media (min-width:1024px){
  #leftSidebar { width: 180px; display: block; }
  #body { margin: 0px !important; width:100%; }
}
@media screen and (min-width: 1280px) { #navbar { margin-left: -15%; } }

/* =========================
   YZIB — Header & Navigation overrides
   ========================= */

/* Tek renk bar */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary {
  background: #1a4fb3 !important;  /* mavi */
  border-bottom: 3px solid #123d8b !important;
}

/* Başlık alanı */
.pkp_site_name_wrapper {
  padding: 16px 32px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* Dergi adı + logo */
.pkp_site_name a {
  display: flex;
  align-items: center;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  color: #fff !important;
  text-decoration: none !important;
  gap: 10px;
}
.pkp_site_name a::before {
  content: "";
  display: inline-block;
  width: 95px;
  height: 95px;
  background-image: url("https://yzib.com.tr/public/site/images/admin/yzib-logot.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* Navigation menu */
.pkp_navigation_primary {
  border: 0 !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 20px;
}
.pkp_navigation_primary > li { list-style: none; }
.pkp_navigation_primary > li > a {
  font: 600 14.5px/1.2 "Open Sans", Arial, sans-serif !important;
  color: #f4f7ff !important;
  text-transform: uppercase;
  padding: 6px 8px;
  border-bottom: 2px solid transparent;
  transition: all .25s ease;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #ffdd57 !important;
  border-bottom-color: #ffdd57 !important;
}

/* Kullanıcı/arama ikonları */
.pkp_site_nav_menu a, .pkp_navigation_user a { color: #f4f7ff !important; }
.pkp_site_nav_menu a:hover, .pkp_navigation_user a:hover { color: #ffdd57 !important; }

/* === YZIB fix pack — header tek renk, çizgiler kapalı === */

/* 1) Başlık–menü arasındaki ince çizgiyi kaldır */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) Menü şeridini de başlıkla aynı renge boya (mor görünümü sil) */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
  background: #1a4fb3 !important;     /* tek mavi */
}

/* 3) Başlık alanının ardındaki parça (container) tek renk kalsın */
.pkp_structure_head, .pkp_head_wrapper {
  background: #1a4fb3 !important;
}

/* 4) Menü satırının kendi alt çizgisi olmasın */
.pkp_navigation_primary > li > a {
  border-bottom: 0 !important;
  background: transparent !important;
}

/* 5) Başlık bloğunu ve menüyü hizala (merkez) */
.pkp_site_name_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-bottom: 10px !important;  /* çizgi yerine nefes payı */
}

/* 6) Sayfanın geri kalanına taşan mor arka planı kapat */
.pkp_site_nav_menu,
.pkp_navigation_user {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* === YZIB: Header yüksekliğini küçült === */
.pkp_site_name_wrapper {
  padding: 3px 7px !important;   /* üst-alt boşluğu azalttık */
}

.pkp_site_name a {
  font-size: 30px !important;      /* dergi adı biraz küçülsün */
}

.pkp_site_name a::before {
  width: 85px !important;          /* logo biraz küçülüyor */
  height: 85px !important;
}


/* === Dropdown (alt menü) koyu arka plan === */
.pkp_navigation_primary ul {
  background: #174a9c !important;   /* koyu mavi arka plan */
  border: 1px solid #123d8b !important;
  border-radius: 6px !important;
}

.pkp_navigation_primary ul a {
  color: #ffffff !important;        /* yazılar beyaz */
  padding: 10px 14px;
}

.pkp_navigation_primary ul a:hover {
  background: #123d8b !important;   /* hover daha koyu mavi */
  color: #ffdd57 !important;        /* hoverda sarı yazı */
}

/* Menü hover geçişlerini yumuşat */
.pkp_navigation_primary ul {
    margin-top: 0 !important;  /* boşluğu kaldır */
    top: 100% !important;
}

/* Alt menü açılma hızını iyileştir */
.pkp_navigation_primary > li:hover > ul,
.pkp_navigation_primary > li:focus-within > ul {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    transition: all .15s ease-in-out !important;
}

/***************************************/

.footer-indexing {
  text-align: center;
  margin: 30px auto;
  padding: 15px 0;
  border-top: 1px solid #ddd;
}

.footer-indexing h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #222;
}

.footer-indexing-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.footer-indexing-logos img {
  max-height: 60px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.footer-indexing-logos img:hover {
  transform: scale(1.1);
}

/* Search kutusunu gizle */
.pkp_site_nav_menu .pkp_search,
.pkp_site_nav_menu a:has(.fa-search),
.pkp_site_nav_menu .pkp_search_wrapper {
    display: none !important;
}

/* Kullanıcı menüsü arkaplan ve metin */
.pkp_navigation_user li a {
    background: #1a4fb3 !important;  /* üst bar ile aynı */
    color: #ffffff !important;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 4px;
    transition: all .2s ease;
}

/* Hover ve aktif */
.pkp_navigation_user li a:hover,
.pkp_navigation_user li a:focus {
    background: #123d8b !important; /* koyu mavi */
    color: #ffdd57 !important;       /* sarı */
}

/* Dropdown (açılan kutu) */
.pkp_navigation_user ul {
    background: #1a4fb3 !important;
    border: 1px solid #123d8b !important;
    border-radius: 6px;
    padding: 6px 0;
}

/* Dropdown içindeki linkler */
.pkp_navigation_user ul li a {
    display: block;
    color: #fff !important;
    padding: 8px 14px;
    font-size: 14px;
}

.pkp_navigation_user ul li a:hover {
    background: #123d8b !important;
    color: #ffdd57 !important;
}

/*................... Makalelerin Gösterimi .....................*/

/* ===== YZIB — Makale listesi (TOC) agrITECH benzeri ===== */

/* Liste öğesini kart gibi düzenle */
.obj_article_summary {
  position: relative;
  padding: 16px 116px 14px 0;      /* sağda PDF/sayfa için boşluk */
  border-bottom: 1px solid #e7eaf0;
}

/* Başlık: koyu mavi, hover vurgulu */
.obj_article_summary .title a {
  color: #093c7a !important;
  font-weight: 700;
  letter-spacing: .2px;
}
.obj_article_summary .title a:hover {
  text-decoration: underline;
}

/* Yazarlar satırı: tek satır – gri metin, başında minik “yazarlar” ikonu */
.obj_article_summary .authors {
  margin-top: 6px;
  color: #0d2238;
  font-weight: 500;
}
.obj_article_summary .authors::before {
  content: "";
  display: inline-block;
  width: 18px; height: 18px;
  margin: -3px 6px 0 0;
  vertical-align: middle;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%23093c7a" viewBox="0 0 16 16"><path d="M8 8a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm4-3a4 4 0 1 1-4-4 4 4 0 0 1 4 4z"/><path d="M14 14s-1-1-6-1-6 1-6 1 1.5-4 6-4 6 4 6 4z"/></svg>');
  background-size: 18px 18px;
  background-repeat: no-repeat;
}

/* DOI satırı ve alt metrikler hizası */
.obj_article_summary .pubid,      /* OJS DOI alanı genelde .pubid sınıfı ile gelir */
.obj_article_summary .doi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0d2238;
  margin-top: 6px;
}

/* DOI başında küçük DOI simgesi */
.obj_article_summary .pubid::before,
.obj_article_summary .doi::before {
  content: "";
  width: 18px; height: 18px;
  display: inline-block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="%23f39c12"><path d="M3 6h18v12H3z" opacity=".2"/><path d="M7 8h2v8H7zm4 0h2v8h-2zm4 0h2v8h-2z"/></svg>');
  background-size: 18px 18px;
  background-repeat: no-repeat;
  margin-right: 4px;
}

/* Özet/PDF görüntülenme sayıları yanyana küçük rozetler gibi */
.obj_article_summary .pubid .metrics,
.obj_article_summary .doi .metrics {
  display: inline-flex;
  gap: 10px;
  font-weight: 600;
}
.obj_article_summary .metrics .abstract,
.obj_article_summary .metrics .pdf {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Sayfa numarası sağ üstte */
.obj_article_summary .pages {
  position: absolute;
  top: 10px; right: 56px;
  color: #0b3a83;
  font-weight: 700;
}

/* PDF bağlantısını sağ üstte küçük ikon halinde göster */
.obj_article_summary .galleys_links {
  position: absolute;
  top: 6px; right: 12px;
}
.obj_article_summary .galleys_links a.obj_galley_link { /* PDF düğmesi */
  display: inline-block;
  width: 28px; height: 28px;
  overflow: hidden;
  text-indent: -9999px;  /* "PDF" yazısını gizle */
  border: 0 !important; background: transparent !important;
  padding: 0 !important; margin: 0 !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="%23c0392b"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" opacity=".2"/><path d="M14 2v6h6M8 11h8M8 15h8" fill="%23c0392b"/></svg>');
  background-size: 28px 28px;
  background-repeat: no-repeat;
}

/* Daha sıkı görünüm için alt boşluklar */
.obj_article_summary .item { margin-top: 4px; }

/* Mobilde sağ üstteki sayfa/PDF çakışmasın diye boşluk ayarla */
@media (max-width: 576px) {
  .obj_article_summary { padding-right: 80px; }
  .obj_article_summary .pages { right: 44px; }
  .obj_article_summary .galleys_links a.obj_galley_link { width: 24px; height: 24px; background-size: 24px 24px; }
}