/* ======================================================
   GOLAN PUBLISHER - PORTAL HEADER ONLY
   OJS 3.5
   HANYA BERLAKU PADA PORTAL UTAMA
   ====================================================== */


/* ======================================================
   DESKTOP - PORTAL UTAMA SAJA
   ====================================================== */

body:has(.page_index_site) .pkp_site_name_wrapper {
    width: 100% !important;
    min-height: 200px !important;

    padding: 0 !important;
    margin: 0 !important;

    background-color: #216994 !important;
    background-image: url("/golanheaderoke.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;

    border: none !important;
}


/* Area nama situs */
body:has(.page_index_site) .pkp_site_name {
    width: 100% !important;
    min-height: 200px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* Link area header */
body:has(.page_index_site) .pkp_site_name a {
    display: block !important;

    width: 100% !important;
    min-height: 200px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Sembunyikan logo/text bawaan HANYA pada portal */
body:has(.page_index_site) .pkp_site_name img,
body:has(.page_index_site) .pkp_site_name .is_img,
body:has(.page_index_site) .pkp_site_name .is_text,
body:has(.page_index_site) .pkp_site_name a img {
    display: none !important;
}


/* ======================================================
   TABLET - PORTAL UTAMA
   ====================================================== */

@media (max-width: 992px) {

    body:has(.page_index_site) .pkp_site_name_wrapper {
        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        aspect-ratio: 5 / 1;

        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }

    body:has(.page_index_site) .pkp_site_name {
        min-height: 0 !important;
        height: 100% !important;
    }

    body:has(.page_index_site) .pkp_site_name a {
        min-height: 0 !important;
        height: 100% !important;
    }
}


/* ======================================================
   MOBILE - PORTAL UTAMA
   ====================================================== */

@media (max-width: 600px) {

    body:has(.page_index_site) .pkp_site_name_wrapper {
        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        aspect-ratio: 5 / 1;

        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }

    body:has(.page_index_site) .pkp_site_name {
        width: 100% !important;

        min-height: 0 !important;
        height: 100% !important;
    }

    body:has(.page_index_site) .pkp_site_name a {
        width: 100% !important;

        min-height: 0 !important;
        height: 100% !important;
    }
}


/* ======================================================
   GOLAN PUBLISHER - FINAL FOOTER
   OJS 3.5
   ====================================================== */

/* AREA FOOTER */
.pkp_structure_footer {
    position: relative !important;

    background: #063f66 !important;
    border-top: 4px solid #f2c12e !important;

    color: #ffffff !important;

    margin: 0 !important;
    padding: 0 !important;

    min-height: 0 !important;
}


/* CONTAINER FOOTER */
.pkp_structure_footer .pkp_structure_content {
    background: transparent !important;

    max-width: 1248px !important;
    margin: 0 auto !important;

    padding: 0 !important;
}


/* ======================================================
   INFORMASI GOLAN PUBLISHER
   ====================================================== */

.pkp_structure_footer .pkp_footer_content {

    background: transparent !important;

    color: #ffffff !important;

    margin: 0 !important;

    padding: 32px 230px 32px 32px !important;

    width: auto !important;
    max-width: none !important;

    float: none !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
}


/* Warna semua teks */
.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer .pkp_footer_content p,
.pkp_structure_footer .pkp_footer_content span,
.pkp_structure_footer .pkp_footer_content div {

    color: #ffffff !important;
}


/* Heading */
.pkp_structure_footer .pkp_footer_content strong {

    color: #f2c12e !important;

    font-weight: 700 !important;
}


/* Link */
.pkp_structure_footer .pkp_footer_content a {

    color: #ffffff !important;

    text-decoration: none !important;
}

.pkp_structure_footer .pkp_footer_content a:hover {

    color: #f2c12e !important;
}


/* ======================================================
   LOGO OJS / PKP
   ====================================================== */

.pkp_structure_footer .pkp_brand_footer {

    position: absolute !important;

    right: 45px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 145px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    background: transparent !important;

    text-align: center !important;
}


/* Link logo */
.pkp_structure_footer .pkp_brand_footer a {

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Gambar OJS / PKP */
.pkp_structure_footer .pkp_brand_footer img {

    display: block !important;

    width: 115px !important;
    max-width: 115px !important;
    height: auto !important;

    margin: 0 auto !important;

    opacity: 0.70 !important;
}


/* ======================================================
   FOOTER TABLET
   ====================================================== */

@media (max-width: 992px) {

    .pkp_structure_footer .pkp_footer_content {

        padding: 28px 180px 28px 25px !important;
    }


    .pkp_structure_footer .pkp_brand_footer {

        right: 25px !important;

        width: 125px !important;
    }


    .pkp_structure_footer .pkp_brand_footer img {

        width: 100px !important;
        max-width: 100px !important;
    }
}


/* ======================================================
   FOOTER MOBILE
   ====================================================== */

@media (max-width: 768px) {

    .pkp_structure_footer {

        text-align: center !important;
    }


    .pkp_structure_footer .pkp_footer_content {

        padding: 25px 20px 15px !important;

        width: 100% !important;

        box-sizing: border-box !important;

        text-align: center !important;

        font-size: 13px !important;
        line-height: 1.65 !important;
    }


    .pkp_structure_footer .pkp_brand_footer {

        position: static !important;

        transform: none !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 5px 0 22px !important;

        text-align: center !important;
    }


    .pkp_structure_footer .pkp_brand_footer img {

        width: 85px !important;
        max-width: 85px !important;

        margin: 0 auto !important;
    }
}


/* ======================================================
   FIX AREA ABU-ABU DI SISI FOOTER
   ====================================================== */

.pkp_structure_footer,
.pkp_structure_footer_wrapper,
footer[role="contentinfo"] {
    background: #073f65 !important;
}


/* Pastikan seluruh lebar footer */
.pkp_structure_footer {
    width: 100% !important;
    max-width: 100% !important;
}


/* Container dalam transparan */
.pkp_structure_footer .pkp_structure_content,
.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer .pkp_brand_footer {
    background: transparent !important;
}


/* Footer penuh kiri-kanan */
.pkp_structure_footer::before,
.pkp_structure_footer::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: #073f65;
}


/* Kanan */
.pkp_structure_footer::after {
    left: 100%;
    width: 100vw;
}


/* Kiri */
.pkp_structure_footer::before {
    right: 100%;
    width: 100vw;
}


.pkp_structure_footer {
    position: relative !important;
}

/* ======================================================
   FIX BANNER JURNAL
   OJS 3.5
   HANYA UNTUK JURNAL, BUKAN PORTAL UTAMA
   ====================================================== */

body:not(:has(.page_index_site)) .pkp_site_name {
    width: 100% !important;
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
}


/* Link pembungkus gambar */
body:not(:has(.page_index_site)) .pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
}


/* Banner jurnal */
body:not(:has(.page_index_site)) .pkp_site_name .is_img img {
    display: block !important;

    width: 100% !important;
    max-width: 1300px !important;

    /* PENTING: hapus batas tinggi bawaan OJS */
    max-height: none !important;
    height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain !important;
}


/* ======================================================
   MOBILE
   ====================================================== */

@media (max-width: 768px) {

    body:not(:has(.page_index_site)) .pkp_site_name,
    body:not(:has(.page_index_site)) .pkp_site_name .is_img {
        width: 100% !important;
        max-width: 100% !important;
    }

    body:not(:has(.page_index_site)) .pkp_site_name .is_img img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }
}