/* * MAHARANI ICE CREAM PARLOUR & FOOD PLAZA
 * Main Stylesheet
 */

/* Utility: Hide Scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* UI: Glassmorphism Effect */
.glass {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dark .glass {
  background: rgba(10, 10, 10, 0.85);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Global Reset */
* {
  -webkit-tap-highlight-color: transparent;
}

/* Feature: Search Highlight */
.highlight-text {
  background-color: rgba(255, 109, 0, 0.2);
  color: #ff6d00;
  padding: 0 2px;
  border-radius: 4px;
}

.dark .highlight-text {
  background-color: rgba(255, 109, 0, 0.4);
  color: #ffd180;
}
/* --- Add this to style.css --- */

/* Premium Card Hover Effect */
.menu-card {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.menu-card:active {
  transform: scale(0.98);
}

/* Glass Cart Pill */
.glass-cart {
  background: rgba(255, 109, 0, 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 32px rgba(255, 109, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Modal Receipt Style */
.receipt-dashed-line {
  background-image: linear-gradient(to right, #e5e7eb 50%, transparent 50%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
}
.dark .receipt-dashed-line {
  background-image: linear-gradient(to right, #374151 50%, transparent 50%);
}
/* Ensure this is present in style.css */
* {
  -webkit-tap-highlight-color: transparent;
}
/* --- BRANDING: The Maharani Royal Vibe --- */

/* 1. Royal Background Texture */
/* This adds a subtle geometric pattern over the background color */
body {
  background-color: #f8fafc;
  background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
  background-size: 24px 24px;
}

.dark body {
  background-color: #0a0a0a;
  background-image: radial-gradient(#262626 1px, transparent 1px);
  background-size: 24px 24px;
}

/* 2. The Hero Banner */
.hero-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4)),
    url("https://images.unsplash.com/photo-1563805042-7684c019e1cb?q=80&w=2727&auto=format&fit=crop"); /* Placeholder: Dark Ice Cream */
  background-size: cover;
  background-position: center;
  box-shadow: 0 20px 40px -10px rgba(255, 109, 0, 0.3);
}

/* 3. Gold Accents for that "Maharani" feel */
.text-brand-gold {
  color: #ffd700; /* Royal Gold */
}
.border-brand-gold {
  border-color: #ffd700;
}
/* Animation for the Header Diamonds */
@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ph-diamond {
  display: inline-block;
  font-size: 0.8em;
  opacity: 0.8;
}