/* ==========================================================================
   THE ELITE GRILL - STANDALONE STYLESHEET
   Crafted for Pure HTML/CSS/JS Deployment (Zero Node/Zero Build Dependency)
   Author / Copyright: © SHANAKA DIMUTH
   ========================================================================== */

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

::-webkit-scrollbar-track {
  background: #0a0a0c;
}

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

::-webkit-scrollbar-thumb:hover {
  background: #f59e0b;
}

/* Modal and Active Utility Classes */
.modal.active {
  display: flex !important;
}

.category-btn.active {
  background-color: #f59e0b !important;
  color: #000000 !important;
  border-color: #f59e0b !important;
}

.sim-cut-btn.active, .sim-wood-btn.active, .pay-btn.active, .doneness-btn.active, .spiciness-btn.active {
  border-color: #f59e0b !important;
  background-color: rgba(245, 158, 11, 0.18) !important;
  color: #ffffff !important;
}

/* Line clamps */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Sizzling Grill Animation */
@keyframes searSizzleAnim {
  0% { transform: translateY(0px) rotate(0deg); }
  25% { transform: translateY(-2px) rotate(-0.5deg); }
  50% { transform: translateY(1px) rotate(0.5deg); }
  75% { transform: translateY(-1px) rotate(-0.5deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

.sizzle-active {
  animation: searSizzleAnim 0.1s infinite;
  box-shadow: 0 0 35px rgba(245, 158, 11, 0.85) !important;
}

/* Focus styles */
input:focus, textarea:focus, select:focus {
  box-shadow: 0 0 0 1px #f59e0b;
}