/**
 * Eduzia Brand Overrides
 * Theme: Sanada/Eduzia teal (#00a18a) + slate – matches LMS
 */

:root {
  /* Override base template colors – Sanada teal */
  --color-primary: #00a18a;
  --color-secondary: #00b89a;
  /* Eduzia brand variables */
  --eduzia-primary: #1f2937;
  --eduzia-secondary: #00a18a;
  --eduzia-accent: #00b89a;
  --eduzia-white: #ffffff;
  --eduzia-primary-hover: #111827;
  --eduzia-secondary-hover: #008f7a;
  --eduzia-primary-light: rgba(31, 41, 55, 0.14);
  --eduzia-secondary-light: rgba(0, 161, 138, 0.16);
  --eduzia-brand-gradient: linear-gradient(
    135deg,
    var(--eduzia-primary) 0%,
    #008f7a 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);
}

/* Top bar – slate + Sanada teal */
.header-topbar-eduzia {
  background: linear-gradient(135deg, var(--eduzia-primary) 0%, #008f7a 100%) !important;
  color: rgba(255, 255, 255, 0.95);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.header-topbar-eduzia .topbar-tagline {
  color: #fff;
  opacity: 0.95;
}
.header-topbar-eduzia a {
  color: #fff !important;
  text-decoration: none;
  transition: opacity 0.2s, color 0.2s;
}
.header-topbar-eduzia a:hover {
  opacity: 0.9;
  color: #fff !important;
}

.announcement-bar {
  background: var(--eduzia-brand-gradient) !important;
  box-shadow: 0 2px 12px rgba(0, 161, 138, 0.25);
}

/* Hero section – improved typography and spacing */
.hero-banner.hero-style-2 .banner-content .title {
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.hero-banner.hero-style-2 .banner-content p {
  font-size: 1.1rem;
  line-height: 1.65;
  opacity: 0.9;
}
.hero-banner.hero-style-2 .banner-gallery .thumbnail img {
  border-radius: 12px;
  box-shadow: 0 24px 48px rgba(0, 161, 138, 0.12);
}

/* Category cards – refined hover states */
.edu-categorie-area .categorie-grid {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
}
.edu-categorie-area .categorie-grid:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 161, 138, 0.12);
}

/* About section – cleaner feature list */
.gap-bottom-equal .features-list li {
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* Testimonial cards – subtle elevation */
.testimonial-area-5 .testimonial-grid.border {
  border-radius: 12px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.testimonial-area-5 .testimonial-grid.border:hover {
  box-shadow: 0 12px 28px rgba(31, 41, 55, 0.1);
}

/* Program/course cards – consistent polish */
.edu-course-area .edu-course {
  border-radius: 12px;
  overflow: hidden;
}
.edu-course-area .edu-course .thumbnail img {
  transition: transform 0.4s ease;
}
.edu-course-area .edu-course:hover .thumbnail img {
  transform: scale(1.03);
}

/* Section titles – improved hierarchy */
.edu-section-gap .section-title .title,
.gap-bottom-equal .section-title .title {
  font-weight: 700;
  letter-spacing: -0.015em;
}

/* 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;
}