/* ============================================
   TheUniGrad — Secondary Color (Yellow/Gold) Overrides
   Uses var(--theme2) so it auto-updates from Theme Options
   ============================================ */

/* ----- PRELOADER ----- */
/* Letter animation: transitions from blue base to yellow overlay (instead of dark navy) */
.preloader .animation-preloader .txt-loading .letters-loading::before {
  color: var(--theme2) !important;
}
/* Spinner ring uses yellow as the spinning accent */
.preloader .animation-preloader .spinner {
  border-top-color: var(--theme2) !important;
  border-left-color: var(--theme) !important;
}
/* Loading sub-text in yellow */
.preloader p {
  color: var(--theme2) !important;
}

/* ----- HEADER — Menu Hover & Active States ----- */
/* Main nav link hover: yellow */
.header-main .main-menu ul li a:hover {
  color: var(--theme2) !important;
}
.header-main .main-menu ul li:hover > a {
  color: var(--theme2) !important;
}
/* Current/active menu item */
.header-main .main-menu ul li.current-menu-item > a,
.header-main .main-menu ul li.current-menu-ancestor > a,
.header-main .main-menu ul li.current_page_item > a {
  color: var(--theme2) !important;
}
/* Submenu link hover */
.header-main .main-menu ul li .sub-menu li:hover > a {
  color: var(--theme2) !important;
}
/* Header 3 menu hover */
.header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li a:hover,
.header-3 .mega-menu-wrapper .header-main .header-left .main-menu ul li:hover > a {
  color: var(--theme2) !important;
}
.header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li a:hover,
.header-3 .mega-menu-wrapper .header-main.style-2 .header-left .main-menu ul li:hover > a {
  color: var(--theme2) !important;
}

/* ----- HEADER — Top Bar Accent ----- */
.header-top-section::before {
  background-color: var(--theme2) !important;
}
.header-top-wrapper .contact-info li a:hover {
  color: var(--theme2) !important;
}

/* ----- BUTTONS — Hover State ----- */
/* Theme buttons hover: yellow background */
.theme-btn:hover {
  background-color: var(--theme2) !important;
}
.theme-btn:hover::before,
.theme-btn:hover::after {
  background-color: var(--theme2) !important;
}

/* ----- FOOTER — Link & Hover Colors ----- */
/* Footer widget list link hover: yellow */
.footer-widgets-wrapper .single-footer-widget .list-items li a:hover {
  color: var(--theme2) !important;
}
/* Footer bullet dot: yellow */
.footer-widgets-wrapper .single-footer-widget .list-items li a::before {
  background-color: var(--theme2) !important;
}
/* Footer top bar icons */
.footer-top ul li i {
  color: var(--theme2) !important;
}
/* Footer social icon hover: yellow background */
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a:hover {
  background-color: var(--theme2) !important;
}
/* Footer bottom / copyright link hover */
.footer-bottom .footer-wrapper .footer-menu li a:hover {
  color: var(--theme2) !important;
  background-image: linear-gradient(var(--theme2), var(--theme2)) !important;
}
.footer-bottom .footer-wrapper p a:hover {
  color: var(--theme2) !important;
}

/* ----- GENERAL ACCENT OVERRIDES ----- */
/* Section subtitle text (e.g., "OUR SERVICES", "ABOUT US") */
.section-title .sub-title {
  color: var(--theme2) !important;
}
/* Icon boxes hover accent */
.service-card:hover .icon,
.offer-card:hover .icon {
  background-color: var(--theme2) !important;
}
/* Tab active state: yellow */
.single-tab-items .nav .nav-link.active {
  background-color: var(--theme2) !important;
  border-color: var(--theme2) !important;
}
/* Back to top button hover */
.scroll-top:hover {
  background-color: var(--theme2) !important;
}