/* Custom styles for Sahara Halal Food Cart */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Navigation background on scroll */
#nav.scrolled {
  background: rgba(42, 29, 20, 0.92);
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* Nav links underlined on hover */
.nav-link {
  position: relative;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: #f3a16e;
  transition: width 0.25s ease;
}
.nav-link:hover::after {
  width: 100%;
}

/* Mobile link hover */
.mobile-link {
  position: relative;
}

/* Form focus styles */
input:focus, textarea:focus {
  outline: none;
}

/* Subtle pattern overlay for sections */
.bg-pattern {
  background-image: radial-gradient(circle at 25% 25%, rgba(192, 74, 27, 0.03) 0%, transparent 50%),
                    radial-gradient(circle at 75% 75%, rgba(227, 173, 82, 0.03) 0%, transparent 50%);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #fdf8ee;
}
::-webkit-scrollbar-thumb {
  background: #e05c1f;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #c04a1b;
}

/* Selection color */
::selection {
  background: #f7c4a3;
  color: #3d2b1f;
}