/* ====== DESKTOP (DEFAULT) – LOGO GAMBAR ====== */

/* Sembunyikan logo IMG bawaan OJS (kalau ada) */
.pkp_site_name .is_img img {
  display: none;
}

/* Container logo di header */
.pkp_site_name {
  background-image: url("https://journal.zahirastudies.org/public/site/images/zahira/accse.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;      /* bisa diganti contain kalau mau utuh */
  width: 100%;
  height: 180px;               /* sesuaikan tinggi header desktop */
  position: relative;          /* supaya link bisa jadi overlay */
}

/* Hilangkan batasan container agar logo bisa full width */
.pkp_head_wrapper,
.pkp_site_name_wrapper {
  width: 100%;
  max-width: 100vw;
  margin: 0;
  padding: 0;
}

/* Jadikan teks judul sebagai overlay klikable (logo bisa diklik ke home) */
.pkp_site_name .is_text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  display: block;
  width: 100%;
  height: 100%;

  /* Sembunyikan teks tapi link tetap aktif */
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;

  background: transparent;
  border: none;
  cursor: pointer;
}


/* ====== MOBILE – SEMBUNYIKAN GAMBAR, TAMPILKAN TEKS ====== */
@media (max-width: 768px) {
  /* Hilangkan background logo di mobile */
  .pkp_site_name {
    background-image: none !important;
    height: auto;              /* biarkan tinggi mengikuti teks */
  }

  /* Kembalikan teks judul seperti normal */
  .pkp_site_name .is_text {
    position: static;
    display: inline-block;     /* atau block kalau mau 1 baris sendiri */
    width: auto;
    height: auto;
    text-indent: 0;            /* teks muncul lagi */
    white-space: normal;
    overflow: visible;
    cursor: pointer;           /* tetap bisa diklik ke home */
  }
}

/* Galley link: teks putih */
.galleys_links a.obj_galley_link,
.galleys_links a.obj_galley_link.pdf {
  color: #fff !important;
  text-shadow: none;
}

/* Hover/Focus/Active/Visited tetap putih */
.galleys_links a.obj_galley_link:hover,
.galleys_links a.obj_galley_link:focus,
.galleys_links a.obj_galley_link:active,
.galleys_links a.obj_galley_link:visited {
  color: #fff !important;
}

/* Kalau ada ikon (SVG/Font Icon) di dalam link, ikut putih */
.galleys_links a.obj_galley_link i,
.galleys_links a.obj_galley_link svg {
  color: #fff !important;
  fill: #fff !important;
}

/* (Opsional) Jika ikon pakai pseudo-element background-image */
.galleys_links a.obj_galley_link::before {
  filter: brightness(0) invert(1); /* bikin ikon jadi putih */
}