/* Custom Styles for Morji Russia Platform */

:root {
  --primary-navy: #0B2545;
  --secondary-navy: #133E87;
  --dark-navy: #071527;
  --ice-blue: #00A3FF;
  --ice-light: #EBF4F6;
  --gold-accent: #D97706;
  --gold-light: #FEF3C7;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #F8FAFC;
  color: #1E293B;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

/* Bulletproof Background Colors */
.hero-dark-bg {
  background: linear-gradient(180deg, #071527 0%, #0B2545 50%, #08182E 100%) !important;
  color: #FFFFFF !important;
}

.promo-dark-bg {
  background: linear-gradient(135deg, #071527 0%, #0B2545 50%, #0B192C 100%) !important;
  color: #FFFFFF !important;
}

.top-bar-dark {
  background-color: #050E1A !important;
  border-bottom: 1px solid #142844 !important;
}

/* Glassmorphism & Frost effect */
.glass-panel {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.8);
}

.glass-dark-card {
  background: rgba(11, 37, 69, 0.95) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Custom Marker Pins */
.custom-map-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #0B2545;
  border: 2px solid #00A3FF;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  box-shadow: 0 4px 12px rgba(0, 163, 255, 0.4);
  transition: all 0.2s ease;
  cursor: pointer;
}

.custom-map-pin:hover {
  transform: rotate(-45deg) scale(1.15);
  background: #00A3FF;
  border-color: #FFFFFF;
}

.custom-map-pin svg {
  transform: rotate(45deg);
  color: #FFFFFF;
}

#russia-map {
  width: 100%;
  height: 580px;
  border-radius: 1rem;
  z-index: 10;
}

.leaflet-popup-content-wrapper {
  border-radius: 12px !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15) !important;
  padding: 0 !important;
  overflow: hidden;
}

.leaflet-popup-content {
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* Buttons */
.btn-primary-gradient {
  background: linear-gradient(135deg, #0284C7 0%, #0369A1 50%, #0B2545 100%);
  color: #FFFFFF !important;
  transition: all 0.2s ease;
}

.btn-primary-gradient:hover {
  background: linear-gradient(135deg, #0369A1 0%, #0284C7 100%);
  box-shadow: 0 10px 15px -3px rgba(2, 132, 199, 0.3);
}

.btn-gold-gradient {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
  color: #0F172A !important;
  font-weight: 700;
}

.btn-gold-gradient:hover {
  background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%);
}

/* Text glow */
.text-ice-glow {
  text-shadow: 0 0 20px rgba(0, 163, 255, 0.4);
}