/**
 * Golden Mind Mode Header Customization
 * Mode-specific header styling and overrides
 */

/* Golden Mind color scheme */
:root {
  --golden-header-accent: #fbbf24; /* Bright gold */
  --golden-header-secondary: #f59e0b;
  --golden-header-glow: rgba(251, 191, 36, 0.4);
}

/* Golden Mind mode selector styling */
.header__dropdown--mode-selector .mode-selector__icon {
  /* Stars ✨ icon styling with sparkle effect */
  filter: drop-shadow(0 0 6px var(--golden-header-glow));
  animation: goldenSparkle 2s infinite;
}

@keyframes goldenSparkle {
  0%, 100% {
    filter: drop-shadow(0 0 6px var(--golden-header-glow));
    transform: scale(1);
  }
  50% {
    filter: drop-shadow(0 0 12px var(--golden-header-glow));
    transform: scale(1.1);
  }
}

/* Golden Mind active indicator */
.header__dropdown-link--active.golden-active {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.2));
  border-left-color: var(--golden-header-accent);
  box-shadow: inset 0 0 20px rgba(251, 191, 36, 0.1);
}

/* Premium feel for Golden Mind */
.header__nav-link:hover {
  box-shadow: 0 0 15px rgba(251, 191, 36, 0.15);
}

/* Under construction badge enhancement */
.header__nav-link--disabled {
  position: relative;
}

.header__nav-link--disabled::after {
  content: '🚧';
  margin-left: 0.5rem;
  animation: constructionBlink 1.5s infinite;
}

@keyframes constructionBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}