/* =====================================
   TAROMBO LUXURY JOURNAL THEME
   Brown + Gold Elegant Style
   ===================================== */

/* FONT PREMIUM */
body {
    font-family: "Georgia", "Times New Roman", serif;
    background: #f8f4ef;
    color: #2e1a0f;
}

/* ===============================
   HEADER CLEAN & LUXURY FIX
   =============================== */

/* SATUKAN HEADER ATAS + MENU */
.pkp_structure_head,
.pkp_navigation_primary,
.pkp_navigation_user,
.pkp_navigation_primary_row {
    background: linear-gradient(90deg, #3b2415, #6b3f1d, #a67c2d) !important;
}

/* HILANGKAN GARIS PEMISAH */
.pkp_structure_head {
    border-bottom: none !important;
}

/* JUDUL TAROMBO */
.pkp_site_name {
    text-align: center;
    padding: 15px 0;
}

.pkp_site_name a {
    font-size: 28px;
    font-weight: bold;
    color: #ffffff !important;
    letter-spacing: 1.5px;
}

/* MENU */
.pkp_navigation_primary {
    display: flex;
    justify-content: center;
}

/* MENU ITEM */
.pkp_navigation_primary a {
    color: #ffffff !important;
    padding: 10px 15px;
}

/* HOVER */
.pkp_navigation_primary a:hover {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #fff !important;
    border-radius: 5px;
}

/* HILANGKAN BACKGROUND ANEH DI MENU AKTIF */
.pkp_navigation_primary .active a {
    background: transparent !important;
    border-bottom: 2px solid #ffd700;
}

/* SEARCH */
.pkp_navigation_search_wrapper {
    color: #ffffff !important;
}
}

/* ================= NAVBAR ================= */
.pkp_navigation_primary {
    background: #4b2e1e;
}

.pkp_navigation_primary a {
    color: #ffffff !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.pkp_navigation_primary a:hover {
    background: #d4af37;
    color: #3b2415 !important;
}

/* ================= LINK ================= */
a {
    color: #7a4a1f;
    text-decoration: none;
}

a:hover {
    color: #d4af37;
}

/* ================= SIDEBAR ================= */
.sidebar-box {
    border: 1px solid #e5d3b3;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    margin-bottom: 18px;
}

