/* ==========================================================================
   Style Utama Website Zuhda Kreasi (Frontend)
   ========================================================================== */

:root {
  --primary-color: #0d6efd;
  --secondary-color: #0a4da2;
  --dark-color: #111827;
  --light-bg: #f8f9fa;
  --transition-speed: 0.3s;
}

/* Transisi Halus untuk Scroll Page */
html {
  scroll-behavior: smooth;
}

/* Efek Hover Navigasi */
.navbar-nav .nav-link {
  position: relative;
  transition: color var(--transition-speed) ease;
}

.navbar-nav .nav-link:hover {
  color: var(--primary-color) !important;
}

/* Kustomisasi Shadow dan Border */
.shadow-hover {
  transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
}

.shadow-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}