/* ==========================================================================
   CSS CUSTOM DESAIN JURNAL NIHAYAH (JOURNAL OF ISLAMIC STUDIES)
   Tema: Military Green, Gold Accent & Islamic Filigree (Royal Army Edition)
   Disiapkan untuk: Ahmad Syauky, S.H., M.Pd.
   Versi Pembaruan: Pembersihan Struktur Section & Penguatan Gradasi Kontras
   ========================================================================= */

/* 1. IMPORT FONTS & TYPOGRAPHY STANDARDS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Lora:ital,wght@0,400;0,700;1,400&display=swap');

/* =========================================
   A. LATAR BELAKANG GEOMETRIS & CORAK FLORA ISLAMI (MILITARY TINT)
   ========================================= */
body {
    background-color: #f0f5f0 !important;
    
    /* Injeksi Corak Siluet Kubah Mesjid & Bunga Mandala Halus via SVG Data-URI */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 80 80'%3E%3Cg fill='%231f361f' fill-opacity='0.035'%3E%3Cpath d='M40 0C40 20 25 28 25 35C25 38 27 40 30 40C33 40 35 37 35 35C35 32 38 30 40 30C42 30 45 32 45 35C45 37 47 40 50 40C53 40 55 38 55 35C55 28 40 20 40 0Z'/%3E%3Ccircle cx='40' cy='44' r='2'/%3E%3Cpath d='M0 40C20 40 28 25 35 25C38 25 40 27 40 30C40 33 37 35 35 35C32 35 30 38 30 40C30 42 32 45 35 45C37 45 40 47 40 50C40 53 38 35 35 35C28 35 20 40 0 40Z'/%3E%3Cpath d='M40 80C40 60 55 52 55 45C55 42 53 40 50 40C47 40 45 43 45 45C45 48 42 50 40 50C38 50 35 48 35 45C35 43 33 40 30 40C27 40 25 42 25 45C25 52 40 60 40 80Z'/%3E%3Cpath d='M80 40C60 40 52 55 45 55C42 55 40 53 40 50C40 47 43 45 45 45C48 45 50 42 50 40C50 38 48 35 45 35C43 35 40 33 40 30C40 27 42 25 45 25C52 25 60 40 80 40Z'/%3E%3C/g%3E%3C/svg%3E") !important;
    
    background-size: 140px 140px !important; /* Diperbesar sedikit agar jarak antar corak lebih renggang dan rapi */
    background-attachment: fixed !important;
}

/* =========================================
   B. DESAIN HEADER & PENINGKATAN UKURAN LOGO 140PX
   ========================================= */
.pkp_structure_head {
    border-bottom: 5px solid #1f361f; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    background: #ffffff;
}

.pkp_site_name .is_img img {
    animation: floatingLogo 4s ease-in-out infinite;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
    max-height: 140px !important; 
    transition: all 0.3s ease;
}

@keyframes floatingLogo {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
}

.pkp_navigation_primary_wrapper {
    display: flex;
    justify-content: flex-start !important;
    padding-left: 15px !important;
}

