/* ==========================================
   1. PENGATURAN WARNA LATAR (BACKGROUND)
========================================== */

/* Memaksa warna krem pada elemen html dan body sekaligus */
html, body {
    background-color: #f8f5e2 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Warna background header
   Transparan agar mengikuti warna body */
.pkp_structure_head {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
    position: relative;
}

/* Warna background area konten jurnal */
.pkp_structure_main {
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}


/* ==========================================
   2. PENGATURAN HEADER & BANNER FULL-WIDTH
========================================== */

/* Melebarkan area header agar penuh 100% */
.pkp_head_wrapper {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
}

/* Menghapus jarak pada elemen nama/logo situs */
.pkp_site_name_wrapper,
.pkp_site_name {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name .is_img {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Memaksa banner menggunakan gambar yang ditentukan */
.pkp_site_name .is_img img {
    content: url('https://journal.denashurya.com/public/journals/9/pageHeaderLogoImage_en.png') !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
}


/* ==========================================
   3. PENGATURAN MENU REGISTER & LOGIN
========================================== */

/* Menjaga menu mengambang rapi di atas banner */
.pkp_navigation_user_wrapper {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 99;
}

/* Tombol Register/Login */
.pkp_navigation_user li a {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 6px 14px;
    border-radius: 4px;
    color: #000000 !important;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}


/* ==========================================
   4. PENGATURAN FOOTER
   DUO TONE SOFT TEAL
========================================== */

/* 
   Gradasi menggunakan turunan warna utama #11A69E.
   
   #E6F7F5 = Teal sangat soft
   #BFE9E5 = Teal soft
*/
.pkp_structure_footer {
    background: linear-gradient(
        135deg,
        #E6F7F5 0%,
        #BFE9E5 100%
    ) !important;

    color: #155E59 !important;

    padding: 40px 20px !important;
    margin: 0 !important;

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

    border-top: 1px solid #A8DDD8 !important;
}


/* ==========================================
   4.1 WARNA TEKS FOOTER
========================================== */

/* Memastikan semua teks footer menggunakan
   warna teal gelap */
.pkp_structure_footer p,
.pkp_structure_footer h2,
.pkp_structure_footer h3,
.pkp_structure_footer h4,
.pkp_structure_footer span,
.pkp_structure_footer div,
.pkp_structure_footer a {
    color: #155E59 !important;
}


/* ==========================================
   4.2 HOVER LINK FOOTER
========================================== */

.pkp_structure_footer a:hover {
    color: #0F766E !important;
    text-decoration: underline;
}


/* ==========================================
   4.3 BLOK CUSTOM HTML FOOTER
========================================== */

/* Menghapus background, radius, dan batas
   pada blok custom HTML */
.pkp_structure_footer .pkp_block {
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}


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

/* Jika logo PKP masih aktif */
.pkp_brand_footer {
    filter: brightness(0.2);
}


/* ==========================================
   5. PENGHAPUSAN SISA ELEMEN BAWAAN OJS
========================================== */

/* Mengembalikan warna background utama
   menjadi cream */
html,
body,
.pkp_structure_page {
    background-color: #f8f5e2 !important;
    border-bottom: none !important;
}


/* ==========================================
   5.1 FOOTER WRAPPER
========================================== */

/* Memastikan wrapper footer juga menggunakan
   gradasi soft teal */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    background: linear-gradient(
        135deg,
        #E6F7F5 0%,
        #BFE9E5 100%
    ) !important;

    border-bottom: none !important;
}


/* ==========================================
   5.2 MENYEMBUNYIKAN LOGO OJS / PKP
========================================== */

.pkp_brand_footer {
    display: none !important;
}


/* ==========================================
   5.3 MEMATIKAN DEKORASI BAWAAN TEMA OJS
========================================== */

.pkp_structure_page::after,
.pkp_structure_page::before {
    display: none !important;
}


/* ==========================================
   6. PERBAIKAN TATA LETAK AREA KONTEN
   FINAL KARTU PUTIH
========================================== */

/* Wadah utama menjadi kartu putih */
.pkp_structure_content {
    background-color: #ffffff !important;

    margin-top: 30px !important;
    margin-bottom: 40px !important;

    border-radius: 12px;

    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}


/* ==========================================
   6.1 AREA KONTEN UTAMA
========================================== */

/* Mengembalikan area kiri agar transparan */
.pkp_structure_main {
    background-color: transparent !important;

    box-shadow: none !important;

    border: none !important;
}


/* ==========================================
   6.2 SIDEBAR
========================================== */

/* Menghilangkan garis vertikal sidebar */
.pkp_structure_sidebar {
    border-left: none !important;
}


/* ==========================================
   6.3 MENGHILANGKAN GARIS DEKORASI
========================================== */

.pkp_structure_main::before,
.pkp_structure_main::after {
    display: none !important;
}


/* ==========================================
   7. WARNA UTAMA JURNAL
   #11A69E
========================================== */

/* Link umum */
a {
    color: #11A69E;
}


/* Hover link umum */
a:hover {
    color: #0F766E;
}


/* Tombol utama OJS */
button,
.button,
.pkp_button,
.btn-primary {
    background-color: #11A69E !important;
    border-color: #11A69E !important;
}


/* Hover tombol utama */
button:hover,
.button:hover,
.pkp_button:hover,
.btn-primary:hover {
    background-color: #0F766E !important;
    border-color: #0F766E !important;
}


/* ==========================================
   8. AKSEN WARNA PRIMARY
========================================== */

/* Warna teks primary */
.text-primary {
    color: #11A69E !important;
}


/* Background primary */
.bg-primary {
    background-color: #11A69E !important;
}


/* Border primary */
.border-primary {
    border-color: #11A69E !important;
}