/* TA'DIBAN — Journal of Islamic Education | OJS public theme override
   Satu stylesheet utuh, bukan tambahan bertumpuk dari Cerdas Hukum.
   Perubahan hanya presentasi; tautan, statistik, dan isi OJS tidak diubah.
*/
:root{--td-navy:#073a65;--td-blue:#096caa;--td-green:#086d53;--td-teal:#0b9e93;--td-gold:#e5bd63;--td-ink:#173b49;--td-line:#d7e9e5;--td-shadow:0 9px 24px rgba(5,65,77,.12)}
body{font-family:'Bookman Old Style','Bookman', 'URW Bookman',Georgia,serif!important;color:var(--td-ink);background-color:#eff9f7!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='%23eff9f7'/%3E%3Cg fill='none' stroke='%23c7e7e0' stroke-width='3' opacity='.65'%3E%3Cpath d='M100 5L125 48 170 62 152 100 170 138 125 152 100 195 75 152 30 138 48 100 30 62 75 48Z'/%3E%3Cpath d='M100 38L123 77 162 100 123 123 100 162 77 123 38 100 77 77Z'/%3E%3Cpath d='M0 100H38M162 100H200M100 0V38M100 162V200'/%3E%3C/g%3E%3C/svg%3E");background-size:245px 245px;background-repeat:repeat}
body button,body input,body select,body textarea{font-family:inherit}
.pkp_structure_content{background:rgba(255,255,255,.68)}
.pkp_structure_head{background:linear-gradient(110deg,#076345,#097e86 48%,#07568b)!important;border-bottom:4px solid var(--td-gold)}
.pkp_site_name .is_img img,.pkp_site_name img{max-width:100%!important;width:auto;height:auto!important;max-height:none!important;display:block;object-fit:contain}
.pkp_site_name_wrapper{min-height:0}
.pkp_navigation_primary_row{background:linear-gradient(90deg,#084b58,#078c83,#075c9c)!important;box-shadow:0 4px 18px rgba(5,68,79,.15)}
.pkp_navigation_primary>li>a,.pkp_navigation_user>li>a,.pkp_site_nav_menu .search_prompt{color:#fff!important;font-weight:700}
.pkp_navigation_primary>li>a:hover,.pkp_site_nav_menu .search_prompt:hover{background:rgba(255,255,255,.13);color:#fff!important}
.pkp_navigation_primary ul a{color:var(--td-navy)!important}
.pkp_structure_main{color:var(--td-ink)}
.pkp_structure_main h1,.pkp_structure_main h2,.pkp_structure_main h3,.pkp_structure_main h4{font-family:'Bookman Old Style','Bookman','URW Bookman',Georgia,serif!important;color:var(--td-navy);line-height:1.35}
.pkp_page_index .homepage_about,.page_index_journal .homepage_about{background:rgba(255,255,255,.94);border:1px solid var(--td-line);border-top:4px solid var(--td-gold);border-radius:16px;padding:23px 25px;margin:12px 0 25px;box-shadow:var(--td-shadow)}
.homepage_about p{font-size:15px;line-height:1.85;text-align:justify}
.current_issue,.page_index_journal .current_issue{background:#fff;border:1px solid var(--td-line);border-radius:16px;box-shadow:var(--td-shadow);padding:21px 23px;margin-bottom:24px}
.current_issue .cover img,.obj_issue_summary .cover img,.obj_issue_toc .cover img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 8px 20px rgba(2,81,85,.15)}
.obj_article_summary,.obj_issue_toc .sections .articles>li,.cmp_article_list>li{background:rgba(255,255,255,.96);padding:15px 17px;margin:0 0 13px;border:1px solid var(--td-line);border-left:4px solid var(--td-teal);border-radius:12px;box-shadow:0 4px 12px rgba(7,67,71,.06)}
.obj_article_summary .title a,.obj_issue_toc .title a{color:var(--td-navy)!important;font-weight:700;text-decoration:none}
.obj_article_summary .title a:hover,.obj_issue_toc .title a:hover{color:#088c79!important}
.obj_article_summary .authors,.obj_article_summary .pages{color:#526879}
.obj_galley_link,.obj_article_summary .galley_link,.cmp_button,.cmp_button_wire,.pkp_button,.block_make_submission a,.block_make_submission_link{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(105deg,#08674d,#087d92,#0867a9)!important;border:1px solid transparent!important;color:white!important;border-radius:9px!important;padding:8px 15px!important;font-weight:700;text-decoration:none!important;box-shadow:0 4px 13px rgba(5,91,102,.16)}
.obj_galley_link:hover,.cmp_button:hover,.pkp_button:hover,.block_make_submission a:hover{filter:brightness(1.08);color:#fff!important}
.pkp_structure_sidebar .pkp_block{background:white;border:1px solid var(--td-line);border-radius:15px;box-shadow:var(--td-shadow);overflow:hidden;margin:0 0 18px;padding:0}
.pkp_structure_sidebar .pkp_block>.title,.pkp_structure_sidebar .pkp_block .title{background:linear-gradient(100deg,#075b55,#088d91,#075b9b);color:white!important;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.025em;padding:13px 14px;margin:0;border-bottom:3px solid var(--td-gold)}
.pkp_structure_sidebar .pkp_block .content{padding:13px;background:#fff}
.pkp_structure_sidebar .pkp_block .content p{margin:0 0 9px;line-height:1.6}
.pkp_structure_sidebar .pkp_block ul{list-style:none;margin:0;padding:0}
.pkp_structure_sidebar .pkp_block ul li{margin:0 0 8px;padding:0}
/* Menjangkau tautan custom block, termasuk menu langsung dalam paragraf. Jangan paksa tautan gambar. */
.pkp_structure_sidebar .pkp_block .content ul li>a[href]:not(:has(img)),
.pkp_structure_sidebar .pkp_block .content p>a[href]:not(:has(img)),
.pkp_structure_sidebar .pkp_block .content div>a[href]:not(:has(img)){
 display:flex!important;align-items:center;gap:10px;min-height:40px;padding:10px 12px!important;margin:4px 0 8px;border-left:3px solid var(--td-gold)!important;border-radius:9px;background:linear-gradient(105deg,#07674e,#078c86 58%,#086ba7)!important;color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important;line-height:1.45;box-shadow:0 5px 13px rgba(4,96,94,.16);transition:filter .2s,transform .2s}
.pkp_structure_sidebar .pkp_block .content ul li>a[href]:not(:has(img)):hover,
.pkp_structure_sidebar .pkp_block .content p>a[href]:not(:has(img)):hover,
.pkp_structure_sidebar .pkp_block .content div>a[href]:not(:has(img)):hover{filter:brightness(1.08);transform:translateY(-1px)}
.pkp_structure_sidebar .pkp_block .content ul li>a[href]:not(:has(img))::before,
.pkp_structure_sidebar .pkp_block .content p>a[href]:not(:has(img))::before,
.pkp_structure_sidebar .pkp_block .content div>a[href]:not(:has(img))::before{content:'✧';flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);height:24px;border-radius:7px;font-size:15px;color:#fff}
.pkp_structure_sidebar .pkp_block .content ul li>a[href]:not(:has(img))::after,
.pkp_structure_sidebar .pkp_block .content p>a[href]:not(:has(img))::after,
.pkp_structure_sidebar .pkp_block .content div>a[href]:not(:has(img))::after{content:'›';margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.16);font-size:19px;flex:none}
/* Placeholder untuk blok template: target URL tetap dikelola di Custom Block Manager. */
.pkp_structure_sidebar .pkp_block .content a.td-template-download[href]{display:flex!important;align-items:center;justify-content:center;gap:9px;background:linear-gradient(110deg,#08734e,#078e92,#0762a1)!important;color:#fff!important;border:2px solid var(--td-gold)!important;padding:13px!important;border-radius:12px;font-weight:700;text-decoration:none}
.pkp_structure_sidebar .pkp_block .content a.td-template-download::before{content:'⬇';font-size:18px}
.pkp_structure_sidebar .pkp_block .content a.td-template-download::after{content:none!important}
.pkp_structure_sidebar .pkp_block .content a:has(img)::before,.pkp_structure_sidebar .pkp_block .content a:has(img)::after{content:none!important;display:none!important}
.pkp_structure_sidebar .pkp_block img{max-width:100%!important;height:auto!important;object-fit:contain;display:block;margin:5px auto}
/* Konversi gambar sampul besar beranda saja, tidak mengecilkan cover edisi / logo sidebar */
.pkp_page_index .homepage_image img{max-width:350px!important;width:100%!important;height:auto!important;display:block;margin:15px auto!important}
.cmp_breadcrumbs{border-radius:8px;padding:8px 12px;background:rgba(255,255,255,.88)}
a:focus-visible,button:focus-visible{outline:3px solid var(--td-gold);outline-offset:3px}
/* Footer HTML custom: full width dan tanpa branding ganda jika dipilih dalam panel. */
.pkp_structure_footer_wrapper{background:linear-gradient(110deg,#064b57,#078a81,#075c9c)!important;border-top:4px solid var(--td-gold);color:white}
.pkp_structure_footer{display:block!important}
.pkp_footer_content,.pkp_structure_footer .pkp_footer_content{float:none!important;width:100%!important;max-width:100%!important;padding:12px 0!important;color:#fff}
.td-footer{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:23px 28px;color:white;font-size:14px;line-height:1.75;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(110deg,rgba(3,48,62,.68),rgba(5,98,113,.53))}
.td-footer strong{font-size:20px;display:block;color:#fff}
.td-footer a{color:#ffe6a6!important;text-decoration:underline;text-underline-offset:3px}
.td-footer .td-badge{font-weight:700;border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:10px 13px;text-align:center;color:#fff}
/* Keep the platform credit visible; no duplicate branding embedded in HTML footer. */
.pkp_brand_footer{float:none!important;width:100%!important;text-align:right;padding:5px 0 10px!important}
.pkp_brand_footer img{max-width:100px;height:auto}
@media(max-width:900px){.td-footer{grid-template-columns:1fr}.pkp_page_index .homepage_about,.current_issue{padding:17px}.pkp_structure_sidebar .pkp_block{margin-bottom:12px}}
@media(max-width:767px){body{background-size:175px 175px}.pkp_structure_sidebar .pkp_block .title{font-size:13px}.obj_article_summary{padding:13px}.homepage_about p{font-size:14px;line-height:1.75}.td-footer{padding:16px}}
@media(prefers-reduced-motion:reduce){.pkp_structure_sidebar a{transition:none!important}}

/* ==========================================
   PERBAIKAN MENU DAN GAMBAR BUKU TA'DIBAN
   ========================================== */

/* 1. MENU SIDEBAR */
.pkp_structure_sidebar .pkp_block .content h4 {
    margin: 6px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Tombol gradasi hijau-biru */
.pkp_structure_sidebar .pkp_block .content h4 a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 12px !important;
    background: linear-gradient(
        110deg, #07543f, #087d76, #0869a6
    ) !important;
    color: white !important;
    font-family: "Bookman Old Style", Georgia, serif !important;
    font-size: 13px !important;
    font-weight: bold;
    text-align: left !important;
    text-decoration: none !important;
    border-radius: 10px;
    border-left: 3px solid #e5bd63;
    transition: transform .2s ease;
}

/* Ikon menu */
.pkp_structure_sidebar .pkp_block .content h4 a::before {
    content: "✦";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    border-radius: 7px;
    background: rgba(255,255,255,.2);
    color: white;
}

/* Panah kanan */
.pkp_structure_sidebar .pkp_block .content h4 a::after {
    content: "›";
    margin-left: auto;
    font-size: 22px;
    color: white;
}

/* Efek ketika disentuh */
.pkp_structure_sidebar .pkp_block .content h4 a:hover {
    transform: translateX(3px);
    filter: brightness(1.1);
}

/* 2. MENGECILKAN GAMBAR BUKU BERANDA */
.pkp_page_index .homepage_image img,
.page_index_journal .homepage_image img {
    display: block !important;
    width: 100% !important;
    max-width: 280px !important;
    height: auto !important;
    margin: 15px auto !important;
    object-fit: contain !important;
}

/* Wadah gambar beranda */
.pkp_page_index .homepage_image,
.page_index_journal .homepage_image {
    max-width: 100% !important;
    text-align: center;
}

/* 3. TAMPILAN HP */
@media (max-width: 767px) {
    .pkp_page_index .homepage_image img,
    .page_index_journal .homepage_image img {
        max-width: 220px !important;
    }

    .pkp_structure_sidebar .pkp_block .content h4 a {
        font-size: 12px !important;
        padding: 10px !important;
    }
}
/* ========================================
   TA'DIBAN - GAMBAR BUKU BAGIAN BAWAH
   ======================================== */

/* Menargetkan gambar pada Additional Content */
.pkp_page_index .additional_content img,
.page_index_journal .additional_content img {
    display: block !important;
    width: auto !important;
    max-width: 280px !important;
    height: auto !important;
    margin: 15px auto !important;
    object-fit: contain !important;
}

/* Ukuran pada HP */
@media (max-width: 767px) {
    .pkp_page_index .additional_content img,
    .page_index_journal .additional_content img {
        max-width: 220px !important;
    }
}

/* ==========================================
   TA'DIBAN - MERAPIKAN LOGO PADA FOOTER
   ========================================== */

/* Atur susunan seluruh gambar dalam footer */
.pkp_footer_content {
    text-align: center !important;
}

/* Batasi ukuran logo-logo */
.pkp_footer_content img {
    display: inline-block !important;
    width: auto !important;
    max-width: 160px !important;
    max-height: 85px !important;
    height: auto !important;
    object-fit: contain !important;
    vertical-align: middle;
    margin: 10px 8px !important;
}

/* SINTA dapat sedikit lebih besar */
.pkp_footer_content img[src*="sinta"] {
    max-width: 190px !important;
    max-height: 105px !important;
}

/* Rapikan paragraf tempat gambar */
.pkp_footer_content p {
    text-align: center !important;
    line-height: 1.6;
}

/* Ukuran logo pada HP */
@media (max-width: 767px) {
    .pkp_footer_content img {
        max-width: 125px !important;
        max-height: 65px !important;
        margin: 8px 5px !important;
    }

    .pkp_footer_content img[src*="sinta"] {
        max-width: 145px !important;
        max-height: 80px !important;
    }
}