/* ===============================
   GLOBAL RESET & FONT
================================ */
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background: #f6f6f6;
    color: #333;
}

/* ===============================
   HEADER (WARNA GAMBAR 1)
================================ */
.pkp_site_name,
.pkp_site_name_wrapper {
    background: linear-gradient(
        90deg,
        #f4a300,
        #f7c64a,
        #f4a300
    );
    padding: 5px 0;
    border-bottom: 4px solid #c98700;
}

.pkp_site_name a {
    color: #000;
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pkp_site_name a:hover {
    text-decoration: none;
    color: #3b2a00;
}

/* ===============================
   MENU NAVIGASI ATAS
================================ */
.pkp_navigation_primary_wrapper {
    background: #fff3d1;
    border-bottom: 2px solid #e0b347;
}

.pkp_navigation_primary > li > a {
    color: #000;
    font-weight: 600;
    padding: 12px 18px;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background: #f4a300;
    color: #fff;
}

/* ===============================
   LAYOUT KONTEN
================================ */
.pkp_structure_main {
    background: #ffffff;
    padding: 25px;
    border-radius: 4px;
}

.pkp_structure_content {
    margin-top: 20px;
}

/* ===============================
   SIDEBAR (BLOK MENU SEPERTI GAMBAR 2)
================================ */
.pkp_structure_sidebar {
    background: transparent;
}

/* Judul menu */
.pkp_block .title {
    background: #f4a300;
    color: #000;
    font-weight: 700;
    padding: 10px 12px;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 3px solid #c98700;
}

/* Kotak menu */
.pkp_block {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    margin-bottom: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Isi menu */
.pkp_block ul li a {
    display: block;
    padding: 9px 12px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    font-size: 14px;
}

.pkp_block ul li a:hover {
    background: #fff3d1;
    color: #c98700;
    text-decoration: none;
}

/* ===============================
   INDEXED LOGO
================================ */
.indexed img {
    max-height: 55px;
    margin: 6px;
    filter: grayscale(10%);
}

.indexed img:hover {
    filter: grayscale(0%);
}

/* ===============================
   CURRENT ISSUE BOX
================================ */
.current_issue {
    border: 1px solid #e0b347;
    background: #fffdf5;
    padding: 15px;
}

/* ===============================
   BUTTON & LINK
================================ */
a {
    color: #c98700;
}

a:hover {
    color: #f4a300;
}

button,
input[type="submit"] {
    background: #f4a300;
    border: none;
    color: #000;
    padding: 8px 14px;
    font-weight: 600;
}

button:hover,
input[type="submit"]:hover {
    background: #c98700;
    color: #fff;
}

/* ===============================
   USER TOOL DROPDOWN (ADMIN)
================================ */

/* Background dropdown */
.pkp_navigation_user .dropdown-menu {
  background: #7a4f13;           /* coklat emas tua */
  border: none;
  border-radius: 4px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.25);
  padding: 6px 0;
}

/* Item menu */
.pkp_navigation_user .dropdown-menu a {
  color: #fff;
  font-weight: 600;
  padding: 10px 16px;
  font-size: 13px;
}

/* Hover */
.pkp_navigation_user .dropdown-menu a:hover {
  background: #d4a017;           /* emas */
  color: #2f1c00;
}

/* Hilangkan garis pemisah */
.pkp_navigation_user .dropdown-menu li {
  border: none;
}

.pkp_navigation_user .dropdown-menu {
  background: var(--primary-brown);
}

.pkp_navigation_user .dropdown-menu a:hover {
  background: var(--secondary-brown);
  color: #fff;
}

.pkp_navigation_user .dropdown-menu {
  animation: fadeDown .2s ease;
}

@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0); }
}