/* ===================================================== 
   OJS 3 Custom Style – Biru Langit + Menubar Kuning + Submenu Kuning Fix + Footer Bersih
   ===================================================== */

:root {
  --sky: #66c1ff;       /* biru langit utama */
  --sky-dark: #42a5e6;  /* gradasi bawah */
  --silver: #d9d9d9;    /* abu muda/silver lembut */
  --yellow: #FFD54F;    /* kuning lembut */
  --nav-text: #05315f;  /* teks biru tua */
  --white: #ffffff;
  --shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  --radius: 10px;
}

/* ---------- BACKGROUND ---------- */
body, html {
  background: var(--white) !important;
}
.pkp_structure_main {
  background: var(--white) !important;
}
.pkp_structure_footer_wrapper {
  background: var(--sky) !important;
  border: none !important;
}

/* =====================================================
   HEADER & NAVIGATION
   ===================================================== */

/* Header biru langit */
header.pkp_site_header,
header.site-header,
.pkp_head_wrapper {
  background: linear-gradient(180deg, var(--sky) 0%, var(--sky-dark) 100%) !important;
  border: none !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* ---- MENUBAR KUNING PENUH ---- */
#headerNavigationContainer,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu {
  background: var(--yellow) !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Hilangkan warna biru tua bawaan */
.pkp_navigation_primary,
#navigationPrimary,
#navbar {
  background: transparent !important;
  border: none !important;
}

/* Link menu utama */
.pkp_navigation_primary a,
#navigationPrimary a,
nav.pkp_primary_nav a {
  color: var(--nav-text) !important;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

/* Hover & aktif */
.pkp_navigation_primary a:hover,
#navigationPrimary a:hover,
.pkp_navigation_primary .current a,
#navigationPrimary .current a {
  background-color: rgba(255,255,255,0.25);
}

/* =====================================================
   SUBMENU (dropdown fix warna kuning)
   ===================================================== */
.pkp_navigation_primary ul ul,
#navigationPrimary ul ul,
nav.pkp_primary_nav ul ul,
ul.dropdown-menu,
ul.menu li ul,
nav ul li ul {
  background: var(--yellow) !important;   /* 💛 paksa jadi kuning */
  border: 1px solid rgba(0,0,0,0.1) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  border-radius: 6px !important;
  z-index: 9999 !important;
}

/* Link submenu */
.pkp_navigation_primary ul ul a,
#navigationPrimary ul ul a,
nav.pkp_primary_nav ul ul a,
ul.menu li ul a,
ul.dropdown-menu a {
  background: var(--yellow) !important;
  color: var(--nav-text) !important;
  font-weight: 500;
  padding: 8px 14px !important;
  display: block;
}

/* Hover submenu */
.pkp_navigation_primary ul ul a:hover,
#navigationPrimary ul ul a:hover,
ul.menu li ul a:hover,
ul.dropdown-menu a:hover {
  background: rgba(255,255,255,0.25) !important;
}

/* =====================================================
   FOOTER (BERSIH)
   ===================================================== */
footer.site-footer,
footer.footer,
.pkp_site_footer,
#siteFooter {
  background: linear-gradient(180deg, var(--sky) 0%, var(--silver) 100%) !important;
  padding: 30px 24px;
  color: var(--nav-text);
  border: none !important;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.05);
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

/* Garis silver lembut di atas footer */
footer.site-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, rgba(255,255,255,0.8), rgba(255,255,255,0.3));
}

/* ---- HAPUS TULISAN "OJS/PKP" ---- */
.pkp_brand_footer,
.pkp_brand,
.pkp_brand_footer_version,
.footer-brand,
.footer__platform,
.footer__copyright,
.pkp_brand_footer p,
.pkp_brand_footer a {
  display: none !important;
  visibility: hidden !important;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 900px) {
  #headerNavigationContainer {
    background: var(--yellow) !important;
  }
  .pkp_navigation_primary ul ul,
  ul.dropdown-menu,
  ul.menu li ul {
    background: var(--yellow) !important;
  }

}


/* =====================================================
   WARNA TEKS PROFIL & SEARCH SAMA DENGAN MENUBAR
   ===================================================== */
.pkp_site_nav_menu a,
.pkp_navigation_user a,
.pkp_navigation_user span,
.pkp_site_name a,
#userNav a,
#userNav span,
.pkp_search button,
.pkp_search span,
.pkp_site_nav_menu .pkp_search a {
  color: var(--nav-text) !important;
}

/* =====================================================
   FULL BODY GRADIENT KUNING MEMUDAR — FIX VERSI TOTAL
   ===================================================== */

/* Terapkan gradient ke seluruh halaman */
html, body {
  background: linear-gradient(180deg, #FFEB80 0%, #FFF8CC 75%, #FFFFFF 100%) !important;
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 100vh;
}

/* Hapus background putih dari struktur utama */
.pkp_structure_main,
.pkp_structure_content,
.pkp_page_content,
.pkp_block,
#pkpContentMain,
.pkp_structure_page {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Pastikan warna teks tetap kontras dan nyaman dibaca */
.pkp_structure_main,
.pkp_page_content {
  color: var(--nav-text) !important;
}