/* =========================================================
   TIK ILMEU — SIDEBAR UPGRADE (OJS 3)
   Header hijau, teks putih, dan menu kebijakan berbentuk kartu
   ========================================================= */

.pkp_structure_sidebar {
    font-family: "Plus Jakarta Sans", "Open Sans", sans-serif;
    color: #344b52;
}

/* Kartu luar/sidebar blocks */
.pkp_structure_sidebar .pkp_block {
    background: linear-gradient(145deg, #ffffff 0%, #fbfdfc 100%);
    border: 1px solid #deebe5;
    border-radius: 18px;
    padding: 20px;
    margin-bottom: 22px;
    box-shadow: 0 8px 24px rgba(7, 94, 115, 0.055),
                0 2px 7px rgba(35, 72, 64, 0.035);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.pkp_structure_sidebar .pkp_block:hover {
    box-shadow: 0 12px 30px rgba(7, 94, 115, 0.075),
                0 4px 10px rgba(35, 72, 64, 0.045);
}

/* =========================================================
   HEADING: ACCREDITED / ARTICLE TEMPLATE / JOURNAL POLICIES
   Menjangkau judul custom HTML (h2-h6) maupun judul blok OJS
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block .content h2,
.pkp_structure_sidebar .pkp_block .content h3,
.pkp_structure_sidebar .pkp_block .content h4,
.pkp_structure_sidebar .pkp_block .content h5,
.pkp_structure_sidebar .pkp_block .content h6 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    color: #ffffff !important;
    background: #075e73;
    border: 0;
    border-radius: 9px;
    padding: 13px 15px;
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.45px;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(25, 126, 91, 0.13);
}

/* Hilangkan garis aksen lama yang tidak diperlukan pada header hijau */
.pkp_structure_sidebar .pkp_block .title::after,
.pkp_structure_sidebar .pkp_block .content h2::after,
.pkp_structure_sidebar .pkp_block .content h3::after,
.pkp_structure_sidebar .pkp_block .content h4::after,
.pkp_structure_sidebar .pkp_block .content h5::after,
.pkp_structure_sidebar .pkp_block .content h6::after {
    content: none !important;
}

/* Spasi di sekitar isi custom block */
.pkp_structure_sidebar .pkp_block .content {
    color: #44585f;
}

/* =========================================================
   MENU LINK — mendukung menu OJS dan link dalam paragraf
   ========================================================= */

/* Reset daftar menu */
.pkp_structure_sidebar .pkp_block .content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkp_structure_sidebar .pkp_block .content li {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Link dalam daftar: setiap tautan menjadi baris menu */
.pkp_structure_sidebar .pkp_block .content li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 4px;
    padding: 9px 12px;
    border: 1px solid #e3eee8;
    border-radius: 9px;
    background: #ffffff;
    color: #43565d;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(25, 75, 60, 0.025);
    transition: background 0.2s ease, color 0.2s ease,
                border-color 0.2s ease, transform 0.2s ease,
                box-shadow 0.2s ease;
}

/* Panah kanan pada daftar menu */
.pkp_structure_sidebar .pkp_block .content li a::after {
    content: "\203A";
    flex: 0 0 auto;
    color: #2d9a70;
    font-size: 23px;
    line-height: 0.8;
    transition: transform 0.2s ease;
}

.pkp_structure_sidebar .pkp_block .content li a:hover {
    color: #075e73;
    border-color: #c5e4d3;
    background: linear-gradient(90deg, #edf8f1 0%, #ffffff 100%);
    box-shadow: 0 5px 12px rgba(25, 126, 91, 0.075);
    transform: translateX(2px);
}

.pkp_structure_sidebar .pkp_block .content li a:hover::after {
    color: #087fa0;
    transform: translateX(3px);
}

/* Menu/link aktif */
.pkp_structure_sidebar .pkp_block .content li a.current,
.pkp_structure_sidebar .pkp_block .content li.current > a {
    color: #075e73;
    background: #edf8f1;
    border-color: #c5e4d3;
    font-weight: 700;
    box-shadow: inset 3px 0 0 #36a875;
}

/* =========================================================
   LINK POLICIES DALAM CUSTOM HTML
   Cocok untuk link yang dimasukkan satu per satu melalui <p><a>
   Tidak mengubah link yang berisi gambar (mis. logo akreditasi)
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content p:has(> a:only-child) {
    margin: 0 0 4px;
    padding: 0;
}

.pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img)) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #e3eee8;
    border-radius: 9px;
    background: #ffffff;
    color: #43565d;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(25, 75, 60, 0.025);
    transition: background 0.2s ease, color 0.2s ease,
                border-color 0.2s ease, transform 0.2s ease,
                box-shadow 0.2s ease;
}

.pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img))::after {
    content: "\203A";
    flex: 0 0 auto;
    color: #2d9a70;
    font-size: 23px;
    line-height: 0.8;
    transition: transform 0.2s ease;
}

.pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img)):hover {
    color: #075e73;
    border-color: #c5e4d3;
    background: linear-gradient(90deg, #edf8f1 0%, #ffffff 100%);
    box-shadow: 0 5px 12px rgba(25, 126, 91, 0.075);
    transform: translateX(2px);
}

.pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img)):hover::after {
    color: #087fa0;
    transform: translateX(3px);
}

/* Tautan umum selain link yang berisi gambar */
.pkp_structure_sidebar .pkp_block .content a:not(:has(img)) {
    text-underline-offset: 3px;
}

/* =========================================================
   KARTU IMAGE / ACCREDITATION
   Logo tetap proporsional dan berada di dalam kotak
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content a:has(img) {
    text-decoration: none;
}

.pkp_structure_sidebar .pkp_block .content img {
    max-width: 100%;
    height: auto;
}

.pkp_structure_sidebar .pkp_block .content p:has(> a:has(img)) {
    padding: 12px;
    margin: 0 0 16px;
    border: 1px solid #d7e7e2;
    border-radius: 12px;
    background: #ffffff;
    text-align: center;
}

/* =========================================================
   INPUT & BUTTON
   ========================================================= */

.pkp_structure_sidebar .pkp_block input[type="text"],
.pkp_structure_sidebar .pkp_block input[type="search"],
.pkp_structure_sidebar .pkp_block input[type="email"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 11px 13px;
    border: 1px solid #dce8e2;
    border-radius: 9px;
    background: #ffffff;
    color: #263b40;
    font: inherit;
    font-size: 13px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pkp_structure_sidebar .pkp_block input:focus {
    border-color: #42ad79;
    box-shadow: 0 0 0 3px rgba(66, 173, 121, 0.14);
}

.pkp_structure_sidebar .pkp_block button,
.pkp_structure_sidebar .pkp_block input[type="submit"] {
    border: 0;
    border-radius: 8px;
    padding: 10px 15px;
    background: linear-gradient(135deg, #075e73, #087fa0);
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease;
}

.pkp_structure_sidebar .pkp_block button:hover,
.pkp_structure_sidebar .pkp_block input[type="submit"]:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

/* Responsif */
@media (max-width: 768px) {
    .pkp_structure_sidebar .pkp_block {
        padding: 15px;
        margin-bottom: 16px;
        border-radius: 14px;
    }

    .pkp_structure_sidebar .pkp_block .title,
    .pkp_structure_sidebar .pkp_block .content h2,
    .pkp_structure_sidebar .pkp_block .content h3,
    .pkp_structure_sidebar .pkp_block .content h4,
    .pkp_structure_sidebar .pkp_block .content h5,
    .pkp_structure_sidebar .pkp_block .content h6 {
        padding: 9px 12px;
        font-size: 13px;
    }

    .pkp_structure_sidebar .pkp_block .content li a,
    .pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img)) {
        padding: 9px 12px;
    }
}