/* ===================================================
   STYLING KUSTOM SDTQ NURUL IHSAN
   =================================================== */

/* 1. Kustomisasi Swiper Slider */
.swiper-slide {
  transition: transform 0.4s ease;
}

/* Efek Hover halus pada foto slide */
.swiper-slide img {
  transition: transform 0.5s ease-in-out;
}

.swiper-slide:hover img {
  transform: scale(1.05);
}

/* Styling Tombol Navigasi Swiper (Panah Kiri & Kanan) */
.swiper-button-next,
.swiper-button-prev {
  background: rgba(6, 78, 59, 0.75) !important; /* Hijau Emerald Transparan */
  color: #ffffff !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50%;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: rgba(6, 78, 59, 1) !important;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 16px !important;
  font-weight: bold;
}

/* Styling Titik Navigasi (Pagination Dots) */
.swiper-pagination-bullet {
  background: #064e3b !important;
  opacity: 0.4;
  width: 8px;
  height: 8px;
  transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  width: 24px !important; /* Efek memanjang saat aktif */
  border-radius: 6px !important;
  background: #059669 !important;
}

/* 2. Bayangan & Border Halus (Glassmorphism / Smooth Card) */
.custom-card-shadow {
  box-shadow: 0 10px 30px -5px rgba(6, 78, 59, 0.08);
  transition: all 0.3s ease;
}

.custom-card-shadow:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 35px -5px rgba(6, 78, 59, 0.15);
}

/* 3. Smooth Scroll untuk Navigasi Menu */
html {
  scroll-behavior: smooth;
}

/* 4. Font Styling Kustom */
.text-brand-green {
  color: #064e3b;
}

.bg-brand-green {
  background-color: #064e3b;
}