#header.header-transparent {
  background-color: transparent !important;
  box-shadow: none;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

#header.scrolled {
  background-color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#header.scrolled .dropdown-item {
  color: #000 !important;
}

#header .dropdown-item {
  transition: color 0.3s ease;
}

#header.header-transparent {
  background-color: transparent !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

#header.scrolled {
  background-color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Transparent mode */
#header.header-transparent .header-body {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Scrolled mode */
#header.scrolled .header-body {
  background-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}