/* =========================================================
   JURNAL: JPSP (PREMIUM TEAL & ORANGE THEME)
   STYLE: Clean, Professional, Modern (Interva Adapted)
   =========================================================
   DAFTAR ISI:
   1. Header & Navigasi
   2. Disable Parent Menu
   3. Sidebar Widget (Teal/Orange)
   4. Article Card (Compact Style - Teal)
   5. Override OJS Spacing (Memaksa Jarak Rapat)
   ========================================================= */

/* =============================================
   1. HEADER & LAYOUT ADJUSTMENTS
============================================= */
.pkp_site_name { padding: 0 !important; }
.pkp_site_name > a { padding: 0; display: block; }
.pkp_site_name .is_img img { max-height: 200px !important; width: 100%; object-fit: cover; }
.pkp_site_name_wrapper { padding: 0; }
.pkp_navigation_user_wrapper { top: 0; right: 0; padding-right: 30px; }
.pkp_structure_page { margin-top: 20px !important; margin-bottom: 20px !important; padding-bottom: 20px !important; }

/* =============================================
   2. DISABLE PARENT MENU CLICK
============================================= */
.pkp_navigation_primary > li > a[href$="/policies"],
.pkp_navigation_primary > li > a[href$="/publication"],
.pkp_navigation_primary > li > a[href$="/submission"] {
    pointer-events: none;
    cursor: default;
}

/* =============================================
   3. SIDEBAR STYLE (TEAL & ORANGE)
============================================= */
.pkp_structure_sidebar { padding: 0; }

.sidebar-box {
    background: #ffffff;
    border: 1px solid #B2EBF2; /* Soft Teal Border */
    margin-bottom: 20px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 131, 143, 0.04);
}

.sidebar-title {
    background: #00838F; /* Primary Teal Solid */
    color: #ffffff;
    font-weight: 700;
    padding: 14px 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.95rem;
}

.sidebar-list { list-style: none; margin: 0; padding: 0; }
.sidebar-list li { border-bottom: 1px solid #EEEEEE; }
.sidebar-list li:last-child { border-bottom: none; }

.sidebar-list a {
    display: block;
    padding: 12px 15px;
    color: #333333;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
}

.sidebar-list a:hover {
    background: #E0F7FA; /* Light Teal Background */
    color: #006064;      /* Dark Teal Text */
    padding-left: 20px;
    border-left: 3px solid #F57C00; /* AKSEN ORANYE DARI COVER saat hover! */
}

.sidebar-banner img { width: 100%; display: block; }

.sidebar-btn {
    display: block;
    text-align: center;
    padding: 12px;
    background: #E0F7FA;
    color: #00838F;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.3s, color 0.3s;
}

.sidebar-btn:hover {
    background: #00838F;
    color: #ffffff;
}

/* =============================================
   4. ARTICLE CARD DESIGN (COMPACT - TEAL)
============================================= */
.obj_article_summary {
    background-color: #FAFAFA;
    border: 1px solid #E0E0E0;
    border-bottom: 4px solid #00838F; /* Garis Bawah Teal Tegas */
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.obj_article_summary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 131, 143, 0.08);
}

.obj_article_summary .title { margin-bottom: 4px; line-height: 1.25; }
.obj_article_summary .title a { color: #006064; font-weight: 800; font-size: 0.95rem; text-decoration: none; transition: color 0.2s; }
.obj_article_summary .title a:hover { color: #F57C00; } /* Judul berubah oranye saat disentuh */

.obj_article_summary .authors { color: #555555; font-size: 0.85rem; margin-top: 0; margin-bottom: 8px; }

.obj_article_summary .galleys { display: inline-block; margin-top: 0; }
.obj_article_summary .galleys .obj_galley_link {
    background-color: #E0F7FA;
    border: 1px solid #B2EBF2;
    color: #00838F;
    padding: 4px 10px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.75rem;
    transition: all 0.2s;
}

.obj_article_summary .galleys .obj_galley_link:hover {
    background-color: #00838F;
    color: #FFFFFF;
    border-color: #00838F;
}

.obj_article_summary .galleys .obj_galley_link::before { content: "\f1c1"; font-family: FontAwesome; margin-right: 5px; }
.obj_article_summary .pages { float: right; color: #888888; font-size: 0.8rem; margin-top: 4px; font-weight: 500; }

/* =============================================
   5. MEMAKSA JARAK ANTAR CARD LEBIH RAPAT (OVERRIDE OJS)
============================================= */
ul.cmp_article_list > li {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 20px !important; /* Jarak antar kartu di-set 20px */
}