/**
 * Header Styles - Dark Version (for white/light backgrounds)
 * Same structure as default header but with dark colors
 *
 * @package Emmanuel_Miami_Theme
 */

/* Header Dark Theme */
.header.header--dark {
  /* Keep transparent background */
}

/* Logo is swapped in header.php, no CSS change needed */

/* First Level Menu Items */
.header.header--dark .header__list-item > a {
  color: var(--color-primary); /* Dark purple text instead of white */
}

.header.header--dark .header__list-item.has-submenu.show-submenu > a {
  color: var(--color-secondary); /* Orange when submenu is open */
}

/* Buttons */
.header.header--dark .header__button {
  color: var(--color-primary);
  background-color: rgba(41, 39, 70, 0.08);
}

.header.header--dark .header__button:hover {
  background-color: rgba(41, 39, 70, 0.15);
}

/* Submenu stays the same (already has light background) */
.header.header--dark .submenu-wrapper {
  background-color: var(--color-gray-100);
}

/* Mobile menu toggle if you add one later */
.header.header--dark .mobile-menu-toggle {
  color: var(--color-primary);
}