/* ================================
   PRIMARY NAVIGATION MENU GLOSSY MIDNIGHT BLUE
   ================================ */
.pkp_navigation_primary > li > a {
  background: linear-gradient(to bottom, #003861, #003861) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  margin: 2px !important;
  text-align: center !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),
              0 3px 6px rgba(0,0,0,0.35) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}
.pkp_navigation_primary > li > a:hover {
  background: linear-gradient(to bottom, #0084E6, #0084E6) !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),
              0 4px 9px rgba(0,0,0,0.45) !important;
}


/* ================================
   USER NAVIGATION (LOGIN & REGISTER)
   ================================ */
.pkp_navigation_user > li > a {
  background: linear-gradient(to bottom, #003861, #003861) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  margin: 2px !important;
  text-align: center !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),
              0 3px 6px rgba(0,0,0,0.35) !important;
  transition: transform 0.25s ease,
              box-shadow 0.25s ease,
              background 0.25s ease !important;
}

.pkp_navigation_user > li > a:hover {
  background: linear-gradient(to bottom, #0084E6, #0084E6) !important;
  transform: translateY(-3px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),
              0 4px 9px rgba(0,0,0,0.45) !important;
}




/* =========================================
   FIX LOGO OJS STABIL DESKTOP & MOBILE
   ========================================= */

/* ===== DESKTOP ===== */
.pkp_site_name {
  max-width: 100%;
  padding: 8px 0;
}

.pkp_site_name a.is_img {
  display: block;
  max-width: 100%;
}

.pkp_site_name img {
  max-width: 420px;     /* aman desktop */
  width: auto;
  height: auto;
  display: block;
}


/* ================================
   CSS LOGO OJS (DESKTOP AMAN)
   ================================ */

/* Container logo */
.pkp_site_name {
  max-width: 100%;
  padding: 10px 0;
}

/* Link pembungkus logo */
.pkp_site_name a.is_img {
  display: block;
  max-width: 100%;
}

/* Logo image â€” DESKTOP (JANGAN DIUBAH) */
.pkp_site_name img {
  width: 100% !important;
  max-width: 420px;      /* batas aman desktop */
  height: auto !important;
  display: block;
}

/* =========================================
   LOGO OJS â€” DESKTOP & MOBILE (FINAL)
   ========================================= */

/* ===== DESKTOP (AMAN â€” JANGAN DIUBAH) ===== */

/* Container logo */
.pkp_site_name {
  max-width: 100%;
  padding: 10px 0;
}

/* Link pembungkus logo */
.pkp_site_name a.is_img {
  display: block;
  max-width: 100%;
}

/* Logo image â€” DESKTOP */
.pkp_site_name img {
  width: 100% !important;
  max-width: 420px;      /* batas aman desktop */
  height: auto !important;
  display: block;
}


/* ===== MOBILE (FULL TAPI TIDAK KETUTUP) ===== */
@media (max-width: 768px) {

  /* Center container */
  .pkp_site_name {
    text-align: center;
    padding: 6px 0;
  }

  /* Logo image â€” MOBILE */
  .pkp_site_name img {
    width: 100% !important;   /* tetap FULL */
    max-width: 300px;         /* batas lebar mobile */
    max-height: 56px;         /* KUNCI: cegah logo turun */
    height: auto !important;
    margin: 0 auto;
    display: block;
  }
}
/* =========================================================
   SIDEBAR MENU — CUSTOM BLOCK OJS (FINAL & STABIL)
   HTML SESUAI YANG KAMU KIRIM
   ========================================================= */

/* Matikan style bawaan block */
.pkp_block.block_custom {
  border: none !important;
  background: transparent !important;
}

/* Container utama */
.pkp_block.block_custom .sidebar__container {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 14px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
}

/* Judul MENU */
.pkp_block.block_custom .menu__title {
  font-size: 17px;
  font-weight: 700;
  color: #192949;
  margin-bottom: 12px;
  padding-left: 10px;
  border-left: 4px solid #08abe7;
  letter-spacing: 0.5px;
}

/* Group menu */
.pkp_block.block_custom .menu__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Item menu */
.pkp_block.block_custom .menu__link {
  display: block;
  padding: 10px 14px;
  border-radius: 8px;
  background: linear-gradient(to bottom, #003861, #003861);
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),
              0 3px 6px rgba(0,0,0,0.25);
  transition: all 0.25s ease;
}

/* Hover */
.pkp_block.block_custom .menu__link:hover {
  background: linear-gradient(to bottom, #0084E6, #0084E6);
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),
              0 5px 12px rgba(0,0,0,0.35);
}

/* Active (manual jika mau) */
.pkp_block.block_custom .menu__link.active {
  background: #08abe7 !important;
  color: #ffffff !important;
  font-weight: 700;
}

/* ================================
   FOOTER GRID STYLE (LIKE SIDEBAR)
   ================================ */
.footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

/* Kotak footer */
.footer__box {
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
  overflow: hidden;
}

/* Isi footer */
.footer__content {
  padding: 12px;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

.footer__content a {
  color: #003861;
  font-weight: 600;
  text-decoration: none;
}

.footer__content a:hover {
  text-decoration: underline;
}

/* Versi teks kecil */
.footer__small {
  font-size: 13px;
  color: #444;
}

/* Responsive tweak */
@media (max-width: 600px) {
  .footer__content iframe {
    height: 160px;
  }
}

/* ==================================================
   GLOBAL GOLD ACCENT #D4AF37
   Sidebar Links | Navigation | Login & Register
   ================================================== */


/* ================================
   SIDEBAR (LINK SAJA, BUKAN TITLE)
   ================================ */

/* BIARKAN judul sidebar (MENU, TEMPLATE, dll) */
.sidebar__container .menu__title {
  color: inherit !important;
}

/* LINK di sidebar */
.sidebar__container .menu__group > a.menu__link {
  color: #D4AF37 !important;
  font-weight: 600;
  display: block;
  padding: 6px 8px;
  border-radius: 4px;
  transition: color 0.25s ease, background 0.25s ease;
}

/* Hover sidebar link */
.sidebar__container .menu__group > a.menu__link:hover {
  color: #ffffff !important;
  background: rgba(0, 56, 97, 0.85);
}


/* ================================
   PRIMARY NAVIGATION (HEADER MENU)
   ================================ */
.pkp_navigation_primary > li > a {
  color: #D4AF37 !important;
}

.pkp_navigation_primary > li > a:hover {
  color: #ffffff !important;
}


/* ================================
   LOGIN & REGISTER (HEADER USER)
   ================================ */
.pkp_navigation_user > li > a {
  color: #D4AF37 !important;
}

.pkp_navigation_user > li > a:hover {
  color: #ffffff !important;
}


/* ================================
   LOGIN PAGE (FORM AREA)
   ================================ */
.page_login h1 {
  color: #D4AF37;
}

.page_login .cmp_form label .label {
  color: #D4AF37;
}

.page_login .cmp_form .submit {
  background: #003861;
  color: #D4AF37;
  border: 1px solid #D4AF37;
  font-weight: 600;
}

.page_login .cmp_form .submit:hover {
  background: #D4AF37;
  color: #003861;
}

/* ================================
   SEMBUNYIKAN BURGER
   ================================ */
.pkp_site_nav_toggle span {
  display: none !important;
}
/* ================================
   BURGER BARU
   ================================ */
.pkp_site_nav_toggle::after {
  content: "\f0c9";               /* fa-bars */
  font-family: FontAwesome;
  font-size: 22px;
  color: #D4AF37;
}
