/* =========================================================
   CUSTOM CSS OJS 3 - TEMA KUNING & NAVY DELTA PHI (PREMIUM)
   Target: Menghilangkan warna biru default & sinkronisasi logo
   ========================================================= */

/* 1. VARIABEL & FONT */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&family=Inter:wght@400;600&display=swap');

:root {
    --dp-navy: #002147 !important;       /* Biru Navy dari Logo */
    --dp-orange: #F7941D !important;     /* Oranye dari Segitiga Logo */
    --dp-yellow: #FDB813 !important;     /* Kuning Oranye khas Sidebar */
    --dp-light-bg: #fffcf0 !important;   /* Kuning gading sangat muda untuk background */
    --dp-white: #ffffff !important;
    --dp-black: #1a1a1a !important;
    --dp-gray: #555555 !important;
}

/* 2. DASAR & TIPOGRAFI */
body {
    background-color: var(--dp-light-bg) !important;
    font-family: 'Inter', sans-serif !important;
    color: #1e293b !important;
    margin: 0;
    padding: 0;
}

.obj_article_summary .title a, 
.obj_article_details .page_title {
    font-family: 'Noto Serif', serif !important;
    font-weight: 700 !important;
    line-height: 1.4;
    color: var(--dp-navy) !important;
    text-decoration: none !important;
}

/* 3. HEADER & BRANDING */
header.pkp_structure_head {
    background-image: linear-gradient(rgba(0, 33, 71, 0.1), rgba(0, 33, 71, 0.1)), 
                      url('https://assyfa.com/storage/uploads/1/La83UTo1M2fp7yCSYLmuZSbZYVQzTYuY0rgyDFwC.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-bottom: 8px solid var(--dp-navy) !important;
    padding: 50px 0 !important;
    position: relative;
}

.pkp_site_name_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; 
    gap: 30px !important;
    flex-wrap: nowrap !important;
    max-width: 500px;
    margin: 0 auto;
    padding: 0 20px;
}

.pkp_site_name img {
    background: #fff;
    padding: 6px;
    border-radius: 10px;
    box-shadow: var(--dp-shadow-lg);
    max-height: 110px !important; 
    width: auto !important;
    display: inline-block !important;
}

.pkp_site_name .is_text {
    display: block !important; 
    visibility: visible !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 2.2rem !important;
    color: #ffffff !important; 
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

/* 4. NAVIGASI UTAMA (STICKY) */
.pkp_navigation_primary_wrapper {
    background-color: var(--dp-navy) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    position: sticky;
    top: 0;
    z-index: 999;
}

.pkp_navigation_primary {
    justify-content: center !important;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkp_navigation_primary > li > a {
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.85em !important;
    padding: 20px 25px !important;
    letter-spacing: 0.5px;
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pkp_navigation_primary > li > a:hover {
    color: var(--dp-yellow) !important;
    background: rgba(255,255,255,0.1) !important;
}


/* 5. ISSUE BOX AJIS STYLE (HIGHLIGHT BOX) */
.obj_issue_summary .description, 
.obj_issue_details .description {
    background: #fff !important;
    border: 1px solid var(--dp-orange) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-top: 20px !important;
    box-shadow: var(--dp-shadow);
}

/* 6. KARTU ARTIKEL (GRID CARD VIEW) */
.obj_article_summary {
    background: var(--dp-white) !important;
    border: 1px solid var(--dp-border) !important;
    border-radius: 16px !important;
    padding: 35px !important;
    margin-bottom: 35px !important;
    box-shadow: var(--dp-shadow) !important;
    border-left: 10px solid var(--dp-navy) !important;
    transition: transform 0.3s ease;
}

.obj_article_summary:hover {
    transform: translateY(-5px);
    box-shadow: var(--dp-shadow-lg) !important;
}

/* 7. CORE LAYOUT FIX (RIGHT SIDEBAR) */
@media (min-width: 992px) {
    .pkp_structure_content {
        display: flex !important;
        flex-direction: row !important;
        max-width: 1200px !important;
        margin: 40px auto !important;
        gap: 40px !important;
    }
    .pkp_structure_main { flex: 0 0 70% !important; width: 70% !important; }
    .pkp_structure_sidebar { flex: 0 0 30% !important; width: 30% !important; position: sticky; top: 100px; }
}

/* 8. HOMEPAGE & DAFTAR ARTIKEL */
.pkp_structure_main {
    background-color: #fffcf0 !important;
}

/* Judul Artikel */
.obj_article_summary .title a,
.obj_article_details .title {
    color: #002147 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.obj_article_summary .title a:hover {
    color: #F7941D !important;
}

/* Tombol PDF Galley */
.obj_galley_link {
    background-color: #ffffff !important;
    border: 2px solid #F7941D !important;
    color: #F7941D !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    padding: 5px 15px !important;
}

.obj_galley_link:hover {
    background-color: #F7941D !important;
    color: #ffffff !important;
}

/* 5. ISSUE BOX AJIS STYLE (HIGHLIGHT BOX) */
.obj_issue_summary .description, 
.obj_issue_details .description {
    background: #fff !important;
    border: 1px solid var(--dp-orange) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-top: 20px !important;
    box-shadow: var(--dp-shadow);
}

/* 6. KARTU ARTIKEL (PREMIUM CARD) */
.obj_article_summary {
    background: var(--dp-white) !important;
    border: 1px solid var(--dp-border) !important;
    border-radius: 16px !important;
    padding: 35px !important;
    margin-bottom: 35px !important;
    box-shadow: var(--dp-shadow) !important;
    border-left: 10px solid var(--dp-navy) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.obj_article_summary:hover {
    transform: translateY(-5px);
    box-shadow: var(--dp-shadow-lg) !important;
    border-left-color: var(--dp-orange) !important;
}

/* 7. CORE LAYOUT FIX (RIGHT SIDEBAR) */
@media (min-width: 992px) {
    .pkp_structure_content {
        display: flex !important;
        flex-direction: row !important;
        max-width: 1200px !important;
        margin: 40px auto !important;
        gap: 40px !important;
    }
    .pkp_structure_main { 
        flex: 0 0 70% !important; 
        width: 70% !important; 
    }
    .pkp_structure_sidebar { 
        flex: 0 0 30% !important; 
        width: 30% !important; 
        position: sticky; 
        top: 100px; 
    }
}

/* 8. FOOTER */
.pkp_structure_footer_wrapper {
    background: #002147 !important;
    color: #cccccc !important;
    border-top: 5px solid #FDB813 !important;
}

/* 9. RESPONSIVE FIX (MOBILE) */
@media (max-width: 991px) {
    .pkp_structure_content { display: block !important; }
    .pkp_site_name_wrapper { flex-direction: column; text-align: center; }
    .pkp_site_name .is_text { font-size: 1.5rem !important; }
    header.pkp_structure_head { padding: 30px 0 !important; }
}