/* Link Lanka Corporate & Product Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Share+Tech+Mono&display=swap');

:root {
  --primary: #FFCC00;
  --primary-hover: #E6B800;
  --primary-dark: #C69200;
  --dark-bg: #0B0F19;
  --dark-surface: #111827;
  --dark-card: #1F2937;
  --dark-border: #374151;
  --text-main: #0F172A;
  --text-muted: #64748B;
  --accent-green: #10B981;
  --accent-red: #EF4444;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  color: #1E293B;
  background-color: #F8FAFC;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .brand-font {
  font-family: 'Outfit', sans-serif;
}

.mono-font {
  font-family: 'Share Tech Mono', monospace;
}

/* Glassmorphism Navigation */
.nav-glass {
  background: rgba(11, 15, 25, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Taxi Meter Digital Screen Simulation */
.digital-screen {
  background: #0d1a0d;
  border: 3px solid #1e293b;
  box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.9), 0 0 15px rgba(16, 185, 129, 0.25);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.digital-screen::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
  background-size: 100% 4px;
  z-index: 2;
  pointer-events: none;
  opacity: 0.35;
}

.led-digits {
  font-family: 'Share Tech Mono', monospace;
  color: #10B981;
  text-shadow: 0 0 10px rgba(16, 185, 129, 0.8), 0 0 20px rgba(16, 185, 129, 0.4);
}

.led-digits-amber {
  font-family: 'Share Tech Mono', monospace;
  color: #FFB703;
  text-shadow: 0 0 10px rgba(255, 183, 3, 0.8), 0 0 20px rgba(255, 183, 3, 0.4);
}

.led-digits-red {
  font-family: 'Share Tech Mono', monospace;
  color: #EF4444;
  text-shadow: 0 0 10px rgba(239, 68, 68, 0.8), 0 0 20px rgba(239, 68, 68, 0.4);
}

/* Realistic Thermal Receipt */
.thermal-receipt {
  background: #FEFDF9;
  background-image: radial-gradient(#eceae2 15%, transparent 16%);
  background-size: 8px 8px;
  color: #1a1a1a;
  font-family: 'Share Tech Mono', monospace;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  position: relative;
}

.thermal-receipt::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 10px;
  background: radial-gradient(circle, transparent, transparent 50%, #FEFDF9 50%, #FEFDF9 100%);
  background-size: 14px 20px;
}

/* Glow effects */
.glow-primary {
  box-shadow: 0 0 35px -5px rgba(255, 204, 0, 0.45);
}

.glow-subtle {
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.08);
}

/* Card hover animation */
.hover-lift {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;
}

.hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12);
}

/* Animated Pulse Badge */
@keyframes status-pulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.pulse-indicator {
  animation: status-pulse 2s infinite;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Gradient text */
.text-gradient-gold {
  background: linear-gradient(135deg, #FFD400 0%, #FF9F0A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Leaflet Map Branded Customizations */
.custom-map-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}
.custom-map-pin:hover {
  transform: scale(1.18) translateY(-2px);
  z-index: 9999 !important;
}
.leaflet-popup-content-wrapper {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-radius: 18px !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  box-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.6) !important;
  padding: 4px !important;
}
.leaflet-popup-content {
  margin: 14px 16px !important;
  line-height: 1.4 !important;
}
.leaflet-popup-tip {
  background: #0f172a !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
}
.leaflet-container {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
}