/**
 * Eduzia Brand Overrides
 * Official palette: slate + teal
 */

:root {
  --eduzia-primary: #1f2937;
  --eduzia-secondary: #0f766e;
  --eduzia-accent: #14b8a6;
  --eduzia-white: #ffffff;
  --eduzia-primary-hover: #111827;
  --eduzia-secondary-hover: #115e59;
  --eduzia-primary-light: rgba(31, 41, 55, 0.14);
  --eduzia-secondary-light: rgba(15, 118, 110, 0.16);
  --eduzia-brand-gradient: linear-gradient(
    135deg,
    var(--eduzia-primary) 0%,
    var(--eduzia-secondary) 100%
  );
  --eduzia-brand-gradient-alt: linear-gradient(
    135deg,
    var(--eduzia-secondary) 0%,
    var(--eduzia-accent) 100%
  );
}

/* Buttons */
a.border-btn,
button.border-btn {
  color: var(--eduzia-secondary);
  border-color: var(--eduzia-secondary);
}
a.border-btn:hover,
button.border-btn:hover {
  color: var(--eduzia-white);
  background: var(--eduzia-brand-gradient-alt);
  border-color: var(--eduzia-secondary);
}

/* Global key brand surfaces */
.edu-btn.btn-gradient,
[class*="btn-gradient"],
a.edu-btn.btn-medium,
.rbt-btn,
.edu-card.card-style-1 .icon,
.edu-badge,
.icon-box .icon,
.counter-up .number,
.edu-header .header-action .edu-btn:hover {
  background: var(--eduzia-brand-gradient) !important;
  color: var(--eduzia-white) !important;
  border-color: transparent !important;
}

/* Accent usage for links and hovers */
.edu-course .course-content h6 a:hover,
.edu-window .content h6 a:hover,
.mainmenu li a:hover,
.mainmenu li.active > a {
  color: var(--eduzia-secondary) !important;
}

.selection_form .select2-container .select2-selection--single {
  border-color: var(--eduzia-secondary);
}

.announcement-bar {
  background: var(--eduzia-brand-gradient-alt) !important;
  box-shadow: 0 2px 10px rgba(15, 118, 110, 0.3);
}

/* Header and menu color normalization */
.edu-header .mainmenu > li > a,
.edu-header .mainmenu-nav .mainmenu > li > a {
  color: var(--eduzia-primary) !important;
}

.edu-header .mainmenu > li > a:hover,
.edu-header .mainmenu > li.active > a,
.edu-header .mainmenu > li.has-droupdown:hover > a {
  color: var(--eduzia-secondary) !important;
}

.edu-header .mainmenu-nav .submenu,
.edu-header .mainmenu-nav .submenu li a {
  color: var(--eduzia-primary) !important;
}

.edu-header .mainmenu-nav .submenu li a:hover {
  color: var(--eduzia-secondary) !important;
}

/* Mega menu (Online Tuition) */
.mainmenu-nav .mainmenu li ul.mega-menu,
.mainmenu-nav .mainmenu li.has-droupdown .submenu {
  z-index: 9999 !important;
  border-top: 3px solid var(--eduzia-secondary) !important;
}

.mainmenu-nav .mainmenu li ul.mega-menu .menu-title,
.mainmenu-nav .mainmenu li ul.mega-menu .submenu li a,
.mainmenu-nav .mainmenu li.has-droupdown .submenu li a {
  color: var(--eduzia-primary) !important;
}

.mainmenu-nav .mainmenu li ul.mega-menu .submenu li a:hover,
.mainmenu-nav .mainmenu li ul.mega-menu .submenu li a.active,
.mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover,
.mainmenu-nav .mainmenu li.has-droupdown .submenu li a.active {
  color: var(--eduzia-secondary) !important;
}

.mainmenu-nav .mainmenu li ul.mega-menu .submenu li.has-droupdown > a::after,
.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown > a::after {
  color: var(--eduzia-secondary) !important;
}

/* Force brand button colors for top-right CTA */
.edu-header .header-action .edu-btn,
.edu-header .header-action .edu-btn.btn-medium,
.edu-header .header-action .edu-btn.btn-gradient {
  background: var(--eduzia-brand-gradient-alt) !important;
  border-color: transparent !important;
  color: var(--eduzia-white) !important;
}

.edu-header .header-action .edu-btn:hover {
  background: var(--eduzia-brand-gradient) !important;
  color: var(--eduzia-white) !important;
}

/* Side CTA */
.side_buton {
  color: var(--eduzia-secondary) !important;
  border-color: var(--eduzia-secondary) !important;
}

.side_buton:hover {
  color: var(--eduzia-white) !important;
  background: var(--eduzia-brand-gradient-alt) !important;
  border-color: transparent !important;
}

/* Footer legal links */
.copyright-area a {
  color: var(--eduzia-accent) !important;
}

.copyright-area a:hover {
  color: var(--eduzia-white) !important;
}

/* Scroll to top icon */
.chevron_up {
  fill: var(--eduzia-secondary) !important;
  color: var(--eduzia-secondary) !important;
}