/* Custom Header Styles - Eco-Friendly Theme */
/* Color Palette: #0a2239 (Deep Navy), #1e3f46 (Dark Teal), #f09922 (Orange), #089864 (Green), #de9468 (Peach) */

/* Announcement Bar Styling */
.announcement-bar-section .genstore-container {
  background-color: #089864 !important;
}

.announcement-bar-section .genstore-container::before {
  background-color: #089864 !important;
}

.announcement-bar-section .announcement-bar__message {
  color: #ffffff !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.announcement-bar-section .announcement-bar__link {
  color: #ffffff !important;
}

/* Header Main Styling */
.section-header-wrapper .header-wrapper {
  background-color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(10, 34, 57, 0.08);
  transition: all 0.3s ease;
}

.section-header-wrapper .header-wrapper::before {
  background-color: transparent !important;
}

/* Logo Area */
.header__heading-link {
  color: #0a2239 !important;
}

.header__heading-link .h2,
.header__heading-link span {
  color: #0a2239 !important;
  font-weight: 700;
}

/* Navigation Menu Items */
.header__inline-menu .list-menu__item .genstore-text-tag {
  color: #1e3f46 !important;
  font-weight: 500;
  transition: color 0.2s ease;
}

.header__inline-menu .list-menu__item .genstore-text-tag:hover {
  color: #089864 !important;
}

.header__inline-menu .list-menu__item .genstore-text-tag.active {
  color: #089864 !important;
}

/* Header Icons */
.header__icon {
  color: #0a2239 !important;
  transition: color 0.2s ease;
}

.header__icon:hover {
  color: #089864 !important;
}

.header__icon .svg-wrapper {
  color: inherit;
}

/* Cart Badge */
.cart-number-bubble {
  background-color: #f09922 !important;
  color: #ffffff !important;
}

/* Search Icon */
.header__search .header__icon {
  color: #0a2239 !important;
}

.header__search .header__icon:hover {
  color: #089864 !important;
}

/* Dropdown Menu */
.header__submenu {
  background-color: #ffffff !important;
  border: 1px solid rgba(30, 63, 70, 0.1);
  box-shadow: 0 4px 16px rgba(10, 34, 57, 0.12);
}

.header__submenu .header__menu-item {
  color: #1e3f46 !important;
}

.header__submenu .header__menu-item:hover {
  background-color: rgba(8, 152, 100, 0.08);
  color: #089864 !important;
}

/* Mobile Menu Drawer */
.menu-drawer {
  background-color: #ffffff !important;
}

.menu-drawer__menu-item {
  color: #0a2239 !important;
  border-bottom: 1px solid rgba(30, 63, 70, 0.1);
}

.menu-drawer__menu-item:hover {
  color: #089864 !important;
}

/* Hamburger Menu Icon */
.header__icon--menu .icon-hamburger,
.header__icon--menu .icon-close {
  color: #0a2239 !important;
}

/* Sticky Header Enhancement */
.genstore-section-header-sticky .header-wrapper {
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.98) !important;
}

/* Localization Selectors */
.localization-form__select {
  color: #1e3f46 !important;
}

.localization-form__select:hover {
  color: #089864 !important;
}

/* Account Icon */
.header__icon--account {
  color: #0a2239 !important;
}

.header__icon--account:hover {
  color: #089864 !important;
}

/* Remove default border */
.header-wrapper--border-bottom {
  box-shadow: none !important;
}

/* Mega Menu Styling */
.genstroe-mega-menu-container {
  background-color: #ffffff !important;
  border-top: 3px solid #089864;
}

.genstroe-mega-menu-block .link-block-item .genstore-text-tag {
  color: #1e3f46 !important;
}

.genstroe-mega-menu-block .link-block-item .genstore-text-tag:hover {
  color: #089864 !important;
}

/* Header Link Active State */
.header__active-menu-item {
  color: #089864 !important;
  text-decoration-color: #089864 !important;
}

/* Social Icons in Drawer */
.menu-drawer .list-social__link {
  color: #0a2239 !important;
}

.menu-drawer .list-social__link:hover {
  color: #089864 !important;
}

/* Responsive Adjustments */
@media screen and (max-width: 989px) {
  .section-header-wrapper .header-wrapper {
    padding: 0.5rem 1rem;
  }
  
  .header__heading-link .h2,
  .header__heading-link span {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 749px) {
  .announcement-bar__message {
    font-size: 12px !important;
  }
}