/* 
 * styleSheet_optimized.css
 * Modifikasi Tema OJS Manuscript - Versi Final Teroptimasi
 * Fitur: Responsivitas, Boxed Layout, Justified Abstract, Article Box Shadow, Stats Styling, & Sidebar Hover Animation
 */

 /* Menghapus batasan lebar maksimal pada area header */

 /* 1. Global Font & Dasar Halaman */
/* Menyeragamkan seluruh font menjadi Montserrat seperti pada #cssmenu */
* {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif !important;
}



/* 1. Dasar Halaman & Latar Belakang */
html, body {
    background: #f9f8e9;
    background-image: url("https://ejournal.stembi-alaziziyah.ac.id/public/site/images/hanif_stembi/pattern.png");
    background-size: 75px;
    background-repeat: repeat;
    background-position: left top;
}


.pkp_navigation_primary_wrapper {
    width: auto;
}

.pkp_structure_head, 
.pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
}


/* 2. Struktur Utama (Boxed Layout) */
.pkp_structure_page {
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, 
                rgba(0, 0, 0, 0.12) 0px -12px 30px, 
                rgba(0, 0, 0, 0.12) 0px 4px 6px, 
                rgba(0, 0, 0, 0.17) 0px 12px 13px, 
                rgba(0, 0, 0, 0.09) 0px -3px 5px;
    max-width: 1200px;
    width: 100%;
    background: #fff;
}

/* 3. Header & Masthead Responsif */

.pkp_site_name_wrapper {
    width: 1200px;
}

.pkp_site_name .is_img {
    display: inline-block;
    margin-top: .357rem;
    margin-bottom: .357rem;
    padding: 0;
}

.pkp_site_name .is_img img {
    display: inline-block;
    width: auto !important;
    height: auto !important;

}



/* 4. Navigasi Utama */
.pkp_navigation_primary_row {
    background: #ab8112;
}

/* 2. Perataan Teks Justify secara Global */
/* Mengubah teks pada halaman, abstrak, dan deskripsi agar rata kanan-kiri */
.pkp_structure_main, 
.page_content, 
.description, 
.abstract, 
.obj_article_details .abstract,
.obj_issue_toc .description,
.obj_issue_summary .description {
    text-align: justify;
    line-height: 1.8;
}

/* Halaman Arsip (Rounded Box & Shadow & Hover) */
/* Menata setiap terbitan dalam kotak yang cantik */
.obj_issue_summary {
    background: #fff;
    padding: 30px;
    margin-bottom: 15px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
    border: 1px solid #eee;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
}

.obj_issue_summary:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    border-color: #ab8112;
}

.obj_issue_summary .title {
    font-weight: 700;
    margin-bottom: 15px;
    color: #ab8112;
}

.obj_issue_summary .description {
    margin-top: 15px;
    color: #555;
}

/* 6. Daftar Artikel di Halaman Issue (Box & Shadow) */
.obj_article_summary {
    background: #fff;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.obj_article_summary:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    border-color: #ab8112;
}

.obj_article_summary .title a {
    color: #25241a;
    font-weight: bold;
    text-decoration: none;
}

.obj_article_summary .title a:hover {
    color: #ab8112;
}

/* 7. Halaman Detail Issue (Justify Description) */
.obj_issue_toc .description {
    padding: 20px;
    background: #fdfbf0;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 4px solid #ab8112;
}

/* 8. Daftar Artikel & Statistik */
.obj_article_summary {
    background: #fff;
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.obj_article_summary:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    border-color: #ab8112;
}

.article-stats {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    font-size: 0.85em;
    color: #777;
    display: flex;
    gap: 20px;
}

/* 7. Gaya Statistik (Counter Download & Read) */
.article-stats {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    font-size: 0.85em;
    color: #777;
    display: flex;
    gap: 20px;
}

.article-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.article-stats .stat-item i {
    color: #ab8112;
}

/* 8. Footer & Sidebar */
.pkp_footer_content { float: left; width: 70%; padding: 10px; }
.pkp_brand_footer { float: right; width: 30%; padding: 10px; }

.current_issue h2, 
.pkp_block .title {
    width: 100%;
    background-color: #f3eca9;
    color: #25241a;
    padding: 12px 15px;
    margin-bottom: 15px;
    font-weight: bold;
    border-radius: 4px;
}

.pkp_block {
    padding: 10px;
    margin-bottom: 20px;
}

.pkp_block .content{
    text-align: center;
}

/* --- Penyesuaian Navigasi Utama (Dropdown) --- */

/* Container Navigasi */
#navigationPrimary {
    display: flex;
    flex-wrap: wrap;
}

