/* Menghilangkan border/shadow biru saat tombol hamburger di-klik (focus) */
.navbar-toggler:focus {
  box-shadow: none;
  outline: none;
}

/* Mengatur lebar menu geser (off-canvas) agar tidak full screen */
/* Lebar default-nya sekitar 400px, kita perkecil menjadi 280px */
.offcanvas {
  --bs-offcanvas-width: 280px; /* Anda bisa ubah angkanya sesuai selera, misal 300px */
}

/* Membuat latar belakang menu sedikit transparan dengan efek blur (efek kaca) */
.offcanvas.offcanvas-end {
  background-color: rgba(
    255,
    255,
    255,
    0.85
  ); /* Latar belakang putih dengan 85% opacity */
  backdrop-filter: blur(
    5px
  ); /* Memberi efek blur pada konten di belakangnya (opsional, tapi keren) */
}