/**
 * Grandinėlė (Chain) Mode Header Customization
 * Mode-specific header styling and overrides
 */

/* Chain mode color scheme */
:root {
  --chain-header-accent: #10b981; /* Green chain accent */
  --chain-header-glow: rgba(16, 185, 129, 0.3);
}

/* Chain mode selector styling */
.header__dropdown--mode-selector .mode-selector__icon {
  /* Chain icon ⛓️ styling */
  filter: drop-shadow(0 0 4px var(--chain-header-glow));
  transition: transform 0.3s ease;
}

.header__dropdown--mode-selector:hover .mode-selector__icon {
  /* Swing animation on hover */
  animation: chainSwing 0.5s ease;
}

@keyframes chainSwing {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-10deg); }
  75% { transform: rotate(10deg); }
}

/* Chain mode active indicator */
.header__dropdown-link--active.chain-active {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.15));
  border-left-color: var(--chain-header-accent);
}

/* Minimal navigation styling for chain mode */
.header__navbar-nav {
  margin: unset;
  padding: unset;
}