.site-header {
    display: flex; /* Menggunakan Flexbox untuk susun atur yang fleksibel */
    justify-content: space-between; /* Menolak item ke hujung: kiri, tengah, dan kanan */
    align-items: center; /* Menjajarkan semua item secara menegak di tengah */
    padding: 15px 30px; /* Ruang di dalam header (15px atas/bawah, 30px kiri/kanan) */
    background-color: #ffffff; /* Warna latar belakang putih */
    border-bottom: 1px solid #e0e0e0; /* Garisan bawah yang nipis untuk pemisah */
}

.header-left {
    flex-shrink: 0; /* Memastikan ia tidak mengecut jika ruang sempit */
}

.header-center {
    flex-grow: 1; /* Membenarkan bahagian tengah membesar untuk mengisi ruang kosong */
    text-align: center; /* Menjajarkan teks di tengah */
    padding: 0 20px; /* Memberi sedikit ruang di kiri dan kanan teks */
}

.header-right {
    flex-shrink: 0; /* Memastikan ia tidak mengecut */
}

.profile-pic {
    width: 100px;
    height: 100px;
    border-radius: 0; /* Menjadikan gambar bulat sepenuhnya */
        object-fit: contain; /* Memastikan gambar memenuhi bulatan tanpa herot */
}

.site-title {
    font-size: 26px;
    font-weight: 400; /* Fon yang tidak terlalu tebal */
    color: #333; /* Warna kelabu gelap */
    margin: 0 0 5px 0; /* Menghilangkan margin lalai dan menambah sedikit ruang di bawah */
}

.site-title strong {
    font-weight: 700; /* Menjadikan "Dr Aizat" lebih tebal */
}

.whatsapp-info {
    font-size: 16px;
    color: #0175c2; /* Warna biru yang sepadan dengan tema */
    margin: 0;
}

.excel-logo {
    height: 55px;
    width: auto; /* Lebar akan mengikut nisbah aspek asal */
}

/* Menjadikan header responsif pada skrin kecil */
@media (max-width: 768px) {
    .site-header {
        flex-direction: row; /* Kembali ke susunan melintang */
        justify-content: space-between; /* Jajarkan item semula */
        align-items: center; /* Pastikan semua item di tengah secara menegak */
        padding: 10px 15px; /* Kurangkan padding atas/bawah */
        gap: 10px;
    }

    .profile-pic {
        width: 60px; /* Kecilkan saiz gambar profil */
        height: 60px;
    }

    .site-title {
        font-size: 16px; /* Kecilkan saiz fon tajuk utama */
    }

    .whatsapp-info {
        font-size: 12px; /* Kecilkan fon WhatsApp */
    }

    .excel-logo {
        height: 40px; /* Kecilkan saiz logo Excel */
    }
}