/* style.css */

/* Styling Carousel Sederhana */
.carousel {
    scroll-snap-type: x mandatory; /* Membuat item 'snap' saat scrolling horizontal */
    overflow-x: auto; /* Mengaktifkan scroll horizontal */
    -webkit-overflow-scrolling: touch; /* Scrolling halus di iOS */
    display: flex; /* Mengatur item secara horizontal */
  }
  
  .carousel-item {
    scroll-snap-align: start; /* Item akan 'snap' ke awal container */
    flex: 0 0 auto; /* Mencegah item meregang atau menyusut */
    /* Margin antar item diatur oleh Tailwind 'space-x' di HTML,
       tapi bisa ditambahkan di sini jika perlu fallback atau override */
    /* margin-right: 1rem; */
  }
  
  /* Hapus margin kanan pada item terakhir jika menggunakan margin di .carousel-item */
  /* .carousel-item:last-child {
    margin-right: 0;
  } */
  
  /* Sembunyikan Scrollbar (opsional, tapi sering diinginkan untuk carousel) */
  .carousel::-webkit-scrollbar { display: none; } /* Chrome, Safari, Opera */
  .carousel { -ms-overflow-style: none; scrollbar-width: none; } /* IE, Edge, Firefox */
  
  /* Sedikit penyesuaian ukuran ikon jika perlu */
  .fa-lg { /* Ukuran large FontAwesome */
      vertical-align: -0.1em; /* Sesuaikan alignment vertikal jika perlu */
  }
  .fa-xl { /* Ukuran extra large FontAwesome */
      vertical-align: -0.15em;
  }
  
  /* Style untuk text shadow di hero section */
  .text-shadow-md {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  }
  .text-shadow {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  }
  
  /* Tambahkan style custom lainnya di sini jika ada */