/* =========================================================
   BAGIAN 1: DESKTOP (PC/LAPTOP) - TAMPILAN STANDAR
   ========================================================= */
.pkp_site_name .is_img img {
    max-height: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block;
    object-fit: contain; 
}

.pkp_structure_head {
    /* Link Gambar Background */
    background-image: url('https://journals.futuristik.id/public/journals/1/BG_Header_EDUFULER.png');
    background-size: cover !important; 
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #2e003e !important;
    
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.pkp_site_name {
    text-align: center;
    margin: 0 !important;
}

.pkp_navigation_primary_wrapper {
    margin-top: 0 !important;
    background-color: #6a1b9a !important; 
    border-top: none !important;
    padding-left: 50px !important;  
    padding-right: 15px !important;
    box-sizing: border-box !important; 
}

.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: bold;
}


/* =========================================================
   BAGIAN 2: FIX TABLET (IPAD) & HP - LEBIH LUAS & LEGA
   ========================================================= */
@media only screen and (max-width: 991px) {

    /* 1. LOGO TABLET/HP (TETAP AMAN DI KIRI) */
    .pkp_site_name .is_img img {
        width: 85% !important; 
        max-width: 85% !important; 
        height: auto !important;
        
        display: block !important;
        margin-left: 3% !important;
        margin-right: auto !important;
    }

    /* 2. HEADER TABLET/HP (BIKIN LEBIH LUAS) */
    .pkp_structure_head {
        height: auto !important; 
        
        /* === INI KUNCINYA BIAR GAK GEPENG === */
        /* Kita kasih 'napas' 50px di atas dan 50px di bawah */
        /* Jadinya background ungunya bakal kelihatan LEBAR & MEWAH */
        padding-top: 50px !important; 
        padding-bottom: 50px !important; 
        
        background-position: center center !important;
        background-size: cover !important; /* Pastikan gambar nutup full */
    }
    
    /* 3. MENU DI TABLET/HP */
    .pkp_navigation_primary_wrapper {
        padding-left: 10px !important; 
        padding-right: 10px !important;
        text-align: center !important;
        margin-top: 0 !important; 
    }
    
    /* 4. RESET CONTAINER */
    .pkp_site_name_wrapper, 
    .pkp_site_name, 
    .pkp_site_name .is_img a {
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important; 
        width: 100% !important;
        display: block !important;
    }
    
    html, body {
        overflow-x: hidden !important;
    }
}