/**
 * Šeimynos (Family) Mode Header Customization
 * Mode-specific header styling and overrides
 */

/* Family mode color scheme - warm, friendly colors */
:root {
  --family-header-accent: #f97316; /* Warm orange */
  --family-header-secondary: #ea580c;
  --family-header-glow: rgba(249, 115, 22, 0.3);
}

/* Family mode selector styling */
.header__dropdown--mode-selector .mode-selector__icon {
  /* Home 🏠 icon styling with warm glow */
  filter: drop-shadow(0 0 5px var(--family-header-glow));
  transition: transform 0.3s ease;
}

.header__dropdown--mode-selector:hover .mode-selector__icon {
  /* Cozy bounce effect */
  animation: familyBounce 0.6s ease;
}

@keyframes familyBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

/* Family mode active indicator */
.header__dropdown-link--active.family-active {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.15), rgba(234, 88, 12, 0.15));
  border-left-color: var(--family-header-accent);
}

/* Friendly, welcoming hover effects */
.header__nav-link:hover {
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.2);
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.05), rgba(234, 88, 12, 0.05));
}

/* Under construction styling */
.header__nav-link--disabled {
  position: relative;
}

.header__nav-link--disabled::after {
  content: '👨‍👩‍👧‍👦';
  margin-left: 0.5rem;
  opacity: 0.6;
}

/* Warm, family-friendly color adjustments */
.mode-badge--soon {
  background: linear-gradient(135deg, var(--family-header-accent), var(--family-header-secondary));
}
