/* RanchiGrill.com - Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --brand-orange: #f97316;
  --brand-orange-dark: #ea580c;
  --brand-slate: #0f172a;
  --brand-slate-800: #1e293b;
  --brand-slate-700: #334155;
  --brand-cyan: #06b6d4;
}

* { font-family: 'Inter', sans-serif; }

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

/* Sticky nav shadow */
.nav-scroll { box-shadow: 0 2px 20px rgba(0,0,0,0.15); }

/* Orange gradient */
.gradient-orange { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); }

/* Hero gradient overlay */
.hero-overlay {
  background: linear-gradient(135deg, rgba(15,23,42,0.92) 0%, rgba(30,41,59,0.80) 100%);
}

/* Card hover effect */
.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

/* Service card orange border on hover */
.service-card:hover { border-color: #f97316; }

/* Stat counter animation */
@keyframes countUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.stat-item { animation: countUp 0.6s ease forwards; }

/* Comparison table */
.compare-table th { background: #0f172a; color: white; }
.compare-table .highlight-col { background: #fff7ed; font-weight: 600; }

/* FAQ accordion */
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.faq-answer.open { max-height: 500px; }

/* Price calculator */
.area-btn.selected { background: #f97316; color: white; border-color: #f97316; }

/* Ticker */
@keyframes ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.ticker-inner { animation: ticker 30s linear infinite; }
.ticker-inner:hover { animation-play-state: paused; }

/* WhatsApp float */
.whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1000;
  width: 56px;
  height: 56px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(37,211,102,0.4);
  transition: transform 0.2s;
}
.whatsapp-float:hover { transform: scale(1.1); }

/* CTA bar */
.cta-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: white;
  padding: 12px 16px;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
}

/* Inline editor styles */
[data-editable]:hover { outline: 2px dashed #f97316; cursor: pointer; }
[data-editable][contenteditable="true"] { outline: 2px solid #f97316; background: rgba(249,115,22,0.05); }
#admin-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: #0f172a; color: white; padding: 8px 16px; display: flex; align-items: center; gap: 12px; font-size: 13px; }
#admin-bar button { padding: 4px 12px; border-radius: 4px; border: none; cursor: pointer; font-size: 13px; }
.img-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(249,115,22,0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s; cursor: pointer; border-radius: inherit; }
.img-wrapper:hover .img-overlay { opacity: 1; }
.img-wrapper { position: relative; display: inline-block; }

/* Notification */
@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.notify { animation: slideIn 0.3s ease; }

/* Section divider */
.section-divider { height: 4px; background: linear-gradient(90deg, #f97316, #06b6d4); }