/*
=====================================================================
TSIQAH JOURNAL STYLE SHEET
Tsiqah: Jurnal Studi Hadis dan Tradisi Kenabian
Untuk OJS Journal Style Sheet

Fokus revisi:
1. Header full mengikuti lebar halaman.
2. Footer compact, rapi, tidak terlalu tinggi ke bawah.
3. Sidebar dibuat rapat, tidak renggang.
4. Titik/bullet/list marker pada sidebar dihapus.
5. Warna Tsiqah: maroon, orange, gold, cream.
=====================================================================
*/

/* ==================================================================
   1. COLOR SYSTEM
   ================================================================== */

:root {
    --tsiqah-maroon-dark: #4a121c;
    --tsiqah-maroon: #6e1f2a;
    --tsiqah-maroon-soft: #8b2f38;
    --tsiqah-orange: #c96a2b;
    --tsiqah-gold: #d4a373;
    --tsiqah-gold-soft: #ffd9a3;
    --tsiqah-cream: #fff8f1;
    --tsiqah-cream-light: #fffaf5;
    --tsiqah-border: #e6cfc3;
    --tsiqah-text: #2b2b2b;
    --tsiqah-white: #ffffff;
}

/* ==================================================================
   2. GLOBAL BASIC
   ================================================================== */

body {
    background: var(--tsiqah-cream) !important;
    color: var(--tsiqah-text) !important;
    font-family: Georgia, Garamond, "Times New Roman", serif !important;
}

a {
    color: var(--tsiqah-maroon) !important;
    text-decoration: none !important;
}

a:hover,
a:focus {
    color: var(--tsiqah-orange) !important;
    text-decoration: none !important;
}

.pkp_structure_page {
    background: var(--tsiqah-white) !important;
    box-shadow: 0 0 24px rgba(110, 31, 42, 0.10) !important;
}

/* ==================================================================
   3. HEADER FULL IMAGE
   ================================================================== */

.pkp_structure_head {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: linear-gradient(
        135deg,
        var(--tsiqah-maroon-dark),
        var(--tsiqah-maroon),
        var(--tsiqah-orange)
    ) !important;
    box-shadow: 0 4px 14px rgba(110, 31, 42, 0.18) !important;
}

.pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(
        135deg,
        var(--tsiqah-maroon-dark),
        var(--tsiqah-maroon),
        var(--tsiqah-orange)
    ) !important;
    text-align: center !important;
}

.pkp_site_name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
}

