/* =========================================================
   GAYA HEADER DESKTOP (eNews)
   Hanya aktif di layar 1024px ke atas
   ========================================================= */

/* Sembunyikan default, munculkan di Desktop */
.header-desktop-only { display: none; }

@media screen and (min-width: 1024px) {
    .header-desktop-only { display: block; }
    .header-mobile-only { display: none !important; }

    .site-header {
        background: #ffffff;
        border-bottom: 1px solid #f2f2f2;
        padding: 15px 0;
        position: sticky; /* Membuat header melayang saat discroll */
        top: 0;
        z-index: 1000;
    }

    .container-desktop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 20px;
        gap: 30px;
    }

    /* --- Bagian Kiri: Logo --- */
    .site-branding .logo-enews {
        text-decoration: none;
    }

    .site-branding .logo-enews span {
        font-size: 28px;
        font-weight: 900;
        color: #111;
        text-transform: uppercase;
        letter-spacing: -1px;
    }

   /* --- Bagian Tengah: Menu Navigasi --- */
    .main-navigation-desktop {
        flex: 1; /* Mengambil sisa ruang agar menu berada di tengah */
        display: flex;
        justify-content: center;
    }

    /* KUNCI: Menargetkan langsung 'ul' di dalam navigasi */
    .main-navigation-desktop ul {
        list-style: none !important; /* Hilangkan titik-titik (bullet) */
        display: flex !important;    /* Paksa menu agar berbaris ke samping */
        flex-direction: row;
        gap: 25px;                   /* Jarak antar menu */
        margin: 0;
        padding: 0;
    }

    .main-navigation-desktop ul li {
        margin: 0; /* Menghilangkan margin bawaan list */
    }

    .main-navigation-desktop ul li a {
        text-decoration: none;
        color: #333;
        font-size: 15px;
        font-weight: 600;
        transition: color 0.3s ease;
        display: block;
    }

    .main-navigation-desktop ul li a:hover {
        color: #397a61; /* Berubah hijau saat disorot */
    }

    /* --- Bagian Kanan: Kotak Pencarian --- */
    .header-search-desktop {
        width: 280px; /* Lebar kotak pencarian */
    }

    .search-form-desktop label {
        position: relative;
        display: block;
    }

    .search-field-desktop {
        width: 100%;
        border: 1px solid #eee;
        background: #f8f9fa; /* Warna abu-abu terang */
        padding: 10px 15px 10px 40px; /* Jarak untuk ikon SVG */
        font-size: 13px;
        color: #333;
        border-radius: 50px; /* Membuat sudut membulat/kapsul */
        outline: none;
        transition: all 0.3s ease;
    }

    .search-field-desktop:focus {
        background: #ffffff;
        border-color: #ddd;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    /* Ikon Kaca Pembesar (SVG) di dalam input */
    .search-icon-svg-desktop {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        stroke: #888;
        pointer-events: none;
    }
}

/* Pelindung Ukuran Custom Logo */
.custom-logo-link img {
    max-height: 45px;
    width: auto;
    display: block;
}