/* --- CSS HEADER FULL WIDTH (BREAKOUT CONTAINER OJS) --- */

/* 1. Hilangkan batasan, padding, dan garis bingkai di header utama */
.pkp_structure_head {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important; 
    max-width: 100% !important;
}

/* 2. Trik 'Breakout': Paksa area logo menjebol container bawaan tema */
.pkp_site_name_wrapper,
.pkp_site_name {
    width: 100vw !important; /* Memaksa lebar 100% dari total layar monitor (Viewport Width) */
    position: relative !important;
    left: 50% !important; 
    right: 50% !important;
    margin-left: -50vw !important; /* Menarik sisi kiri mentok ke tepi ujung layar */
    margin-right: -50vw !important; /* Menarik sisi kanan mentok ke tepi ujung layar */
    padding: 0 !important;
    display: block !important;
    border: none !important;
}

/* 3. Bersihkan sisa margin/border pada tautan (link) logo */
.pkp_site_name a, 
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
}

/* 4. Paksa gambar banner merentang penuh menutupi wadah layarnya */
.pkp_site_name a img, 
.pkp_site_name .is_img img,
img[src*="pageHeaderLogo"] {
    width: 100% !important; /* Melebar penuh dari ujung ke ujung */
    max-width: 100vw !important;
    height: auto !important; /* Proporsi tinggi tetap aman */
    max-height: none !important;
    display: block !important;
    margin: 0 auto !important;
    border: none !important; /* Menghilangkan garis kotak (border) yang mengganggu */
    box-shadow: none !important;
    object-fit: cover !important;
}