.pkp_site_name a.is_img,
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.pkp_site_name a.is_img img,
.pkp_site_name .is_img img,
.pkp_site_name img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Text fallback jika header tidak memakai gambar */
.pkp_site_name .is_text {
    display: block !important;
    width: 100% !important;
    padding: 22px 18px !important;
    color: var(--tsiqah-white) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

/* Tombol mobile */
.pkp_site_nav_toggle {
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 6px !important;
    background: rgba(74, 18, 28, 0.75) !important;
    color: var(--tsiqah-white) !important;
}

.pkp_site_nav_toggle span {
    color: var(--tsiqah-white) !important;
}

/* ==================================================================
   4. NAVIGATION BAR
   ================================================================== */

.pkp_site_nav_menu {
    margin: 0 !important;
    border: 0 !important;
    background: var(--tsiqah-maroon-dark) !important;
    box-shadow: 0 3px 10px rgba(74, 18, 28, 0.18) !important;
}

.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
    background: transparent !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_search {
    color: var(--tsiqah-white) !important;
    font-weight: 700 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_user > li > a:hover,
.pkp_search:hover {
    background: rgba(255, 217, 163, 0.10) !important;
    color: var(--tsiqah-gold-soft) !important;
}

.pkp_navigation_primary i,
.pkp_navigation_primary .fa {
    color: var(--tsiqah-white) !important;
}

/* Dropdown */
.pkp_navigation_primary ul,
.pkp_navigation_user ul {
    border: 1px solid var(--tsiqah-border) !important;
    border-top: 3px solid var(--tsiqah-gold) !important;
    background: var(--tsiqah-cream-light) !important;
    box-shadow: 0 8px 18px rgba(110, 31, 42, 0.14) !important;
}

.pkp_navigation_primary ul a,
.pkp_navigation_user ul a {
    background: var(--tsiqah-cream-light) !important;
    color: var(--tsiqah-maroon-dark) !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_user ul a:hover {
    background: var(--tsiqah-white) !important;
    color: var(--tsiqah-maroon) !important;
}

/* ==================================================================
   5. MAIN CONTENT COLOR SUPPORT
   ================================================================== */

.page_index_journal .additional_content,
.page_index_journal .current_issue,
.obj_issue_toc,
.obj_article_summary {
    color: var(--tsiqah-text) !important;
}

.page_index_journal .additional_content h1,
.page_index_journal .additional_content h2,
.page_index_journal .additional_content h3,
.page_index_journal .additional_content h4,
.current_issue h2,
.current_issue_title,
.obj_article_summary .title a {
    color: var(--tsiqah-maroon) !important;
}

.btn-submit,
.block_make_submission_link,
.read_more {
    background: var(--tsiqah-maroon) !important;
    color: var(--tsiqah-white) !important;
    border-color: var(--tsiqah-gold) !important;
}

.btn-submit:hover,
.block_make_submission_link:hover,
.read_more:hover {
    background: var(--tsiqah-orange) !important;
    color: var(--tsiqah-white) !important;
}

.obj_galley_link {
    border-color: var(--tsiqah-maroon) !important;
    color: var(--tsiqah-maroon) !important;
}

.obj_galley_link:hover {
    background: var(--tsiqah-maroon) !important;
    color: var(--tsiqah-white) !important;
}

/* ==================================================================
   6. SIDEBAR RAPAT DAN TANPA TITIK
   ================================================================== */

.pkp_structure_sidebar {
    font-family: Georgia, Garamond, "Times New Roman", serif !important;
}

/* Jarak antar block sidebar dibuat rapat */
.pkp_structure_sidebar .pkp_block {
    margin-top: 0 !important;
    margin-bottom: 7px !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Hilangkan padding bawaan content */
.pkp_structure_sidebar .pkp_block .content,
#customblock-elkuator-menu > .content,
#customblock-governing-body .content,
#customblock-submission .content,
#customblock-journal-policies .content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Hilangkan titik/bullet/list marker di semua list sidebar */
.pkp_structure_sidebar ul,
.pkp_structure_sidebar ol,
.pkp_structure_sidebar li,
.governing_body_list,
.submission_list,
.journal_policies_list,
.tools_list,
.governing_body_item,
.submission_item,
.journal_policies_item,
.tools_item {
    list-style: none !important;
    list-style-type: none !important;
    margin-left: 0 !important;
}

.pkp_structure_sidebar li::marker,
.pkp_structure_sidebar ul::marker,
.pkp_structure_sidebar ol::marker,
.governing_body_item::marker,
.submission_item::marker,
.journal_policies_item::marker,
.tools_item::marker {
    content: "" !important;
    display: none !important;
    color: transparent !important;
}

/* Hilangkan bullet buatan theme jika ada */
.pkp_structure_sidebar li::before,
.pkp_structure_sidebar li::after,
.governing_body_item::before,
.submission_item::before,
.journal_policies_item::before,
.tools_item::before {
    content: none !important;
    display: none !important;
}

/* Menu utama sidebar: tidak ada jarak luar */
#customblock-elkuator-menu,
#customblock-governing-body,
#customblock-submission,
#customblock-journal-policies {
    margin: 0 0 7px 0 !important;
    padding: 0 !important;
    border: 1px solid var(--tsiqah-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: var(--tsiqah-maroon) !important;
    box-shadow: 0 5px 14px rgba(110, 31, 42, 0.12) !important;
}

/* List sidebar rapat */
.governing_body_list,
.submission_list,
.journal_policies_list,
.tools_list {
    margin: 0 !important;
    padding: 0 !important;
}

/* Header block sidebar */
.governing_body_header,
.submission_header,
.journal_policies_header,
.custom_block,
.visitor_header_title {
    margin: 0 !important;
    padding: 9px 10px !important;
    background: linear-gradient(
        135deg,
        var(--tsiqah-maroon-dark),
        var(--tsiqah-maroon),
        var(--tsiqah-orange)
    ) !important;
    color: var(--tsiqah-white) !important;
    border-bottom: 3px solid var(--tsiqah-gold) !important;
    text-align: center !important;
    line-height: 1.25 !important;
}

/* Judul block sidebar */
.governing_body_title,
.submission_title,
.journal_policies_title,
.citedness_title,
.assosiate_title,
.tools_title,
.eissn_title,
.visitor_header_title {
    color: var(--tsiqah-white) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.35px !important;
    line-height: 1.25 !important;
}

/* Item menu dibuat rapat */
.governing_body_item,
.submission_item,
.journal_policies_item {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--tsiqah-maroon) !important;
    border-bottom: 1px solid rgba(230, 207, 195, 0.55) !important;
    line-height: 1.25 !important;
}

.governing_body_item:nth-child(odd),
.submission_item:nth-child(odd),
.journal_policies_item:nth-child(odd) {
    background: var(--tsiqah-maroon-soft) !important;
}

/* Link sidebar lebih rapat */
.governing_body_item_link,
.submission_item_link,
.journal_policies_item_link {
    display: block !important;
    margin: 0 !important;
    padding: 6px 9px !important;
    color: var(--tsiqah-white) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
    text-decoration: none !important;
}

.governing_body_item_link:hover,
.submission_item_link:hover,
.journal_policies_item_link:hover {
    padding-left: 11px !important;
    background: rgba(255, 217, 163, 0.10) !important;
    color: var(--tsiqah-gold-soft) !important;
}

/* Block sidebar lain dibuat tidak renggang */
#customblock-scopus-citedness,
#customblock-in-association-with,
#customblock-tools,
#customblock-visitor-statistics,
#customblock-e-issn {
    margin: 0 0 7px 0 !important;
    padding: 0 !important;
    border: 1px solid var(--tsiqah-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: var(--tsiqah-cream-light) !important;
    box-shadow: 0 5px 14px rgba(110, 31, 42, 0.12) !important;
}

/* Isi sidebar block lebih compact */
.png_citedness,
.png-assosiate,
.png_custom_block,
.png_visitor,
.tools_grid {
    margin: 0 !important;
    padding: 10px !important;
    background: var(--tsiqah-cream-light) !important;
    color: var(--tsiqah-text) !important;
    text-align: center !important;
}

/* Tools tidak pakai bullet dan jaraknya rapat */
.tools_item {
    margin: 0 0 6px 0 !important;
    padding: 4px !important;
    border: 1px solid var(--tsiqah-border) !important;
    border-radius: 6px !important;
    background: var(--tsiqah-white) !important;
}

.tools_item:last-child {
    margin-bottom: 0 !important;
}

.tools_item a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tools_item img,
.png_citedness img,
.png-assosiate img,
.png_custom_block img,
.png_visitor img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Visitor statcounter rapat */
.png_statcounter {
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
}

.png_statcounter center {
    margin: 0 !important;
    padding: 0 !important;
}

.png_statcounter a {
    color: var(--tsiqah-maroon) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

/* ==================================================================
   7. FOOTER COMPACT AND ELEGANT
   ================================================================== */

.pkp_structure_footer_wrapper {
    clear: both !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--tsiqah-maroon-dark) !important;
}

.pkp_structure_footer {
    clear: both !important;
    width: 100% !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: linear-gradient(
        135deg,
        var(--tsiqah-maroon-dark),
        var(--tsiqah-maroon),
        var(--tsiqah-orange)
    ) !important;
}

.pkp_footer_content {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.site-footer,
.pkp_footer_content > footer,
.pkp_footer_content > div {
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(
        135deg,
        var(--tsiqah-maroon-dark),
        var(--tsiqah-maroon),
        var(--tsiqah-orange)
    ) !important;
    color: var(--tsiqah-white) !important;
    border-top: 4px solid var(--tsiqah-gold) !important;
}

.footer-content {
    padding: 14px 18px 12px 18px !important;
    color: var(--tsiqah-white) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.footer-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.publisher-info-left {
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--tsiqah-white) !important;
}

.publisher-logo {
    margin: 2px 0 !important;
    padding: 0 !important;
    color: var(--tsiqah-white) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

.publisher-logo:first-of-type {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
}

.publisher-logo a,
.publisher-info-left a,
.copyright-footer a,
.footer-bottom a {
    color: var(--tsiqah-gold-soft) !important;
    font-weight: 700 !important;
}

.publisher-logo a:hover,
.publisher-info-left a:hover,
.copyright-footer a:hover,
.footer-bottom a:hover {
    color: var(--tsiqah-white) !important;
}

.favicon {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}

.favicon img {
    display: block !important;
    width: 46px !important;
    height: 46px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    background: var(--tsiqah-white) !important;
    padding: 3px !important;
    box-shadow: none !important;
}

.publisher-logo-right {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
}

.publisher-logo-right img {
    display: block !important;
    max-width: 150px !important;
    max-height: 48px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
}

.footer-bottom {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 8px 0 0 0 !important;
    padding: 8px 0 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: var(--tsiqah-white) !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
}

.copyright-footer {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--tsiqah-white) !important;
}

.social-media-wrapper,
.social-media {
    margin: 0 !important;
    padding: 0 !important;
}

.social-media a,
.social-icon {
    color: var(--tsiqah-gold-soft) !important;
}

.pkp_brand_footer {
    margin: 0 !important;
    padding: 8px 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: var(--tsiqah-maroon-dark) !important;
    text-align: center !important;
}

.pkp_brand_footer img {
    max-height: 28px !important;
    width: auto !important;
}

/* ==================================================================
   8. RESPONSIVE
   ================================================================== */

@media (max-width: 768px) {
    .pkp_site_name a.is_img img,
    .pkp_site_name .is_img img,
    .pkp_site_name img {
        width: 100% !important;
        height: auto !important;
    }

    .footer-content {
        padding: 14px 14px 12px 14px !important;
        text-align: center !important;
    }

    .footer-top,
    .footer-bottom {
        display: block !important;
        text-align: center !important;
    }

    .publisher-logo-right {
        margin-top: 8px !important;
        text-align: center !important;
    }

    .publisher-logo-right img,
    .favicon img {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .footer-bottom {
        margin-top: 8px !important;
    }
}

/* ==================================================================
   END
   ================================================================== */


/* ==================================================================
   9. HAPUS TITIK / BULLET SIDEBAR - FINAL OVERRIDE
   Bagian ini khusus untuk menghilangkan titik-titik di sidebar.
   Tidak mengubah header, footer, ukuran utama, atau layout halaman.
   ================================================================== */

.pkp_structure_sidebar ul,
.pkp_structure_sidebar ol,
.pkp_structure_sidebar .content ul,
.pkp_structure_sidebar .content ol,
#customblock-elkuator-menu ul,
#customblock-elkuator-menu ol,
#customblock-governing-body ul,
#customblock-submission ul,
#customblock-journal-policies ul,
#customblock-tools ul,
#customblock-visitor-statistics ul,
.governing_body_list,
.submission_list,
.journal_policies_list,
.tools_list {
    list-style: none !important;
    list-style-type: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    background-image: none !important;
}

.pkp_structure_sidebar li,
.pkp_structure_sidebar .content li,
#customblock-elkuator-menu li,
#customblock-governing-body li,
#customblock-submission li,
#customblock-journal-policies li,
#customblock-tools li,
#customblock-visitor-statistics li,
.governing_body_item,
.submission_item,
.journal_policies_item,
.tools_item {
    list-style: none !important;
    list-style-type: none !important;
    margin-left: 0 !important;
    background-image: none !important;
}

/* Hilangkan marker bawaan browser */
.pkp_structure_sidebar li::marker,
.pkp_structure_sidebar .content li::marker,
#customblock-elkuator-menu li::marker,
#customblock-governing-body li::marker,
#customblock-submission li::marker,
#customblock-journal-policies li::marker,
#customblock-tools li::marker,
#customblock-visitor-statistics li::marker,
.governing_body_item::marker,
.submission_item::marker,
.journal_policies_item::marker,
.tools_item::marker {
    font-size: 0 !important;
    color: transparent !important;
    content: "" !important;
}

/* Hilangkan titik/bullet buatan theme melalui pseudo-element */
.pkp_structure_sidebar li::before,
.pkp_structure_sidebar li::after,
.pkp_structure_sidebar .content li::before,
.pkp_structure_sidebar .content li::after,
#customblock-elkuator-menu li::before,
#customblock-elkuator-menu li::after,
#customblock-governing-body li::before,
#customblock-governing-body li::after,
#customblock-submission li::before,
#customblock-submission li::after,
#customblock-journal-policies li::before,
#customblock-journal-policies li::after,
#customblock-tools li::before,
#customblock-tools li::after,
#customblock-visitor-statistics li::before,
#customblock-visitor-statistics li::after,
.governing_body_item::before,
.governing_body_item::after,
.submission_item::before,
.submission_item::after,
.journal_policies_item::before,
.journal_policies_item::after,
.tools_item::before,
.tools_item::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
}

/* Pastikan link sidebar tetap rata kiri tanpa indentasi bullet */
.governing_body_item_link,
.submission_item_link,
.journal_policies_item_link,
.tools_item a {
    padding-left: 9px !important;
    text-indent: 0 !important;
    background-image: none !important;
}