/**
 * Lucid Icons Integration für SUMA Center
 * Moderne SVG Icons für Shopping Center Interface
 */

/* ========================================
   LUCID ICONS BASE SETUP
   ======================================== */

.lucide {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  vertical-align: middle;
}

/* Icon Size Variants */
.lucide-xs { width: 12px; height: 12px; }
.lucide-sm { width: 16px; height: 16px; }
.lucide-md { width: 20px; height: 20px; }
.lucide-lg { width: 24px; height: 24px; }
.lucide-xl { width: 32px; height: 32px; }
.lucide-2xl { width: 48px; height: 48px; }
.lucide-3xl { width: 64px; height: 64px; }

/* Stroke Width Variants */
.lucide-thin { stroke-width: 1; }
.lucide-regular { stroke-width: 2; }
.lucide-bold { stroke-width: 2.5; }

/* ========================================
   SUMA CENTER SPECIFIC ICON STYLES
   ======================================== */

/* Shopping & Stores */
.smg-icon-store { color: var(--suma-600); }
.smg-icon-shopping { color: var(--suma-500); }
.smg-icon-bag { color: var(--suma-700); }

/* Gastronomie */
.smg-icon-restaurant { color: #e67e22; }
.smg-icon-coffee { color: #8b4513; }
.smg-icon-utensils { color: #f39c12; }

/* Services */
.smg-icon-parking { color: #27ae60; }
.smg-icon-clock { color: var(--app-gray-600); }
.smg-icon-phone { color: #3498db; }
.smg-icon-mail { color: #9b59b6; }

/* Categories */
.smg-icon-fashion { color: #e91e63; }
.smg-icon-health { color: #2ecc71; }
.smg-icon-tech { color: #34495e; }
.smg-icon-toys { color: #f1c40f; }

/* ========================================
   ANIMATED ICON EFFECTS
   ======================================== */

.lucide-animated {
  transition: all var(--transition-normal);
}

.lucide-animated:hover {
  transform: scale(1.1);
}

.lucide-pulse {
  animation: lucide-pulse 2s infinite;
}

@keyframes lucide-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.lucide-spin {
  animation: lucide-spin 1s linear infinite;
}

@keyframes lucide-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ========================================
   ICON COMBINATIONS & LAYOUTS
   ======================================== */

.icon-with-text {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.icon-badge {
  position: relative;
  display: inline-block;
}

.icon-badge::after {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  background: var(--suma-600);
  border-radius: 50%;
  border: 2px solid white;
}

/* ========================================
   RESPONSIVE ICON SIZES
   ======================================== */

@media (max-width: 768px) {
  .lucide-responsive {
    width: 18px;
    height: 18px;
  }
  
  .lucide-responsive.lucide-xl {
    width: 24px;
    height: 24px;
  }
}

/* ========================================
   SPECIFIC SUMA ICONS MAPPING
   ======================================== */

/* Store Categories */
.icon-kaufland { color: #005cb5; }
.icon-deichmann { color: #000000; }
.icon-smyths { color: #ff6b35; }
.icon-action { color: #ff0000; }
.icon-subway { color: #008c15; }
.icon-vodafone { color: #e60000; }

/* Service Types */
.icon-opening-hours { color: var(--app-gray-700); }
.icon-parking-free { color: #27ae60; }
.icon-wifi-free { color: #3498db; }
.icon-family-friendly { color: #f39c12; }