.pkp_navigation_primary > li > a {
    font-family: 'Inter', sans-serif !important;
    background: linear-gradient(180deg, #2e4f2e 0%, #1f361f 100%) !important; 
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.78em !important;
    padding: 10px 18px !important; 
    margin: 12px 4px !important;
    display: inline-block !important;
    border-radius: 4px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-bottom: 3px solid #142414;
}

.pkp_navigation_primary > li > a:hover {
    background: linear-gradient(180deg, #416e41 0%, #2e4f2e 100%) !important;
    color: #ffd700 !important; 
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(31, 54, 31, 0.25);
}

/* =========================================
   C. MAIN MENU SIDEBAR DENGAN IKON SASARAN
   ========================================= */
.pkp_block .title {
    background: transparent !important;
    color: #1f361f !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase;
    font-weight: 800 !important;
    text-align: left;
    font-size: 1.1em !important;
    border-bottom: 3px solid #c2d1c2;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px;
}

.pkp_block ul li a {
    font-family: 'Inter', sans-serif !important;
    background: #2e4f2e !important; 
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 12px 15px 12px 40px !important; 
    display: block !important;
    text-decoration: none !important;
    border-bottom: 3px solid #1f361f;
    border-radius: 6px;
    margin-bottom: 10px !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 3px 6px rgba(0,0,0,0.06);
    text-align: left !important;
}

.pkp_block ul li a::before {
    content: "✦" !important; 
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #ffd700 !important; 
    font-size: 1.1em !important;
    transition: all 0.3s ease;
}

.pkp_block ul li a:hover {
    background: #1f361f !important;
    color: #ffd700 !important;
    transform: translateX(8px);
    box-shadow: 0 5px 15px rgba(31, 54, 31, 0.2);
}

.pkp_block ul li a:hover::before {
    transform: translateY(-50%) rotate(45deg) scale(1.2) !important;
    color: #ffffff !important;
}

/* =========================================
   D. DESAIN DAFTAR ISI / CURRENT ISSUE (TAMPILAN BERSIH MINIMALIS)
   ========================================= */
.obj_article_summary {
    /* Menerapkan Gradasi Hijau Lembut yang Lebih Terlihat Jelas */
    background: linear-gradient(135deg, #e3ede3 0%, #ffffff 100%) !important;
    /* Menghapus Kolom Kotak Pembungkus Total Sesuai Permintaan */
    border: none !important;
    /* Menggantinya Hanya dengan Garis Pembatas Bawah yang Tegas */
    border-bottom: 2px solid #b8d2b8 !important;
    border-radius: 0px !important; /* Datar formal */
    padding: 24px 10px !important;
    margin-bottom: 15px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.2s ease;
    box-shadow: none !important; /* Menghapus shadow agar tidak berhamburan */
}

.obj_article_summary::after {
    content: "❖" !important;
    position: absolute !important;
    right: 10px !important;
    bottom: -15px !important;
    font-size: 5em !important;
    color: rgba(46, 79, 46, 0.035) !important;
    pointer-events: none !important;
}

.obj_article_summary:hover {
    background: linear-gradient(135deg, #d8ebd8 0%, #f7faf7 100%) !important;
    border-bottom-color: #2e4f2e !important;
}

.obj_article_summary .title a {
    font-family: 'Book Antiqua', 'Palatino Linotype', 'Lora', serif !important;
    color: #122412 !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.obj_article_summary .title a:hover {
    color: #2e4f2e !important;
}

/* Tombol Unduh PDF Premium */
.galleys_links a.pdf {
    background: linear-gradient(135deg, #2e4f2e 0%, #1f361f 100%) !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #ffffff !important;
    font-size: 0.8em !important;
    letter-spacing: 0.5px;
    border: none !important;
    transition: all 0.2s ease;
}

.galleys_links a.pdf:hover {
    background: linear-gradient(135deg, #416e41 0%, #2e4f2e 100%) !important;
    color: #ffd700 !important;
}

/* =========================================
   E. TAMPILAN PER ARTIKEL INDIVIDU (ELEGANT & CLEAN)
   ========================================= */
.obj_article_details .main_entry .title {
    font-family: 'Book Antiqua', 'Palatino Linotype', 'Lora', serif !important;
    font-size: 2.1em !important;
    font-weight: 700 !important;
    color: #1f361f !important;
    line-height: 1.4 !important;
    margin-bottom: 25px;
    border-bottom: 2px solid #b8d2b8;
    padding-bottom: 15px !important;
}

/* Kolom Isian Abstrak Bersih & Gradasi Dipertajam */
.obj_article_details .item.abstract {
    background: linear-gradient(135deg, #ffffff 0%, #e8f0e8 100%) !important; 
    border: 1px solid #b8d2b8 !important;
    border-top: 5px solid #2e4f2e !important; 
    padding: 30px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(31, 54, 31, 0.03) !important;
}

.obj_article_details .item.abstract .heading {
    font-family: 'Inter', sans-serif !important;
    color: #1f361f !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.05em !important;
    border-bottom: 3px solid #ffd700; 
    padding-bottom: 4px !important;
    display: inline-block !important;
    margin-bottom: 15px !important;
}

.obj_article_details .item.abstract .value {
    font-family: 'Lora', serif !important;
    line-height: 1.75 !important;
    color: #1c261c !important;
    font-size: 1em !important;
    text-align: justify !important;
}

/* Bagian Identitas Penulis / Authors */
.obj_article_details .authors {
    background: #e3ede3 !important; 
    border-left: 5px solid #416e41 !important;
    border-radius: 4px !important;
    padding: 18px 20px !important;
    margin-bottom: 25px !important;
}

.obj_article_details .authors::after {
    content: "☾" !important;
    position: absolute !important;
    right: 15px !important;
    top: 10px !important;
    font-size: 2em !important;
    color: rgba(46, 79, 46, 0.05) !important;
}

.obj_article_details .author strong {
    color: #1f361f !important;
    font-size: 1.1em !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
}

/* Kolom Isian Referensi / Daftar Pustaka */
.obj_article_details .item.references {
    background: linear-gradient(135deg, #ffffff 0%, #e8f0e8 100%) !important; 
    border: 1px solid #b8d2b8 !important;
    border-top: 5px solid #1f361f !important;
    padding: 30px !important;
    border-radius: 6px !important;
    margin-top: 35px !important;
}

.obj_article_details .item.references .heading {
    font-family: 'Inter', sans-serif !important;
    color: #1f361f !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 3px solid #ffd700;
    padding-bottom: 4px !important;
    display: inline-block !important;
    margin-bottom: 20px !important;
}

/* =========================================
   F. PENGHIJAUAN BLOK SIDEBAR UTAMA
   ========================================= */
.item.published .label, 
.item.citation .heading, 
.item.issue .label, 
.item.copyright .label,
.pkp_block.block_galleys .title,
.obj_article_details .sidebar .label {
    background: linear-gradient(180deg, #2e4f2e 0%, #1f361f 100%) !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: 10px 14px !important;
    border-radius: 4px 4px 0 0 !important;
    border-bottom: 2px solid #ffd700 !important; 
    font-size: 0.85em !important;
    letter-spacing: 0.5px !important;
    display: block !important;
}

.item.published, 
.item.citation, 
.item.issue, 
.item.copyright {
    border: 1px solid #cbdccb !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin-bottom: 18px !important;
}

.item.published .value, 
.item.citation .value, 
.item.issue .value, 
.item.copyright .value {
    padding: 12px 14px !important;
    font-family: 'Inter', sans-serif !important;
}