/* =========================================================
   STYLE OJS 3 - AL-MUYASSAR (ELEGANT GOLD & ROYAL BLUE)
   ADAPTASI FITUR JURIS (Tipografi, Footer, Skala Responsif)
   lukman.my.id | ig @lukmanizm
   ========================================================= */

/* ==================================================
   1. GLOBAL & TYPOGRAPHY (Diadopsi dari JURIS)
   ================================================== */
* {
    font-family: 'Bookman Old Style', serif !important;
}

body {
    font-family: 'Bookman Old Style', serif !important;
    background-color: #f9f9f9;
    font-size: 15px; /* Adopsi base font-size dari JURIS */
}

p {
    text-align: justify; /* Adopsi perataan teks dari JURIS */
}

.pkp_structure_page {
    background: #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.pkp_structure_main a {
    color: #D4AF37; /* Elegant Gold */
    text-decoration: none !important; /* Adopsi tanpa garis bawah ala JURIS */
    transition: 0.3s;
}

.pkp_structure_main a:hover {
    color: #002456; /* Royal Blue */
}

/* ==================================================
   2. HEADER & NAVIGATION MENU (Styling Muyassar + Padding JURIS)
   ================================================== */
.pkp_navigation_primary_row {
    background: #002456 !important;
    border-top: 3px solid #D4AF37;
}