/* Item Menu Utama */
#navigationPrimary > li > a {
    color: #25241a !important;
    font-weight: 700 !important;
    padding: 10px 10px !important;
    transition: all 0.3s ease-in-out;
    border-bottom: 3px solid transparent;
}

/* Hover pada Menu Utama */
#navigationPrimary > li:hover > a {
    background-color: #f3eca9;
    color: #ab8112 !important;
    border-bottom-color: #ab8112;
}

/* Dropdown (Sub-menu) */
#navigationPrimary ul {
    display: none; /* Sembunyikan secara default */
    position: absolute;
    background: #ffffff;
    min-width: 220px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
    z-index: 1000;
    padding: 0;
    margin: 0;
    border-top: 3px solid #ab8112;
}

/* Tampilkan Dropdown saat Hover */
#navigationPrimary li:hover > ul {
    display: block;
    animation: navSlideDown 0.3s ease-out;
}

/* Item di dalam Dropdown */
#navigationPrimary ul li {
    width: 100%;
    border-bottom: 1px solid #eee;
}

#navigationPrimary ul li a {
    color: #25241a !important;
    padding: 12px 20px !important;
    display: block;
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 14px;
    transition: all 0.2s ease;
}

/* Hover pada Item Dropdown */
#navigationPrimary ul li a:hover {
    background-color: #f3eca9;
    color: #ab8112 !important;
    padding-left: 25px !important; /* Efek geser sedikit */
}

/* Animasi Khusus untuk Navigasi */
@keyframes navSlideDown {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Penyesuaian untuk Tampilan Mobile */
@media (max-width: 767px) {
    #navigationPrimary {
        display: block;
    }
    #navigationPrimary ul {
        position: static;
        box-shadow: none;
        border-top: none;
        border-left: 2px solid #ab8112;
        margin-left: 15px;
    }
    #navigationPrimary li:hover > ul {
        display: block;
    }
}
/*PENAMBAHAN HOVER PADA MENU UTAMA*/


/* --- Animasi Text Hovering pada Sidebar --- */
.pkp_structure_sidebar .pkp_block ul li a {
    display: inline-block;
    color: #25241a;
    text-decoration: none;
    padding: 5px 0;
    transition: all 0.3s ease-in-out;
    position: relative;
}

/* Efek geser ke kanan dan perubahan warna saat hover */
.pkp_structure_sidebar .pkp_block ul li a:hover {
    color: #ab8112;
    padding-left: 10px; /* Efek bergeser ke kanan */
}

/* Animasi garis bawah (underline) yang muncul dari kiri ke kanan */
.pkp_structure_sidebar .pkp_block ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #ab8112;
    transition: width 0.3s ease-in-out;
}

.pkp_structure_sidebar .pkp_block ul li a:hover::after {
    width: 100%;
}

/* Khusus untuk judul blok sidebar agar ada efek sedikit saat dihover */
.pkp_block .title:hover {
    background-color: #fff6a2;
    transition: background-color 0.3s ease;
}

/* 9. Fungsionalitas Dropdown Menu (#cssmenu) */
#cssmenu {
    width: 100%;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 20px;
}

#cssmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#cssmenu ul li {
    position: relative;
    display: block;
    width: 100%;
}

#cssmenu ul li a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    background: #f3eca9;
    color: #25241a;
    border-bottom: 2px solid #ab8112;
    transition: all 0.3s ease;
}

/* Hover effect untuk menu utama */
#cssmenu ul li:hover > a {
    background: #ab8112;
    color: #fff;
}

/* Indikator Panah untuk menu yang punya sub-menu */
#cssmenu ul li.has-sub > a::after {
    /* content: '\f107'; /* FontAwesome Chevron Down
    align-content: center; */
    font-family: 'FontAwesome';
    float: right;
    transition: transform 0.3s ease;
}

#cssmenu ul li.has-sub:hover > a::after {
    transform: rotate(180deg);
}

/* Sub-menu (Dropdown) */
#cssmenu ul ul {
    display: none; /* Sembunyikan sub-menu secara default */
    background: #fff;
    border-left: 4px solid #ab8112;
}

/* Tampilkan sub-menu saat hover */
#cssmenu ul li:hover > ul {
    display: block;
    animation: slideDown 0.3s ease-out;
}

#cssmenu ul ul li a {
    background: #f9f9f9;
    color: #25241a;
    text-transform: none;
    font-weight: 400;
    padding: 10px 20px;
    font-size: 12px;
    border-bottom: 1px solid #eee;
}

#cssmenu ul ul li a:hover {
    background: #f3eca9;
    color: #ab8112;
    padding-left: 25px;
}

/* Animasi Slide Down */
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}