/* 1. Mengatur Ruang Header agar Pas (Tidak terlalu besar) */
header, #header, .header, .navbar {
    padding-top: 7px !important;    /* Kurangi dari 60px ke 15px */
    padding-bottom: 12px !important; /* Jarak bawah yang rapi */
    min-height: auto !important;     /* Biarkan tinggi menyesuaikan logo saja */
    height: auto !important;
}

/* 2. Mengatur Posisi Logo agar Presisi */
header img, #header img, .navbar-brand img, .logo img {
    height: 80px !important;         /* Tinggi logo Anda */
    width: auto !important;
    position: relative !important;
    top: 5px !important;             /* Kurangi dari 20px ke 5px agar tidak terlalu turun */
    display: inline-block !important;
    margin: 0 !important;            /* Hapus margin otomatis yang mungkin bikin gap */
}

/* 3. Menghapus Jarak Tambahan pada Pembungkus */
.navbar-brand, .logo-wrapper, .logo {
    line-height: 1 !important;       /* Menghilangkan sisa ruang teks di bawah gambar */
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Styling Footer Minimalis */
#footer.bg-gray {
    background: #fdfdfd !important; /* Putih bersih atau abu-abu sangat muda */
    border-top: 1px solid #eeeeee !important;
    padding: 2.5rem 0 !important;   /* Memberi ruang napas yang elegan */
    text-align: center !important;
}

#footer p {
    font-size: 0.75rem !important;  /* Ukuran font kecil (sekitar 12px) */
    color: #888888 !important;      /* Abu-abu sedang (tidak mencolok) */
    font-weight: 400 !important;    /* Tanpa penebalan (Clean look) */
    letter-spacing: 0.5px !important;
    margin: 0 !important;
}

/* Gaya untuk garis pemisah vertikal */
.footer-separator {
    margin: 0 8px;
    color: #dddddd;
    font-weight: 300;
}