/* Brand purple (#783888) replaces the template yellow; dark text on it is unreadable,
   so these rules switch text to white wherever main.css set black/dark text on --base-color. */
.search-popup .close-search,
.main-pagination button:hover, .main-pagination a:hover,
.main-pagination .active,
.main-pagination button:hover,
.off-canvas .social a:hover,
.sidebar-cart .cart-item-single .measure button,
.slider-navigation .slider-btn:hover,
.slider-navigation .slider-btn-next,
.btn--primary,
.btn--secondary:hover,
.btn--tertiary:hover,
.preloader i,
.mobile-menu .mobile-menu__social a:hover,
.footer-two .footer-two__widget .social a:hover,
.cause .thumb .tag a,
.cause-two .cause-two__slider-single .cause-thumb a:hover,
.team .team__single:hover .team__single-content__icon,
.team-three .team__single-content__icon,
.blog .blog__single-thumb .tag a:hover,
.blog-main .blog__single-thumb .tag a:hover,
.blog-main .details-footer .tag-wrapper a:hover,
.award .award__single .content .award__thumb a,
.gallery__single a,
.donation-future .donation-future__thumb .btn--primary:hover,
.cm-details .cm-sidebar-widget .tag-wrapper a:hover,
.contact-main .social a:hover,
.shop .shop__single .btn--primary:hover,
.shop .shop-thumb a:hover,
.shop-sidebar-widget .tag-wrapper a:hover,
.product-details .product-details__content .product-size .product-sizes span:hover,
.product-details .product-details__content .product-cta .fav-btn:hover,
.fc-testimonial .slider-navigation .slider-btn-next,
.header-seven-sidenav-box button,
.cause-seven-area .cause__slider-single:hover .thumb .tag a,
.cause-seven-area .swiper-slide-active .thumb .tag a {
  color: var(--white);
}
.mega-menu .mega-content .btn--secondary:hover,
.team .team__single__thumb-social a:hover {
  color: var(--white) !important;
}
.mega-menu .mega-content-wrapper .new {
  color: var(--white);
}

/* ==== Navbar: white text on brand purple ==== */
/* top-level menu links only; dropdown sub-menus keep dark text on white */
.header .navbar__list > .navbar__item > a,
.header .navbar__list > .navbar__item > a:hover,
.header .navbar__list > .navbar__item--has-children:hover > .navbar__dropdown-label,
.header .navbar__list > .active > a,
.header .navbar__list > .active > .navbar__dropdown-label {
  color: #FFFFFF;
}
.header .navbar__list > .navbar__item .dropdown-label-alter::before {
  background-color: #FFFFFF;
}

/* headerOne (.header-secondary): menu already sits in a purple pill */
.header-secondary .navbar__menu-wrapper .contact-btn i,
.header-secondary .navbar__menu-wrapper .contact-btn p,
.header-secondary .navbar__menu-wrapper .contact-btn a {
  color: #FFFFFF;
}

/* headerTwo (.header-primary): whole bar becomes purple */
.header-primary,
.header-primary.sticky-header,
.header-primary .main-header__menu-box {
  background-color: #783888 !important;
}
.header-primary .search-box button,
.header-primary .contact-btn i,
.header-primary .contact-btn p,
.header-primary .contact-btn a {
  color: #FFFFFF;
}
.header-primary .open-offcanvas-nav span {
  background-color: #FFFFFF;
}
.header-primary .navbar__options .btn--primary {
  background-color: #FFFFFF;
  color: #783888;
}

/* ==== Topbar (green box above navbar): centre all items in one row ==== */
.topbar--secondary .topbar__inner > .row {
  justify-content: center;
  align-items: center;
  column-gap: 40px;
  row-gap: 8px;
}
.topbar--secondary .topbar__inner > .row > [class*="col-"] {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.topbar--secondary .topbar__list,
.topbar--secondary .topbar__items {
  justify-content: center !important;
  align-items: center;
}