/* ===== CONTAINER UTAMA SERAGAM ===== */
.pkp_structure_page,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_structure_footer_wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

/* ===== BACKGROUND LUAR ===== */
body {
    background-color: #f5f7f6;
}

/* ===== HEADER FULL WARNA, ISI CENTER ===== */
.pkp_site_name_wrapper {
    background: linear-gradient(90deg, #0b6b3a, #0e8a4f);
    padding: 15px 20px;
}

/* ===== MENU ===== */
.pkp_navigation_primary_wrapper {
    background: #0b6b3a;
    padding: 0 20px;
}

/* ===== HEADER FULL KE ATAS ===== */
.pkp_structure_head {
    background: #0b6b3a !important;
}

/* HILANGKAN GAP ATAS */
.pkp_site_name_wrapper {
    margin-top: 0 !important;
}

/* FULL BACKGROUND HEADER */
.pkp_structure_head,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper {
    background: #0b6b3a !important;
}

/* ===== MENU USER (LOGIN) ===== */
.pkp_navigation_user_wrapper {
    background: #0b6b3a !important;
}

/* TEXT LOGIN PUTIH */
.pkp_navigation_user_wrapper a {
    color: #ffffff !important;
    font-size: 13px;
}

/* DROPDOWN LOGIN */
.pkp_navigation_user_wrapper ul {
    background: #ffffff !important;
}

.pkp_navigation_user_wrapper ul li a {
    color: #333 !important;
}

/* ===== POSISI LOGIN LEBIH JELAS ===== */
.pkp_navigation_user_wrapper {
    padding-right: 20px;
}

/* ===== HILANGKAN BACKGROUND LUAR ===== */
body {
    margin-top: 0 !important;
}

/* ===== KONTEN UTAMA ===== */
.pkp_structure_main {
    background: #ffffff;
    padding: 25px;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ===== SIDEBAR ===== */
.pkp_structure_sidebar {
    padding-left: 20px;
}

/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper {
    background: #0b6b3a;
    padding: 30px 20px;
    color: #fff;
}

/* ===== RAPIIKAN GRID ===== */
.pkp_structure_content {
    max-width: 1200px;
    margin: auto;
}

/* ===== SHADOW HALUS ===== */
.pkp_structure_main {
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* ===== HAPUS WARNA BIRU SAMPING ===== */
.pkp_navigation_primary_row {
    background: #0b6b3a !important;
}

/* ===== PASTIKAN FULL HIJAU ===== */
.pkp_navigation_primary_wrapper {
    background: #0b6b3a !important;
}

/* ===== HILANGKAN BACKGROUND LUAR ===== */
.pkp_structure_page {
    background: transparent !important;
}

/* ===== BENAHI WRAPPER MENU ===== */
.pkp_navigation_primary {
    margin: 0 auto;
}

/* ===== SAMAKAN SEMUA LEBAR ===== */
.pkp_structure_page,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_structure_footer_wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

/* ===== HILANGKAN FULL WIDTH FOOTER ===== */
.pkp_structure_footer_wrapper {
    width: 100% !important;
}

/* ===== PERBAIKI ISI FOOTER ===== */
.pkp_structure_footer {
    max-width: 1200px;
    margin: 0 auto;
}

/* ===== RAPIIKAN SPASI ===== */
.pkp_structure_footer_wrapper {
    padding: 40px 20px;
}

/* ===== BIAR LEBIH SIMETRIS ===== */
.pkp_structure_main {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pkp_brand_footer {
    display: none !important;
}

.pkp_site_name {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pkp_site_name img {
    height: 50px;
}

.pkp_site_name a {
    font-size: 26px !important;
}

.pkp_site_name a {
    font-size: 28px !important;
    font-weight: bold;
    letter-spacing: 0.5px;
}

/* HOVER MENU LEBIH HIDUP */
.pkp_navigation_primary > li > a:hover {
    background: #0e8a4f;
    transition: 0.3s;
}

/* LINK FOOTER */
.pkp_structure_footer_wrapper a:hover {
    text-decoration: underline;
}

/* HEADER FLEX (LOGO + JUDUL) */
.pkp_site_name {
    display: flex !important;
    align-items: center;
    gap: 15px;
}

/* LOGO */
.pkp_site_name img {
    height: 60px;
}

/* JUDUL MUNCUL & BESAR */
.pkp_site_name a {
    display: block !important;
    font-size: 26px !important;
    font-weight: bold;
    color: #ffffff !important;
}

.pkp_site_name_wrapper {
    padding: 20px 20px;
}

/* FOOTER GRID RAPI */
.pkp_structure_footer_wrapper div {
    text-align: left;
}

/* JUDUL FOOTER */
.pkp_structure_footer_wrapper h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

/* SPASI FOOTER */
.pkp_structure_footer_wrapper p {
    margin: 5px 0;
}

/* KONTEN LEBIH HALUS */
.pkp_structure_main {
    border-radius: 10px;
}

/* JARAK ANTAR SECTION */
.obj_page_index .cmp_announcements {
    margin-top: 20px;
}

/* ===== SEMUA HEADER JADI HIJAU ===== */

/* BAR PALING ATAS (LOGIN) */
.pkp_navigation_user_wrapper {
    background: #0b6b3a !important;
}

/* TEXT LOGIN */
.pkp_navigation_user_wrapper a {
    color: #ffffff !important;
}

/* HEADER UTAMA */
.pkp_structure_head {
    background: #0b6b3a !important;
}

/* AREA HEADER */
.pkp_site_name_wrapper {
    background: #0b6b3a !important;
}

/* MENU NAVIGASI */
.pkp_navigation_primary_wrapper {
    background: #0b6b3a !important;
}

/* HILANGKAN SEMUA WARNA LAIN */
.pkp_structure_head,
.pkp_navigation_user_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper {
    border: none !important;
}

/* DROPDOWN LOGIN TETAP PUTIH */
.pkp_navigation_user_wrapper ul {
    background: #ffffff !important;
}

.pkp_navigation_user_wrapper ul li a {
    color: #333 !important;
}

/* ===== PAKSA SEMUA BAGIAN ATAS JADI HIJAU ===== */

/* BAR PALING ATAS */
.pkp_navigation_user_wrapper,
.pkp_navigation_user,
.pkp_navigation_user_row {
    background: #0b6b3a !important;
}

/* HILANGKAN BACKGROUND PUTIH */
.pkp_navigation_user_wrapper {
    background-color: #0b6b3a !important;
    box-shadow: none !important;
}

/* TEXT LOGIN */
.pkp_navigation_user_wrapper a,
.pkp_navigation_user a {
    color: #ffffff !important;
}

/* AREA HEADER UTAMA */
.pkp_structure_head {
    background: #0b6b3a !important;
}

/* HEADER */
.pkp_structure_head {
    background: #0b6b3a !important;
}

/* MENU (LEBIH TERANG) */
.pkp_navigation_primary_wrapper {
    background: linear-gradient(90deg, #0e8a4f, #13a35c) !important;
}

}

/* KECUALI DROPDOWN (BIAR TETAP PUTIH) */
.pkp_navigation_user_wrapper ul {
    background: #ffffff !important;
}

.pkp_navigation_user_wrapper ul li a {
    color: #333 !important;
}

/* ===== MENU UTAMA ===== */
.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 14px;
}

/* HOVER MENU */
.pkp_navigation_primary > li > a:hover {
    color: #ffd700 !important; /* kuning emas biar hidup */
}

/* ===== MENU LOGIN (ATAS) ===== */
.pkp_navigation_user_wrapper a {
    color: #ffffff !important;
    font-weight: 500;
}

/* HOVER LOGIN */
.pkp_navigation_user_wrapper a:hover {
    color: #ffd700 !important;
}

/* ===== DROPDOWN LOGIN ===== */
.pkp_navigation_user_wrapper ul {
    background: #ffffff !important;
    border-radius: 6px;
}

/* TEXT DROPDOWN */
.pkp_navigation_user_wrapper ul li a {
    color: #333 !important;
}

/* HOVER DROPDOWN */
.pkp_navigation_user_wrapper ul li a:hover {
    background: #0b6b3a !important;
    color: #ffffff !important;
}

/* ===== MENU UTAMA LEBIH JELAS ===== */
.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 700 !important; /* lebih tebal */
    font-size: 15px !important;
    letter-spacing: 0.3px;
}

/* HOVER MENU (BIAR HIDUP) */
.pkp_navigation_primary > li > a:hover {
    color: #ffd700 !important;
}

/* ===== MENU LOGIN ===== */
.pkp_navigation_user_wrapper a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* ===== DROPDOWN LOGIN ===== */
.pkp_navigation_user_wrapper ul {
    background: #ffffff !important;
    border: 1px solid #ddd;
}

/* TEXT DROPDOWN LEBIH GELAP */
.pkp_navigation_user_wrapper ul li a {
    color: #000000 !important;
    font-weight: 500;
}

/* HOVER DROPDOWN */
.pkp_navigation_user_wrapper ul li a:hover {
    background: #0b6b3a !important;
    color: #ffffff !important;
}

/* SHADOW TIPIS BIAR KONTRAS */
.pkp_navigation_primary > li > a {
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* ===== PASTIKAN JUDUL TAMPIL ===== */
.pkp_site_name a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ===== HEADER FLEX ===== */
.pkp_site_name {
    display: flex !important;
    align-items: center;
    gap: 15px;
}

/* ===== LOGO ===== */
.pkp_site_name img {
    height: 60px;
}

/* ===== JUDUL JURNAL ===== */
.pkp_site_name a {
    font-size: 26px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    line-height: 1.2;
}

/* ===== KALAU MASIH HILANG (FORCE FIX) ===== */
.pkp_site_name span {
    display: inline !important;
}

.pkp_site_name a {
    color: yellow !important;
    font-size: 30px !important;
    display: block !important;
}

/* ===== TAMPILKAN LOGO + JUDUL ===== */
.pkp_site_name {
    display: flex !important;
    align-items: center;
    gap: 15px;
}

/* LOGO */
.pkp_site_name img {
    height: 60px;
}

/* TAMPILKAN TEXT JUDUL */


/* HILANGKAN BLOK PUTIH DI DALAM HEADER */
.pkp_structure_head .container {
    background: transparent !important;
}

/* KADANG ADA BACKGROUND TAMBAHAN */
.pkp_site_name_wrapper::before {
    display: none !important;
}

/* PASTIKAN HEADER FULL HIJAU */
.pkp_structure_head,
.pkp_site_name_wrapper {
    background: #0b6b3a !important;
}


/* TEMBAK BAGIAN DALAM HEADER */
.pkp_structure_head * {
    background-color: transparent !important;
}

/* HILANGKAN BACKGROUND PUTIH DI LOGIN BAR */
.pkp_navigation_user {
    background: transparent !important;
}

/* ITEM LOGIN (ADMIN / LOGIN / REGISTER) */
.pkp_navigation_user > li {
    background: transparent !important;
}

/* LINK LOGIN */
.pkp_navigation_user a {
    background: transparent !important;
    color: #ffffff !important;
}

/* DROPDOWN */
.pkp_navigation_user ul {
    background: #ffffff !important;
}

/* HILANGKAN SHAPE PUTIH */
.pkp_navigation_user {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ===== TOP BAR PUTIH (LOGIN AREA) ===== */
.pkp_navigation_user_wrapper {
    background: #ffffff !important;
    padding: 6px 20px !important;
    border-bottom: 1px solid #e0e0e0;
}

/* TEKS LOGIN / ADMIN */
.pkp_navigation_user a {
    color: #0b6b3a !important; /* hijau biar sesuai branding */
    font-weight: 600;
    font-size: 14px;
}

/* HOVER */
.pkp_navigation_user a:hover {
    color: #000000 !important;
}

/* DROPDOWN */
.pkp_navigation_user ul {
    background: #ffffff !important;
    border: 1px solid #ddd;
}

/* ITEM DROPDOWN */
.pkp_navigation_user ul li a {
    color: #333 !important;
}

/* HOVER DROPDOWN */
.pkp_navigation_user ul li a:hover {
    background: #0b6b3a !important;
    color: #ffffff !important;
}

/* BIAR HEADER LEBIH TINGGI */
.pkp_site_name_wrapper {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pkp_site_name {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pkp_site_name img {
    height: 60px;
}

.pkp_site_name a {
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
}

/* BANNER FULL WIDTH */
.pkp_page_index .homepage_image img {
    width: 100% !important;
    height: auto;
    border-radius: 10px;
    margin-bottom: 20px;
}


/* DROPDOWN MENU */
.pkp_navigation_primary ul ul {
    background: #ffffff !important;   /* putih solid */
    border-radius: 8px !important;
    padding: 5px 0 !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
    border: none !important;
}

/* ITEM DROPDOWN */
.pkp_navigation_primary ul ul li a {
    color: #333 !important;
    padding: 10px 15px !important;
    display: block;
    font-weight: 500;
}

/* HOVER ITEM */
.pkp_navigation_primary ul ul li a:hover {
    background: #0e8a4f !important;
    color: #ffffff !important;
    border-radius: 5px;
}

/* PAKSA DROPDOWN FULL PUTIH */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary ul ul {
    background: #ffffff !important;
    opacity: 1 !important;
    border-radius: 8px !important;
    padding: 8px 0 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
    border: none !important;
}

/* ITEM */
.pkp_navigation_primary .dropdown-menu li a,
.pkp_navigation_primary ul ul li a {
    color: #333 !important;
    background: transparent !important;
    padding: 10px 16px !important;
    display: block;
}

/* HOVER */
.pkp_navigation_primary .dropdown-menu li a:hover,
.pkp_navigation_primary ul ul li a:hover {
    background: #0e8a4f !important;
    color: #ffffff !important;
    border-radius: 5px;
}

/* HILANGKAN BACKGROUND ABU-ABU DEFAULT */
.pkp_navigation_primary ul ul li {
    background: transparent !important;
}

/* Container sidebar kanan */
.pkp_block {
    background: #ffffff;
    border-radius: 10px;
    padding: 15px 18px;
    margin-bottom: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    border-left: 4px solid #1b7f4c;
}

/* Judul sidebar (Information) */
.pkp_block .title {
    font-size: 16px;
    font-weight: bold;
    color: #1b7f4c;
    margin-bottom: 10px;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 6px;
}

/* Link dalam sidebar */
.pkp_block a {
    display: block;
    color: #333;
    padding: 6px 0;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Hover link */
.pkp_block a:hover {
    color: #1b7f4c;
    padding-left: 5px;
}

/* Jarak antar item */
.pkp_block ul {
    padding-left: 0;
    list-style: none;
}

/* Item list */
.pkp_block ul li {
    border-bottom: 1px dashed #ddd;
    padding: 4px 0;
}

/* Hapus garis terakhir */
.pkp_block ul li:last-child {
    border-bottom: none;
}

.pkp_block:hover {
    transform: translateY(-2px);
    transition: 0.3s;
}

.pkp_site_name {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pkp_site_name img {
    height: 60px;
    max-height: 60px;
}

.pkp_site_name a {
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
}


.pkp_site_name img {
    display: none !important;
}

.pkp_site_name {
    display: flex;
    align-items: center;
    gap: 12px;

    background: url("https://ejournal.staitapanuli.ac.id/logoJPAI.png") no-repeat left center;
    background-size: 60px;
    padding-left: 70px;
}

/* ===== HEADER LOGO + JUDUL FINAL ===== */

.pkp_site_name img {
    display: none !important; /* sembunyikan logo default */
}

.pkp_site_name {
    display: flex;
    align-items: center;
    gap: 15px;

    background: url("https://ejournal.staitapanuli.ac.id/logoJPAI.png") no-repeat left center;
    background-size: 80px;   /* BESARKAN LOGO */
    padding-left: 95px;
}

/* TAMPILKAN JUDUL */
.pkp_site_name a {
    display: block !important;
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 1.2;
}

/* ===== PERBAIKI TINGGI HEADER ===== */

.pkp_site_name_wrapper {
    padding: 30px 20px !important; /* tambah tinggi atas bawah */
}

/* HEADER FLEX */
.pkp_site_name {
    display: flex;
    align-items: center;
    gap: 15px;

    background: url("https://ejournal.staitapanuli.ac.id/logoJPAI.png") no-repeat left center;
    background-size: 80px;
    padding-left: 100px;
    min-height: 80px; /* INI KUNCI */
}

/* SEMBUNYIKAN LOGO DEFAULT */
.pkp_site_name img {
    display: none !important;
}

/* JUDUL */
.pkp_site_name a {
    display: block !important;
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 1.2;
}

/* ===== TAMPILKAN JUDUL + BESARKAN LOGO ===== */

.pkp_site_name_wrapper {
    padding: 35px 20px !important;
}

/* HAPUS LOGO DEFAULT */
.pkp_site_name img {
    display: none !important;
}

/* HEADER */
.pkp_site_name {
    display: flex;
    align-items: center;
    gap: 15px;

    background: url("https://ejournal.staitapanuli.ac.id/logoJPAI.png") no-repeat left center;
    background-size: 95px;   /* LOGO DIPERBESAR */
    padding-left: 115px;
    min-height: 95px;
}

/* JUDUL WAJIB MUNCUL */
.pkp_site_name a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: bold !important;
    line-height: 1.2;
}

/* ===== PAKSA JUDUL MUNCUL ===== */

.pkp_site_name a {
    display: inline-block !important;
    position: relative;
    z-index: 10 !important;

    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: bold !important;
    line-height: 1.3;

    margin-left: 10px;
}

/* ===== TAMBAH JUDUL MANUAL ===== */

.pkp_site_name::after {
    content: "Al-Hasany: Jurnal Pendidikan Agama Islam";
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;

    margin-left: 15px;
}

/* ===== HEADER FULL WIDTH PROFESIONAL ===== */

.pkp_site_name_wrapper {
    padding: 40px 30px !important;
}

/* HEADER FLEX */
.pkp_site_name {
    display: flex;
    align-items: center;
    gap: 20px;

    background: url("https://ejournal.staitapanuli.ac.id/logoJPAI.png") no-repeat left center;
    background-size: 100px;
    padding-left: 130px;
    min-height: 110px;
}

/* JUDUL FULL */
.pkp_site_name::after {
    content: "Al-Hasany: Jurnal Pendidikan Agama Islam";
    
    color: #ffffff;
    font-size: 36px;      /* BESAR */
    font-weight: bold;
    line-height: 1.2;

    width: 100%;
    display: block;
}

/* =====================================
   LOCK STRUCTURE (STABIL SEMUA DEVICE)
===================================== */

/* Pastikan semua elemen tidak melebar liar */
* {
    box-sizing: border-box;
}

/* Body aman */
body {
    overflow-x: hidden;
}

/* Wrapper utama */
.pkp_structure_page {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 15px;
}

/* KONTEN + SIDEBAR GRID */
.pkp_structure_content {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

/* KONTEN UTAMA */
.pkp_structure_main {
    flex: 3;
    min-width: 0; /* penting agar tidak overflow */
}

/* SIDEBAR */
.pkp_structure_sidebar {
    flex: 1;
    min-width: 0;
}

/* =====================================
   MOBILE LOCK (HP)
===================================== */

@media (max-width: 768px) {

    /* Layout jadi vertikal */
    .pkp_structure_content {
        flex-direction: column;
    }

    /* Semua full width */
    .pkp_structure_main,
    .pkp_structure_sidebar {
        width: 100%;
    }

    /* Padding lebih rapat */
    .pkp_structure_page {
        margin: 10px;
        padding: 0 10px;
    }

    /* Judul header tidak pecah */
    .pkp_site_name_wrapper::after {
        white-space: normal;
        line-height: 1.3;
    }
}