/* === OJS alt bandını ve gri alanı kaldır === */
.pkp_brand_footer,
.pkp_brand_footer_wrapper { display: none !important; }

/* OJS default footer sarmalayıcısındaki arka plan/paddingleri kaldır */
.pkp_structure_footer,
.pkp_structure_footer_wrapper {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
}

/* === FOOTER tam genişlik + en alta yapışık === */
.custom-footer {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;

  background: #224F72;   /* lacivert */
  color: #e9edf1;
  margin-top: auto;       /* içerik kısa olsa da dibe it */
}

/* İç kısım ve üst satır (logo + 2 liste) aynen kalsın */
.custom-footer .footer-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 16px;
  box-sizing: border-box;
}

.custom-footer .footer-columns {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  gap: 40px;
  align-items: start;
  border-bottom: 1px solid rgba(255,255,255,.12);
  padding-bottom: 18px;
}

/* Logo boyutu */
.footer-brand img {
  max-width: 120px;
  height: auto;
  display: block;
}

/* === ALT SATIR: copyright solda, ikonlar sağda === */
/* ---- Genel footer stilleri ---- */
.custom-footer{
  background:#224F72; color:#e9edf1; margin-top:auto;
}
.custom-footer .footer-inner{max-width:1100px;margin:0 auto;padding:24px 16px;box-sizing:border-box;}
.custom-footer .footer-columns{
  display:grid; grid-template-columns:auto 1fr 1fr; gap:40px;
  align-items:start; border-bottom:1px solid rgba(255,255,255,.12); padding-bottom:18px;
}

/* Logo */
.footer-brand img{max-width:120px;height:auto;display:block;}

/* Başlıklar ve linkler */
.custom-footer .footer-col h4{margin:0 0 12px;font-size:14px;font-weight:700;color:#fff;
  text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:6px;}
.custom-footer ul{list-style:disc; padding-left:18px; margin:0;}
.custom-footer li{margin:6px 0;}
.custom-footer a{
  color:#fff; text-decoration:none; font-style:normal; /* düz, çizgisiz, beyaz */
}
.custom-footer a:hover{opacity:.9;}

/* ---- Alt satır: yazı solda, ikonlar sağda ---- */
.footer-bottom{
  display:flex; align-items:center; gap:16px; padding-top:14px;
}
.footer-bottom .left{margin-right:auto;}      /* yazıyı sola sabitle */
.footer-bottom .right{margin-left:auto;}      /* ikonları sağa it */

/* Sosyal ikonlar */
.social-cards{display:flex; gap:12px;}
.social-cards .card{display:flex; align-items:center; justify-content:center; padding:0; border:none; background:none;}
.social-cards .card img{width:22px;height:22px;display:block;filter:brightness(0) invert(1);} /* beyaz görünüm */

/* Responsive */
@media (max-width:768px){
  .custom-footer .footer-columns{grid-template-columns:1fr; text-align:center;}
  .footer-brand img{margin:0 auto 16px;}
  .footer-bottom{flex-direction:column; align-items:flex-start;}
  .footer-bottom .right{margin-left:0;}
}
/* ==== HEADER: site adı + dil bazlı logo ==== */
.pkp_head_wrapper .pkp_site_name a{
  display:inline-flex; align-items:center; gap:10px;
  color:#fff; text-decoration:none; font-weight:600;
}

/* Varsayılan (diğer diller) */
.pkp_head_wrapper .pkp_site_name a::before{
  content:""; width:64px; height:64px; display:inline-block;
  background:no-repeat center/contain;
  background-image:url("/public/site/images/zkryplt/mekmhder-logo-2022.png");
  border-radius:50%;
}

/* Türkçe sayfalarda */
html[lang^="tr"] .pkp_head_wrapper .pkp_site_name a::before{
  background-image:url("/public/site/images/zkryplt/mekmhder-logo-2022.png");
}

/* İngilizce sayfalarda – istersen farklı görsel koy */
html[lang^="en"] .pkp_head_wrapper .pkp_site_name a::before{
  background-image:url("/public/site/images/zkryplt/mekmhder-logo-2022.png");
}



/* ==== FOOTER: mevcut <img>’i kapat, dil bazlı logo pseudo ile göster ==== */
.footer-brand img{ display:none; } /* HTML'deki img kalsın ama görünmesin */
.footer-brand .brand-link{
  display:inline-flex; align-items:center;
}
.footer-brand .brand-link::before{
  content:""; width:120px; height:120px; display:block;
  background:no-repeat center/contain;
  background-image:url("/public/site/images/zkryplt/mekmhder-logo-2022.png"); /* varsayılan */
}

/* TR footer logosu */
html[lang^="tr"] .footer-brand .brand-link::before{
  background-image:url("/public/site/images/zkryplt/mekmhder-logo-2022.png");
}

/* EN footer logosu – farklı bir dosya kullanacaksan burada değiştir */
html[lang^="en"] .footer-brand .brand-link::before{
  background-image:url("/public/site/images/zkryplt/mekmhder-logo-2022.png");
}