/* Adopsi jarak padding dari JURIS */
.pkp_navigation_primary_wrapper {
    margin: 0 auto;
    padding-left: 29px;
    padding-right: 0px;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    padding-right: 12px !important; /* Adopsi spasi JURIS */
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:focus {
    background: #D4AF37 !important;
    color: #002456 !important;
}


/* ==================================================
   3. HOMEPAGE LAYOUT (Asli Al-Muyassar - FIXED)
   ================================================== */
.page_index_journal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.page_index_journal > .homepage_about {
    order: 1;
    width: 65%;
    text-align: justify;
    line-height: 1.7;
    margin-top: 0;
}

.page_index_journal > .homepage_image {
    order: 2;
    width: 32%;
    text-align: right;
    margin-top: 0;
}

.homepage_image img {
    max-width: 100%;
    height: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    border: 2px solid #F9F6E8;
    border-radius: 5px;
}

.page_index_journal > .cmp_announcements,
.page_index_journal > .current_issue,
.page_index_journal > .additional_content {
    order: 3;
    width: 100%;
    margin-top: 30px;
}

.cmp_announcements.highlight_first {
    background-color: #F9F6E8;
    padding: 20px;
    border-left: 5px solid #D4AF37;
    border-radius: 4px;
}

/* ==================================================
   4. SIDEBAR MENU CUSTOM & ARTIKEL (Asli Al-Muyassar)
   ================================================== */
.pkp_structure_sidebar .kepala {
    background-color: #002456;
    color: #D4AF37;
    padding: 12px 15px;
    font-weight: bold;
    border-bottom: 3px solid #D4AF37;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 14px;
}

.pkp_structure_sidebar .badan {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-top: none;
    margin-bottom: 25px;
}

.pkp_structure_sidebar .badan a {
    display: block;
    padding: 10px 15px;
    color: #333333;
    text-decoration: none;
    border-bottom: 1px solid #f1f1f1;
    transition: all 0.3s ease;
}

.pkp_structure_sidebar .badan a:hover {
    background-color: #F9F6E8;
    color: #002456;
    padding-left: 20px;
    border-left: 4px solid #D4AF37;
}

.obj_article_summary {
    padding: 15px 20px;
    margin-bottom: 15px !important;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-left: 4px solid #002456;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.obj_article_summary:hover {
    background: #F9F6E8;
    border-left: 4px solid #D4AF37;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.obj_article_summary .title a {
    font-size: 16px;
    color: #002456 !important;
    font-weight: bold;
}

.obj_galley_link {
    background: #002456 !important;
    color: #D4AF37 !important;
    border: 1px solid #002456 !important;
    border-radius: 3px;
    padding: 5px 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.obj_galley_link:hover {
    background: #D4AF37 !important;
    color: #002456 !important;
    border: 1px solid #D4AF37 !important;
}

/* ==================================================
   5. FOOTER (Struktur & Kelas Diadopsi dari JURIS)
   ================================================== */
/* Base selektor Muyassar dipertahankan */
.pkp_structure_footer_wrapper {
    background: #002456;
    color: #ffffff;
    border-top: 5px solid #D4AF37;
    padding: 13px 0px; /* Jarak padding dari JURIS */
}
.pkp_structure_footer_wrapper a { color: #D4AF37 !important; text-decoration: none; }
.pkp_structure_footer_wrapper a:hover { color: #ffffff !important; }

/* Injeksi Kelas Footer JURIS */
.site-footer { padding: 0rem 2rem; }
.footer-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; padding-top: 15px; padding-bottom: 15px; }
.publisher-info-left { flex: 1; text-align: left; }
.publisher-logo { margin-bottom: 15px; display: block; font-size: 15px; color: white; }
.publisher-logo a { display: inline-block; color: white; }
.publisher-logo img { height: 60px; width: auto; background-color: #ffffff; padding: 5px; border-radius: 5px; }
.publisher-name { margin-bottom: 10px; }
.publisher-name a { font-size: 18px; font-weight: 600; color: #D4AF37 !important; }
.publisher-address { line-height: 1.6; }
.publisher-address a { color: white !important; font-size: 14px; }
.publisher-logo-right img { position: relative; height: 55px; width: auto; margin-top: 15px; filter: brightness(0) invert(1); }

.footer-bottom { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 5px; gap: 1rem; flex-wrap: wrap; }
.copyright { text-align: left; font-size: 13px !important; color: white; }

/* Social Media SVG Base64 (Adopsi JURIS) */
.social-media { position: relative; display: flex; gap: 5px; right: -4px; justify-content: right; flex-wrap: wrap; margin-bottom: 0px; }
.social-icon { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; position: relative; }
.social-icon::before { content: ''; width: 15px; height: 15px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.3s ease; filter: brightness(0) invert(1); }
.social-icon:hover::before { transform: scale(1.15); filter: none; }

/* SVG Data URI Icon Social Media */
.social-icon.facebook::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z'/%3E%3C/svg%3E"); }
.social-icon.facebook:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%231877F2' d='M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z'/%3E%3C/svg%3E"); }
.social-icon.twitter::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15.3,1.9h2.8l-6.1,7L19,18.1h-5.6l-4.4-5.8l-5,5.8H1.2l6.5-7.4L1,1.9h5.8l4,5.3L15.3,1.9z M14.5,16.5h1.5L6.6,3.4H4.9L14.5,16.5z'/%3E%3C/svg%3E"); }
.social-icon.instagram::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle fill='%23000000' cx='10' cy='10' r='3.3'/%3E%3Cpath fill='%23000000' d='M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z'/%3E%3C/svg%3E"); }
.social-icon.instagram:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='ig' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23FD5949'/%3E%3Cstop offset='50%25' style='stop-color:%23D6249F'/%3E%3Cstop offset='100%25' style='stop-color:%23285AEB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle fill='url(%23ig)' cx='10' cy='10' r='3.3'/%3E%3Cpath fill='url(%23ig)' d='M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z'/%3E%3C/svg%3E"); }
.social-icon.youtube::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z'/%3E%3C/svg%3E"); }
.social-icon.youtube:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FF0000' d='M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z'/%3E%3C/svg%3E"); }

/* ==================================================
   6. RESPONSIVE MEDIA QUERIES (Multi-tier dari JURIS)
   ================================================== */

/* Laptop Medium / Small */
@media (max-width: 1280px) {
    .pkp_navigation_primary_wrapper { padding-left: 20px; }
    .footer-top { gap: 30px; }
}

/* Tablet Landscape */
@media (max-width: 1024px) {
    .pkp_navigation_primary_wrapper { padding-left: 30px; }
    .footer-top { flex-direction: column; gap: 25px; }
    .publisher-logo-right img { height: 100px; }
    .social-media { justify-content: flex-start; right: 0; }
}

/* Tablet Portrait & Layout Muyassar Asli */
@media (max-width: 768px) {
    body { font-size: 14px; } /* Adopsi JURIS */
    .pkp_navigation_primary_wrapper { padding-left: 10px; }
    .footer-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
    .copyright { text-align: left; }
    
    /* Layout Homepage asli Al-Muyassar */
    .page_index_journal > .homepage_about { width: 100%; order: 2; }
    .page_index_journal > .homepage_image { width: 100%; order: 1; text-align: center; margin-bottom: 20px; }
    .homepage_image img { width: 250px; }
}

/* Mobile */
@media (max-width: 576px) {
    body { font-size: 13px; }
    .pkp_navigation_primary_wrapper { padding-left: 8px; }
    .publisher-logo img { height: 50px; }
    .publisher-logo-right img { height: 80px; }
    .social-icon { width: 18px; height: 18px; }
    .social-icon::before { width: 14px; height: 14px; }
}

/* =========================================================
   1. MEMEPETKAN ANNOUNCEMENT KE KIRI
   ========================================================= */
.pkp_structure_content.has_sidebar .cmp_announcements,
.cmp_announcements.highlight_first {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-radius: 0 4px 4px 0 !important; /* Membuat sudut kiri rata, sudut kanan membulat */
}

/* Jika kontainer utama OJS masih menyisakan ruang kosong (padding bawaan col), 
   hapus komentar pada baris di bawah ini untuk menarik elemen ke kiri secara paksa: */
/*
.pkp_structure_content.has_sidebar {
    padding-left: 0 !important; 
}
*/

/* =========================================================
   2. MERAPATKAN DAFTAR ARTIKEL & PERKECIL TOMBOL PDF
   ========================================================= */
/* Menghilangkan spasi dasar bawaan list HTML */
ul.cmp_article_list {
    margin: 0 !important;
    padding: 0 !important;
}

/* Merapatkan spasi / jarak antar blok artikel (li) */
ul.cmp_article_list > li {
    margin-bottom: 8px !important; /* Jarak antar kotak artikel diperkecil dari sebelumnya */
    padding: 0 !important;
}

/* Memadatkan ruang (padding) di dalam kotak artikel agar terlihat lebih ramping */
.obj_article_summary {
    padding: 10px 15px !important; /* Sebelumnya 15px 20px */
    margin-bottom: 0 !important;
}

/* Menyesuaikan ukuran judul artikel agar proporsional di ruang yang sempit */
.obj_article_summary .title {
    margin-bottom: 3px !important;
}
.obj_article_summary .title a {
    font-size: 14px !important; /* Ukuran judul sedikit diperkecil */
    line-height: 1.4 !important;
}

/* Merapatkan area nama penulis (meta) */
.obj_article_summary .meta {
    margin-bottom: 6px !important;
}
.obj_article_summary .authors {
    font-size: 13px !important; /* Huruf penulis diperkecil agar rapi */
}

/* Mengecilkan ukuran tombol PDF (Galley) */
.obj_galley_link {
    padding: 3px 8px !important; /* Padding (tebal) tombol diperkecil secara signifikan */
    font-size: 11px !important;  /* Teks 'PDF' diperkecil */
    border-radius: 3px !important;
}
ul.galleys_links {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* =========================================================
   3. PERBAIKAN KONTRAS FOOTER (TEKS PUTIH & EMAS TERANG)
   ========================================================= */
/* Memastikan latar belakang tetap Royal Blue (Gelap) */
.pkp_structure_footer_wrapper {
    background-color: #002456 !important;
    border-top: 5px solid #D4AF37 !important;
}

/* Memaksa semua teks biasa, paragraf, dan teks tebal menjadi warna putih bersih */
.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper strong,
.pkp_structure_footer_wrapper span,
.pkp_structure_footer_wrapper div {
    color: #ffffff !important;
    line-height: 1.6; /* Merenggangkan spasi antar baris di footer agar mudah dibaca */
}

/* Memastikan tautan (link) lisensi dan WA berwarna Emas (Gold) agar sangat kontras */
.pkp_structure_footer_wrapper a {
    color: #D4AF37 !important;
    text-decoration: none !important;
    font-weight: bold;
}

/* Efek saat tautan footer disorot kursor mouse (hover) */
.pkp_structure_footer_wrapper a:hover {
    color: #ffffff !important; /* Tautan berubah putih saat disorot */
    text-decoration: underline !important;
}

/* Memperbaiki logo PKP/OJS di footer agar terlihat menyatu dengan background gelap */
.pkp_brand_footer img {
    filter: brightness(0) invert(1) opacity(0.8); /* Membuat logo OJS menjadi putih transparan */
    transition: 0.3s ease;
}
.pkp_brand_footer img:hover {
    filter: brightness(0) invert(1) opacity(1); /* Logo terang saat disorot */
}


/* =========================================================
   1. PENYESUAIAN FONT GLOBAL
   ========================================================= */
* {
    font-family: 'Book Antiqua', Palatino, serif !important;
}

body {
    font-family: 'Book Antiqua', Palatino, serif !important;
}

/* =========================================================
   2. MENYEMBUNYIKAN H2 "ABOUT THE JOURNAL"
   ========================================================= */
.homepage_about h2 {
    display: none !important;
}

/* =========================================================
   3. MENGUBAH URUTAN LAYOUT HOMEPAGE (ADDITIONAL CONTENT KE ATAS)
   ========================================================= */
/* Memastikan layout flexbox OJS berjalan dengan baik */
.page_index_journal {
    display: flex;
    flex-wrap: wrap;
}

/* Urutan 1 & 2 sudah diisi oleh About dan Cover Image dari style sebelumnya */
/* Memaksa Additional Content naik ke urutan 3 */
.page_index_journal > .additional_content {
    order: 3 !important;
    width: 100%;
}

/* Menurunkan Pengumuman (Announcements) ke urutan 4 */
.page_index_journal > .cmp_announcements {
    order: 4 !important;
    width: 100%;
}

/* Menurunkan Terbitan Terkini (Current Issue) ke urutan 5 */
.page_index_journal > .current_issue {
    order: 5 !important;
    width: 100%;
}

/* =========================================================
   4. PERBAIKAN ICON SEARCH (MENGGUNAKAN SVG ALTERNATIF)
   ========================================================= */
.pkp_navigation_search_wrapper a span.fa-search {
    display: inline-block;
    width: 16px;
    height: 16px;
    /* Menyuntikkan Ikon Kaca Pembesar (Magnifying Glass) SVG berwarna Putih */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Menghilangkan sisa karakter font yang rusak (kotak silang) */
.pkp_navigation_search_wrapper a span.fa-search::before {
    content: "" !important;
}

/* =========================================================
   5. MERAPATKAN JARAK ANTAR MENU (CONTENT) DI SIDEBAR
   ========================================================= */
/* Menimpa margin-bottom 25px yang sebelumnya ada di class .badan */
.pkp_structure_sidebar .badan {
    margin-bottom: 8px !important;
}

/* Memastikan konten di dalam sidebar tidak memiliki padding bawah berlebih */
.pkp_structure_sidebar .content {
    margin-bottom: 0 !important;
}

/* =========================================================
   6. MENGHILANGKAN LOGO PKP OJS & MERAPIKAN FOOTER
   ========================================================= */
/* Sembunyikan Logo PKP/OJS di sebelah kanan */
.pkp_brand_footer {
    display: none !important;
}

/* Karena logo dihilangkan, buat teks informasi footer ke tengah (Center) */
.pkp_structure_footer {
    display: block !important;
}

.pkp_footer_content {
    width: 100% !important;
    text-align: center !important;
    float: none !important;
    padding: 15px 0 !important;
}

/* (Opsional) Merapikan elemen img dalam teks footer agar selalu di tengah */
.pkp_footer_content img {
    display: inline-block;
    vertical-align: middle;
}

/* =========================================================
   PERBAIKAN LAYOUT FOOTER (CENTER & PADDING KIRI-KANAN)
   ========================================================= */

/* 1. Memberikan ruang (padding) di kiri dan kanan agar tidak mepet tepi layar pada perangkat kecil */
.pkp_structure_footer_wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 2. Mengunci lebar footer agar sejajar dengan konten website dan memposisikannya di tengah */
.pkp_structure_footer {
    display: block !important;
    max-width: 1160px !important; /* Menyesuaikan dengan lebar maksimal kontainer bawaan OJS */
    margin: 0 auto !important; /* Membuat blok footer berada tepat di tengah layar */
}

/* 3. Memaksa kontainer teks footer mengambil lebar penuh dari parent-nya dan rata tengah */
.pkp_footer_content {
    width: 100% !important;
    text-align: center !important;
    float: none !important;
    padding: 25px 0 !important; /* Memberikan ruang ekstra di atas dan bawah teks */
}

/* 4. Meng-override gaya bawaan paragraf dari HTML editor OJS agar pasti rata tengah */
.pkp_footer_content p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 5. Memastikan logo/gambar (seperti lisensi Creative Commons) ikut berada di tengah */
.pkp_footer_content img {
    display: inline-block !important;
    margin: 0 auto !important;
    vertical-align: middle !important;
}

/* =========================================================
   MENGUNCI TOMBOL PDF DI KIRI & MENAMPILKAN HALAMAN
   ========================================================= */

/* 1. Mengubah struktur menjadi Grid 2 Kolom */
.obj_article_summary {
    display: grid !important;
    grid-template-columns: max-content 1fr !important; 
    grid-template-areas: 
        "title title"   
        "pdf meta" !important; 
    align-items: center !important; 
    column-gap: 15px !important; 
    row-gap: 8px !important; 
    padding: 12px 15px !important; 
}

/* Mengunci Judul di atas */
.obj_article_summary .title {
    grid-area: title !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

/* Mengunci Tombol PDF di kiri bawah */
.obj_article_summary .galleys_links {
    grid-area: pdf !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.obj_article_summary .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;
}
.obj_galley_link {
    margin: 0 !important; 
    display: inline-block !important;
}

/* =========================================================
   PENGATURAN NAMA PENULIS & NOMOR HALAMAN
   ========================================================= */
/* Mengunci area Penulis dan Halaman di sebelah kanan PDF */
.obj_article_summary .meta {
    grid-area: meta !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Memastikan elemen berjajar rapat dari kiri */
    gap: 8px 12px !important; 
    width: 100% !important;
}

.obj_article_summary .authors {
    margin: 0 !important;
    text-align: left !important;
    line-height: 1.5 !important;
    flex: 0 1 auto !important; /* Berubah: Agar teks penulis tidak memaksa halaman terlempar terlalu jauh ke kanan */
}

/* Menyulap class="pages" menjadi Tombol/Badge Elegan yang PASTI TAMPIL */
.obj_article_summary .pages {
    display: inline-block !important; 
    visibility: visible !important; /* Memaksa tampil jika disembunyikan tema dasar */
    opacity: 1 !important;
    font-size: 11px !important;
    font-family: 'Book Antiqua', Palatino, serif !important;
    color: #ffffff !important;
    background-color: #002456 !important; /* Warna Biru Al-Muyassar */
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    white-space: nowrap !important; /* Mencegah nomor halaman terpotong/turun baris */
    line-height: 1.2 !important;
    border: 1px solid #002456 !important;
}




/* =========================================================
   PERBAIKAN GARIS BATAS (HR) DI FOOTER
   ========================================================= */
.pkp_footer_content hr {
    max-width: 100% !important;
    width: 100% !important;
    margin: 20px auto !important; /* Memberikan spasi atas-bawah dan memastikan di tengah */
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important; /* Mengubah warna garis menjadi putih transparan tipis agar elegan */
    box-sizing: border-box !important;
}

/* =========================================================
   PERBAIKAN WARNA TEKS DETAIL ARTIKEL (LICENSE / COPYRIGHT)
   ========================================================= */
/* Memaksa teks lisensi kembali menjadi warna gelap agar terbaca di background putih */
.obj_article_details .item.copyright h2.label,
.obj_article_details .item.copyright p,
.obj_article_details .item.copyright ol,
.obj_article_details .item.copyright ul,
.obj_article_details .item.copyright li {
    color: #333333 !important; /* Warna abu-abu gelap kehitaman */
    line-height: 1.6 !important;
}

/* Memastikan tautan di dalam area lisensi berwarna biru gelap (bukan putih) */
.obj_article_details .item.copyright a {
    color: #002456 !important; /* Menggunakan Royal Blue Al-Muyassar */
    font-weight: bold;
}

.obj_article_details .item.copyright a:hover {
    color: #D4AF37 !important; /* Berubah Gold saat disorot */
    text-decoration: underline !important;
}