/* SIDEBAR TITLE (GOLD STYLE) */
.sidebar-title {
    background: linear-gradient(90deg, #5a2e0f, #a67c2d);
    color: #ffffff !important;
    padding: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

/* SIDEBAR CONTENT */
.sidebar-content {
    padding: 12px;
}

/* ================= MENU BUTTON ================= */
.menu-btn {
    display: block;
    padding: 10px;
    margin-bottom: 8px;
    border: 1px solid #d4af37;
    color: #5a2e0f;
    background: #fff;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.menu-btn:hover {
    background: #d4af37;
    color: #3b2415;
    transform: translateX(3px);
}

/* ================= ARTICLE BOX ================= */
.obj_article_summary {
    border: 1px solid #e8d9c5;
    background: #fffaf5;
    border-radius: 10px;
    padding: 15px;
    transition: all 0.3s ease;
}

.obj_article_summary:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

/* ARTICLE TITLE */
.obj_article_summary .title a {
    color: #3b2415;
    font-weight: bold;
    font-size: 16px;
}

.obj_article_summary .title a:hover {
    color: #d4af37;
}

/* ================= BUTTON ================= */
button, .pkp_button {
    background: linear-gradient(90deg, #7a4a1f, #d4af37) !important;
    color: white !important;
    border-radius: 6px;
    border: none;
    padding: 8px 14px;
}

button:hover, .pkp_button:hover {
    opacity: 0.9;
}

/* ================= FOOTER ================= */
.pkp_structure_footer_wrapper {
    background: #3b2415;
    color: #ffffff;
    border-top: 3px solid #d4af37;
    padding: 25px;
}

/* ================= LOGO SIDEBAR ================= */
.sidebar-content img {
    max-height: 55px;
    object-fit: contain;
    display: block;
    margin: 8px auto;
    padding: 6px;
    background: #fff;
    border-radius: 6px;
}

/* ================= SCROLL BAR (LUXURY) ================= */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: #a67c2d;
    border-radius: 5px;
}

/* FORCE REMOVE BLUE OJS DEFAULT */
.pkp_block .title {
    background: linear-gradient(90deg, #5a2e0f, #a67c2d) !important;
    color: #ffffff !important;
}

/* BOX SIDEBAR OJS DEFAULT */
.pkp_block {
    border: 1px solid #e5d3b3 !important;
    background: #ffffff !important;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* LINK DI SIDEBAR */
.pkp_block a {
    color: #5a2e0f !important;
}

.pkp_block a:hover {
    color: #d4af37 !important;
}

/* BUTTON KIRIM NASKAH */
.pkp_block .block_make_submission a {
    background: linear-gradient(90deg, #7a4a1f, #d4af37) !important;
    color: #fff !important;
    border-radius: 5px;
    padding: 6px 10px;
}

/* REMOVE BORDER BIRU */
.pkp_block, 
.pkp_block * {
    border-color: #e5d3b3 !important;
}

/* ===============================
   FORCE NAVBAR BROWN (NO BLUE)
   =============================== */

/* NAVBAR UTAMA */
.pkp_navigation_primary {
    background: linear-gradient(90deg, #3b2415, #7a4a1f) !important;
}

/* MENU ITEM */
.pkp_navigation_primary a {
    color: #ffffff !important;
}

/* HOVER MENU */
.pkp_navigation_primary a:hover {
    background: #d4af37 !important;
    color: #3b2415 !important;
}

/* ACTIVE MENU */
.pkp_navigation_primary .active a {
    background: #a67c2d !important;
    color: #ffffff !important;
}

/* SEARCH (ICON CARI) */
.pkp_navigation_search_wrapper a {
    color: #ffffff !important;
}

/* FIX BAR BIRU TIPIS */
.pkp_structure_head {
    background: linear-gradient(90deg, #3b2415, #7a4a1f) !important;
}

/* REMOVE BLUE BORDER LINE */
.pkp_navigation_primary,
.pkp_structure_head {
    border: none !important;
}


/* =====================================
   FORCE REMOVE ALL BLUE (OJS OVERRIDE)
   ===================================== */

/* HEADER PALING ATAS */
.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_site_nav_menu,
.pkp_navigation_user,
.pkp_navigation_primary_row {
    background: linear-gradient(90deg, #3b2415, #7a4a1f) !important;
}

/* NAVBAR UTAMA */
.pkp_navigation_primary {
    background: linear-gradient(90deg, #3b2415, #7a4a1f) !important;
}

/* MENU TEXT */
.pkp_navigation_primary a,
.pkp_navigation_user a {
    color: #ffffff !important;
}

/* HOVER */
.pkp_navigation_primary a:hover {
    background: #d4af37 !important;
    color: #3b2415 !important;
}

/* SEARCH (CARI) */
.pkp_navigation_search_wrapper,
.pkp_navigation_search_wrapper a {
    background: transparent !important;
    color: #ffffff !important;
}

/* REMOVE BLUE LINE / BORDER */
.pkp_structure_head,
.pkp_navigation_primary,
.pkp_navigation_user {
    border: none !important;
}

/* PAKSA SEMUA BACKGROUND BIRU HILANG */
[class*="pkp_"] {
    border-color: #e5d3b3 !important;
}

/* ===============================
   FIX DROPDOWN USER MENU (TOP RIGHT)
   =============================== */

/* container dropdown */
.pkp_dropdown,
.pkp_navigation_user .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #e5d3b3 !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1) !important;
}

/* isi menu dropdown */
.pkp_dropdown a,
.pkp_navigation_user .dropdown-menu a {
    color: #5a2e0f !important;
    padding: 10px 12px;
}

/* hover dropdown */
.pkp_dropdown a:hover,
.pkp_navigation_user .dropdown-menu a:hover {
    background: #d4af37 !important;
    color: #3b2415 !important;
}

/* BULATAN ANGKA NOTIFIKASI */
.pkp_navigation_user .notification_count,
.pkp_navigation_user .badge {
    background: #d4af37 !important;
    color: #3b2415 !important;
    border: none !important;
}

/* FIX BOX PUTIH MELAYANG */
.pkp_navigation_user .dropdown-menu {
    margin-top: 10px !important;
}

/* ===============================
   FIX WARNA JUDUL ARTIKEL (NO BLUE)
   =============================== */

/* BOX ARTIKEL */
.obj_article_summary {
    border: 1px solid #e5d3b3 !important;
    background: #fffaf5 !important;
    border-radius: 10px;
}

/* JUDUL ARTIKEL BACKGROUND */
.obj_article_summary .title {
    background: linear-gradient(90deg, #5a2e0f, #a67c2d) !important;
    padding: 12px !important;
    border-radius: 6px;
}

/* TEXT JUDUL */
.obj_article_summary .title a {
    color: #ffffff !important;
    font-weight: bold;
}

/* HOVER */
.obj_article_summary .title a:hover {
    color: #ffe8a3 !important;
}

/* NAMA PENULIS */
.obj_article_summary .meta {
    color: #5a2e0f !important;
}

/* ===============================
   FIX DROPDOWN MENU (ABOUT / TENTANG KAMI)
   =============================== */

/* CONTAINER DROPDOWN */
.pkp_navigation_primary .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #e5d3b3 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
    padding: 8px 0;
}

/* ITEM MENU */
.pkp_navigation_primary .dropdown-menu a {
    color: #5a2e0f !important;
    padding: 10px 15px !important;
    display: block;
    font-weight: 500;
}

/* HOVER */
.pkp_navigation_primary .dropdown-menu a:hover {
    background: #d4af37 !important;
    color: #3b2415 !important;
}

/* ACTIVE ITEM */
.pkp_navigation_primary .dropdown-menu .active a {
    background: #a67c2d !important;
    color: #ffffff !important;
}

/* FIX POSISI DROPDOWN */
.pkp_navigation_primary .dropdown-menu {
    margin-top: 8px !important;
}

/* PANAH KECIL (OPTIONAL PREMIUM) */
.pkp_navigation_primary .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 20px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
}
