/* GreenHOMEnergy Website - Header Scroll Animations */

/* Base header transition */
.header {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Logo and Nav controls base transitions */
.logo-link,
.nav-left,
.nav-controls {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scrolled state for the header */
.header.scrolled {
  background: var(--header-background-color);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid var(--border-color);
}