/* AWAL COPY */
body.pkp_page_index { background-color:#f8f9fa !important; padding-top:85px !important; }

/* HERO BANNER */
#customHeroBanner { display:none !important; }
body.pkp_page_index #customHeroBanner { display:block !important; }
.hero-banner-container { background-color:#1e3a8a; padding:100px 20px 80px; text-align:center; color:white; margin-bottom:20px !important; }
.hero-banner-container h1 { font-size:42px; font-weight:700; margin-bottom:10px; }
.hero-banner-container p { font-size:20px; color:#c89f45; margin-bottom:30px; }
.hero-search-form { max-width:600px; margin:0 auto; display:flex; gap:10px; }
.hero-search-form input { flex:1; padding:15px 25px; border-radius:30px; border:none; font-size:16px; }
.hero-search-form button { padding:15px 30px; background-color:#c89f45; color:white; border:none; border-radius:30px; font-weight:700; cursor:pointer; transition:0.2s !important; }
.hero-search-form button:hover { background-color:#1e3a8a !important; border:2px solid #c89f45 !important; padding:13px 28px !important; }

/* CUSTOM FOOTER */
.pkp_structure_footer_wrapper { display:none !important; }
#customFooter { width:100% !important; background-color:#1e3a8a !important; border-top:5px solid #c89f45 !important; color:#ffffff !important; padding:60px 20px 20px !important; box-sizing:border-box !important; margin-top:60px !important; font-family:sans-serif !important;}
#customFooter .custom-footer-inner { max-width:1200px !important; margin:0 auto !important; }
#customFooter .custom-footer-content { display:flex !important; align-items:center !important; gap:25px !important; margin-bottom:50px !important; max-width:650px !important; }
#customFooter .footer-logo-wrapper { background-color:#ffffff !important; padding:10px !important; border-radius:12px !important; box-shadow:0 5px 15px rgba(0,0,0,0.2) !important; flex-shrink:0 !important; }
#customFooter .footer-logo { max-width:90px !important; display:block !important; margin:0 !important; }
#customFooter .footer-text-wrapper { flex-grow:1 !important; text-align:left !important; }
#customFooter .footer-text-wrapper p { color:#d1d5db !important; font-size:15px !important; line-height:1.7 !important; margin-bottom:8px !important; }
#customFooter .footer-license { font-size:13px !important; }
#customFooter .footer-license a { color:#60a5fa !important; text-decoration:none !important; font-weight:700 !important; }
#customFooter .custom-footer-bottom { max-width:1200px !important; margin:0 auto !important; border-top:1px solid rgba(255,255,255,0.1) !important; padding-top:25px !important; display:flex !important; justify-content:space-between !important; align-items:center !important; font-size:14px !important; color:#9ca3af !important; }
#customFooter .custom-footer-bottom a { color:#60a5fa !important; text-decoration:none !important; }
@media (max-width:768px) {
    #customFooter .custom-footer-content { flex-direction:column !important; text-align:center !important; max-width:100% !important; }
    #customFooter .footer-text-wrapper { text-align:center !important; }
    #customFooter .custom-footer-bottom { flex-direction:column !important; text-align:center !important; gap:15px !important; }
}

/* HAPUS BORDER OJS */
.pkp_structure_page, .pkp_structure_page::before, .pkp_structure_page::after, .pkp_structure_main, .pkp_structure_main::before, .pkp_structure_main::after, .pkp_structure_content, .page_wrapper { border:none !important; border-color:transparent !important; box-shadow:none !important; outline:none !important; background:transparent !important; background-color:transparent !important; }

/* JURNAL LIST */
.page_index_site .journals > ul { display:grid !important; grid-template-columns:1fr !important; gap:30px !important; list-style:none !important; padding:0 !important; margin:0 !important; }
.page_index_site .journals > ul > li { background-color:#ffffff !important; border-radius:12px !important; padding:30px !important; box-shadow:0 10px 25px rgba(0,0,0,0.08) !important; border:none !important; border-top:8px solid #c89f45 !important; display:flex !important; flex-direction:row !important; text-align:left !important; align-items:flex-start !important; }
.page_index_site .journals > ul > li .thumb { width:220px !important; margin:0 35px 0 0 !important; border:none !important; flex-shrink:0 !important; overflow:hidden !important; border-radius:8px !important; }
.page_index_site .journals > ul > li .thumb img { width:100% !important; border-radius:8px !important; box-shadow:0 10px 20px rgba(0,0,0,0.15) !important; transition:transform 0.4s ease !important; display:block !important; }
.page_index_site .journals > ul > li .thumb:hover img { transform:scale(1.05) !important; }
.page_index_site .journals > ul > li .body { width:100% !important; display:flex !important; flex-direction:column !important; flex-grow:1 !important; }
.page_index_site .journals > ul > li h3 { margin:0 0 12px !important; min-height:auto !important; display:flex !important; align-items:flex-start !important; justify-content:flex-start !important; }
.page_index_site .journals > ul > li h3 a { color:#1e3a8a !important; font-weight:900 !important; font-size:24px !important; text-decoration:none !important; line-height:1.3 !important; transition:color 0.2s ease !important; }
.page_index_site .journals > ul > li h3 a:hover { color:#c89f45 !important; }
.page_index_site .journals > ul > li .description { color:#4b5563 !important; margin-bottom:25px !important; flex-grow:1 !important; font-size:15px !important; line-height:1.6 !important; text-align:justify !important; }
.page_index_site .journals > ul > li .links { display:flex !important; justify-content:flex-start !important; gap:15px !important; padding:0 !important; margin-top:auto !important; }
.page_index_site .journals > ul > li .links .view a { background-color:#1e3a8a !important; color:#ffffff !important; padding:10px 28px !important; border-radius:30px !important; font-weight:700 !important; text-decoration:none !important; display:inline-block !important; transition:0.2s !important; }
.page_index_site .journals > ul > li .links .view a:hover { background-color:#c89f45 !important; }
.page_index_site .journals > ul > li .links .current { display:none !important; }

/* HEADER ATAS */
.pkp_structure_head { background-color:#ffffff !important; box-shadow:0 4px 15px rgba(0,0,0,0.08) !important; border-bottom:3px solid #c89f45 !important; position:fixed !important; top:0 !important; left:0 !important; width:100% !important; z-index:9999 !important; box-sizing:border-box !important; }
.pkp_head_wrapper { display:flex !important; align-items:center !important; justify-content:space-between !important; min-height:85px !important; position:relative !important; box-sizing:border-box !important; width:100% !important; padding:0 0 0 40px !important; }
.pkp_site_name_wrapper { display:flex !important; align-items:center !important; flex:0 0 auto !important; margin:0 !important; padding:0 !important; position:static !important; }
.pkp_site_name { margin:0 !important; }
.pkp_site_name .is_text { color:#1e3a8a !important; font-size:28px !important; font-weight:900 !important; text-decoration:none !important; white-space:nowrap !important; margin:0 !important; }

/* MENU KANAN */
@media (min-width:769px) {
    .pkp_site_nav_menu { display:flex !important; align-items:center !important; justify-content:flex-end !important; margin-left:auto !important; margin-right:40px !important; width:auto !important; background-color:transparent !important; position:static !important; transform:none !important; flex:0 0 auto !important; }
    .pkp_navigation_primary_row { display:none !important; }
    .pkp_navigation_user_wrapper, #navigationUserWrapper { display:block !important; margin:0 !important; background-color:transparent !important; position:static !important; transform:none !important; }
    ul.pkp_navigation_user, #navigationUser { display:flex !important; flex-direction:row !important; align-items:center !important; margin:0 !important; padding:0 !important; background-color:transparent !important; position:static !important; transform:translateX(-180px) !important; }
    .pkp_navigation_user > li { display:flex !important; align-items:center !important; margin:0 0 0 15px !important; padding:0 !important; background-color:transparent !important; position:static !important; transform:none !important; }
    .pkp_navigation_user > li > a { color:#1e3a8a !important; border:2px solid #1e3a8a !important; font-weight:700 !important; padding:8px 18px !important; border-radius:25px !important; line-height:1 !important; white-space:nowrap !important; background-color:#ffffff !important; display:inline-block !important; position:static !important; transform:none !important; transition:all 0.2s ease !important; }
    .pkp_navigation_user > li > a:hover { background-color:#1e3a8a !important; color:#ffffff !important; }
}

/* KOREKSI JARAK BAWAH HEADER */
.pkp_page_index .pkp_structure_main, .pkp_page_index .pkp_structure_content { padding-top:10px !important; margin-top:0 !important; }
.page_index_site .journals { margin-top:10px !important; }

/* HP RESPONSIVE */
@media (max-width:768px) { 
    body.pkp_page_index { padding-top:70px !important; } 
    .pkp_head_wrapper { padding:15px 20px !important; min-height:70px !important; } 
    .hero-search-form { flex-direction:column; } 
    .hero-search-form button { width:100%; padding:15px !important; } 
    .pkp_site_name .is_text { white-space:normal !important; font-size:22px !important; } 
    .pkp_site_nav_menu { margin-left:auto !important; margin-right:0 !important; position:static !important; transform:none !important; background-color:transparent !important; }
    .page_index_site .journals > ul > li { flex-direction:column !important; text-align:center !important; border:none !important; border-top:8px solid #c89f45 !important; }
    .page_index_site .journals > ul > li .thumb { margin:0 auto 25px !important; }
    .page_index_site .journals > ul > li h3 { justify-content:center !important; text-align:center !important; }
    .page_index_site .journals > ul > li .description { text-align:justify !important; }
    .page_index_site .journals > ul > li .links { justify-content:center !important; }
}
/* AKHIR COPY - PASTIKAN TULISAN INI TERBAWA */