/**
 * Groot Academy · Career Learning theme v2 (2026-10-16).
 * Original visual system inspired by the clarity of Scaler and practice-first
 * organization of InterviewBit. No assets, code, logos or claims copied.
 * Scoped, additive cascade: preserve routes, forms and existing mobile shell.
 */
:root {
  --ga-brand-ink: #1a3d3c;
  --ga-brand-blue: #0073b1;
  --ga-brand-blue-hover: #005b8e;
  --ga-brand-teal: #007f80;
  --ga-brand-sky: #0095ff;
  --ga-brand-aqua: #00bfb5;
  --ga-brand-amber: #ff9f00;
  --ga-brand-violet: #7261d8;
  --ga-brand-banner: linear-gradient(110deg, #0095ff 0%, #00bfb5 100%);
  --ga-brand-banner-ink: #06282f;
  --ga-brand-paper: #f8f9f9;
  --ga-brand-surface: #fff;
  --ga-brand-muted: #4c6568;
  --ga-brand-line: #deeaeb;
  --ga-brand-shadow: 0 10px 28px rgba(26,61,60,.07);
  /* Recolour existing mobile controls; no dock, keyboard or sizing changes. */
  --ga-app-navy: var(--ga-brand-ink);
  --ga-app-blue: var(--ga-brand-blue);
  --ga-app-soft: var(--ga-brand-paper);
  --ga-app-line: var(--ga-brand-line);
}

/* Shared navigation: distinct from Scaler/InterviewBit brand assets. */
.ga-topbar {
  background: linear-gradient(110deg, #0073b1, #007f80) !important;
}
.ga-lead-form-wrap {
  border: 1px solid var(--ga-brand-line);
  box-shadow: var(--ga-brand-shadow);
}
.ga-lead-form-wrap :is(input, select, textarea, button, a):focus-visible,
.ga-app-shell :is(a, summary, input):focus-visible {
  outline: 3px solid var(--ga-brand-blue);
  outline-offset: 3px;
}
.ga-lead-direct-actions a:hover {
  border-color: var(--ga-brand-blue);
  color: var(--ga-brand-blue);
}

/* Preserve the installed five-tab mobile shell; refine its active treatment. */
@media (max-width: 991px) {
  .ga-app-header {
    border-bottom-color: var(--ga-brand-line);
  }
  .ga-app-menu-toggle {
    border-color: var(--ga-brand-line);
    background: var(--ga-brand-paper);
    color: var(--ga-brand-ink);
  }
  .ga-app-tabs > a[aria-current] {
    background: #e5f8fa;
    color: var(--ga-brand-blue-hover);
  }
  .ga-app-menu-links > a:hover,
  .ga-app-popular > summary:hover {
    background: var(--ga-brand-paper);
    color: var(--ga-brand-blue-hover);
  }
  .ga-app-float-phone { background: var(--ga-brand-blue); }
  /* Do not touch mobile sticky positioning, safe-area, keyboard or tap geometry. */
}

/* Desktop/current-page navigation and the existing sticky course section tab. */
@media (min-width: 992px) {
  body .full-width-header.ga-compact-site-header .rs-header .menu-area
  .rs-menu ul.nav-menu > li.current-menu-item > a {
    background: var(--ga-brand-blue) !important;
    color: #fff !important;
  }
}
body.ga-course-page-v2 .ga-section-nav a.active {
  background: var(--ga-brand-blue) !important;
  color: #fff !important;
}
@media (max-width: 991px) {
  body.ga-course-page .ga-hero-actions .ga-btn,
  body.ga-static-visuals .ga-static-actions .ga-static-button:not(.ga-static-button-outline) {
    background: var(--ga-brand-blue) !important;
    border-color: var(--ga-brand-blue) !important;
    color: #fff !important;
  }
}

/* Homepage: a calm, high-contrast learning studio. */
body.ga-learning-home .ga-lp {
  --ink: var(--ga-brand-ink);
  --muted: var(--ga-brand-muted);
  --forest: var(--ga-brand-ink);
  --green: var(--ga-brand-blue);
  --bright: var(--ga-brand-blue);
  --mint: #e5f8f6;
  --paper: var(--ga-brand-paper);
  --line: var(--ga-brand-line);
  --white: var(--ga-brand-surface);
}
body.ga-learning-home .ga-lp .ga-hero {
  background:
    var(--ga-brand-banner) !important;
  border-bottom-color: var(--ga-brand-line);
}
body.ga-learning-home .ga-lp .ga-hero .ga-eyebrow {
  border-color: #c5e5e9;
  color: var(--ga-brand-blue-hover);
}
body.ga-learning-home .ga-lp .ga-hero .ga-eyebrow::before {
  background: var(--ga-brand-teal);
}
body.ga-learning-home .ga-lp .ga-hero h1,
body.ga-learning-home .ga-lp :is(h2,h3) {
  color: var(--ga-brand-ink);
}
@media (min-width: 992px) {
  body.ga-learning-home .ga-lp .ga-hero h1 em {
    color: var(--ga-brand-banner-ink);
  }
}
body.ga-learning-home .ga-lp .ga-button-primary {
  background: var(--ga-brand-blue) !important;
  border-color: var(--ga-brand-blue) !important;
  color: #fff !important;
  box-shadow: 0 7px 20px rgba(0,115,177,.17);
}
body.ga-learning-home .ga-lp .ga-button-primary:hover {
  background: var(--ga-brand-blue-hover) !important;
  border-color: var(--ga-brand-blue-hover) !important;
}
body.ga-learning-home .ga-lp .ga-button-outline {
  border-color: #b9dadd;
  background: #fff;
  color: var(--ga-brand-ink);
}
body.ga-learning-home .ga-lp .ga-button-outline:hover {
  background: #e5f8fa;
  border-color: #81cdd5;
}
body.ga-learning-home .ga-lp .ga-hero-visual,
body.ga-learning-home .ga-lp .ga-path-card,
body.ga-learning-home .ga-lp .ga-course-card,
body.ga-learning-home .ga-lp .ga-project {
  border-color: var(--ga-brand-line);
  box-shadow: var(--ga-brand-shadow);
}
body.ga-learning-home .ga-lp .ga-hero-visual {
  border-radius: 24px;
  background: #fff;
}
body.ga-learning-home .ga-lp .ga-studio-mark,
body.ga-learning-home .ga-lp .ga-path-icon {
  background: #e4f4ff;
  color: var(--ga-brand-blue);
}
body.ga-learning-home .ga-lp .ga-path-card:nth-child(2) .ga-path-icon,
body.ga-learning-home .ga-lp .ga-course-card[data-ga-category="data"] .ga-course-symbol {
  background: #e5f8f6;
  color: var(--ga-brand-teal);
}
body.ga-learning-home .ga-lp .ga-path-card:nth-child(4) .ga-path-icon,
body.ga-learning-home .ga-lp .ga-course-card[data-ga-category="creative"] .ga-course-symbol {
  background: #fff3db;
  color: #8b5100;
}
body.ga-learning-home .ga-lp .ga-catalogue,
body.ga-learning-home .ga-lp .ga-faq {
  background: var(--ga-brand-paper);
}
body.ga-learning-home .ga-lp .ga-featured {
  background: linear-gradient(110deg, #edf8ff, #e7faf6);
}
body.ga-learning-home .ga-lp .ga-filter {
  border-color: #c7dfe3;
  color: var(--ga-brand-muted);
}
body.ga-learning-home .ga-lp .ga-filter[aria-pressed="true"] {
  background: var(--ga-brand-blue);
  border-color: var(--ga-brand-blue);
  color: #fff;
}
body.ga-learning-home .ga-lp :is(.ga-course-link,.ga-project-label),
body.ga-learning-home .ga-lp .ga-faq summary::after {
  color: var(--ga-brand-blue);
}
body.ga-learning-home .ga-lp .ga-contact {
  background: linear-gradient(110deg, #0073b1 0%, #007f80 100%);
  color: #fff;
}
body.ga-learning-home .ga-lp .ga-contact-grid > div:first-child :is(h2,p) {
  color: #fff;
}
body.ga-learning-home .ga-lp .ga-contact-grid > div:first-child .ga-eyebrow {
  color: #fff;
}
body.ga-learning-home .ga-lp .ga-contact-card .ga-lead-form button {
  background: var(--ga-brand-blue);
  color: #fff;
}
body.ga-learning-home .ga-lp .ga-contact-card .ga-lead-form button:hover {
  background: var(--ga-brand-blue-hover);
}
@media (min-width: 992px) and (hover: hover) {
  body.ga-learning-home .ga-lp :is(.ga-path-card,.ga-course-card):hover {
    transform: translateY(-3px);
    border-color: #81cdd5;
    box-shadow: 0 18px 40px rgba(26,61,60,.12);
  }
}

/* Course pages: bring the legacy green CTA layer into the same palette. */
body.ga-course-page .ga-course-hero {
  background:
    linear-gradient(110deg,#edf8ff,#e7faf6) !important;
}
body.ga-course-page .ga-course-hero h1,
body.ga-course-page .ga-course-visual h2 {
  color: var(--ga-brand-ink);
}
body.ga-course-page :is(.ga-kicker,.ga-breadcrumb a,.ga-course-hero h1 span) {
  color: var(--ga-brand-blue);
}
body.ga-course-page .ga-kicker::before {
  background: var(--ga-brand-teal);
}
body.ga-course-page .ga-btn {
  background: var(--ga-brand-blue);
  border-color: var(--ga-brand-blue);
  color: #fff;
}
body.ga-course-page .ga-btn:hover {
  background: var(--ga-brand-blue-hover);
  border-color: var(--ga-brand-blue-hover);
  color: #fff;
}
body.ga-course-page .ga-btn-outline {
  border-color: var(--ga-brand-blue);
  color: var(--ga-brand-blue);
}
body.ga-course-page .ga-btn-outline:hover {
  background: var(--ga-brand-blue);
  color: #fff;
}
body.ga-course-page .ga-course-visual {
  box-shadow: var(--ga-brand-shadow);
}

/* Illustrated static pages and alumni share the same token semantics. */
html body.ga-static-visuals {
  --ga-ink: var(--ga-brand-ink);
  --ga-muted: var(--ga-brand-muted);
  --ga-navy: var(--ga-brand-ink);
  --ga-line: var(--ga-brand-line);
}
body.ga-static-visuals .ga-static-hero {
  background: linear-gradient(110deg,#edf8ff,#e7faf6) !important;
}
body.ga-static-visuals .ga-static-button:not(.ga-static-button-outline) {
  background: var(--ga-brand-blue);
  border-color: var(--ga-brand-blue);
  color: #fff;
}
body.ga-static-visuals .ga-static-button:not(.ga-static-button-outline):hover {
  background: var(--ga-brand-blue-hover);
  border-color: var(--ga-brand-blue-hover);
}
body .ga-alumni {
  --ga-alumni-ink: var(--ga-brand-ink);
  --ga-alumni-muted: var(--ga-brand-muted);
  --ga-alumni-blue: var(--ga-brand-blue);
  --ga-alumni-line: var(--ga-brand-line);
}
body .ga-alumni .ga-alumni-card,
body .ga-alumni .ga-alumni-portrait {
  border-color: var(--ga-brand-line);
}
/* User-supplied palette: white canvas, blue/aqua banner, four track accents.
 * Bright hues are decoration; small text uses the darker accessible variants.
 * Paint existing components without changing shell geometry or interactions.
 */
body.ga-learning-home {
  background: var(--ga-brand-surface);
  color: var(--ga-brand-ink);
}
body.ga-learning-home .ga-lp .ga-hero :is(h1,h1 em,.ga-hero-lead) {
  color: var(--ga-brand-banner-ink) !important;
}
body.ga-learning-home .ga-lp .ga-hero-stages {
  border-color: rgba(6,40,47,.25);
}
body.ga-learning-home .ga-lp .ga-hero-stages span {
  color: var(--ga-brand-banner-ink);
}
body.ga-learning-home .ga-lp .ga-hero .ga-button-primary {
  background: #fff !important;
  border-color: #fff !important;
  color: var(--ga-brand-blue) !important;
}
body.ga-learning-home .ga-lp .ga-hero .ga-button-primary:hover {
  background: #e5f8fa !important;
  border-color: #e5f8fa !important;
}
body.ga-learning-home .ga-lp .ga-hero .ga-button-outline {
  background: #fff;
  border-color: #fff;
  color: var(--ga-brand-banner-ink);
}
body.ga-learning-home .ga-lp :is(.ga-path-card,.ga-course-card) {
  --ga-track-gradient: linear-gradient(110deg,#0095ff,#42b5ff);
}
body.ga-learning-home .ga-lp :is(.ga-path-card:nth-child(2),.ga-course-card[data-ga-category="data"]) {
  --ga-track-gradient: linear-gradient(110deg,#ff9f00,#ffc45c);
}
body.ga-learning-home .ga-lp :is(.ga-path-card:nth-child(3),.ga-course-card[data-ga-category="programming"]) {
  --ga-track-gradient: linear-gradient(110deg,#7261d8,#a494e9);
}
body.ga-learning-home .ga-lp :is(.ga-path-card:nth-child(4),.ga-course-card[data-ga-category="creative"]) {
  --ga-track-gradient: linear-gradient(110deg,#48d9cc,#00bfb5);
}
body.ga-learning-home .ga-lp .ga-path-card {
  background: var(--ga-track-gradient) top / 100% 82px no-repeat, #fff;
}
body.ga-learning-home .ga-lp .ga-course-card {
  background: var(--ga-track-gradient) top / 100% 73px no-repeat, #fff;
}
body.ga-learning-home .ga-lp .ga-path-card .ga-path-icon,
body.ga-learning-home .ga-lp .ga-course-card .ga-course-symbol {
  background: #fff;
  color: var(--ga-brand-ink);
}
body.ga-learning-home .ga-lp .ga-course-type {
  padding: 4px 7px;
  border-radius: 6px;
  background: #fff;
  color: var(--ga-brand-ink);
}
body.ga-learning-home .ga-lp :is(.ga-card-arrow,.ga-step-number,.ga-section-nav a:hover),
body.ga-learning-home .ga-lp .ga-contact-card .ga-lead-consent a {
  color: var(--ga-brand-blue) !important;
}
body.ga-learning-home .ga-lp .ga-contact-lines a,
body.ga-learning-home .ga-lp .ga-contact-lines a:hover {
  color: #fff;
}
body.ga-learning-home .ga-lp .ga-contact :is(a,button,input,select,textarea):focus-visible {
  outline-color: var(--ga-brand-banner-ink);
}

/* Neutral white navigation and teal active states, including sticky menus. */
@media (min-width: 992px) {
  html body .full-width-header.ga-compact-site-header .rs-header .menu-area
  .rs-menu ul.nav-menu > li.current-menu-item > a,
  html body .full-width-header.ga-compact-site-header .rs-header .menu-area
  .rs-menu ul.nav-menu > li:hover > a,
  html body .full-width-header.ga-compact-site-header .rs-header .menu-area
  .rs-menu ul.nav-menu > li > a:hover {
    background: #e5f8fa !important;
    color: var(--ga-brand-blue) !important;
    box-shadow: none !important;
  }
  html body .full-width-header.ga-compact-site-header .rs-header .menu-area .rs-menu ul.sub-menu {
    background: #fff !important;
    border-color: var(--ga-brand-line) !important;
  }
  html body .full-width-header.ga-compact-site-header .rs-header .menu-area .rs-menu ul.sub-menu li:hover > a,
  html body .full-width-header.ga-compact-site-header .rs-header .menu-area .rs-menu ul.sub-menu li.current-menu-item > a,
  html body .full-width-header.ga-compact-site-header .rs-header .menu-area .rs-menu ul.sub-menu li.active > a {
    background: #e5f8fa !important;
    color: var(--ga-brand-blue) !important;
  }
}
@media (max-width: 991px) {
  body .ga-app-shell :is(.ga-app-menu-contact a,.ga-app-tabs > a:active) {
    background: #e5f8fa;
    color: var(--ga-brand-blue);
  }
}
@media (max-width: 600px) {
  body.ga-learning-home .ga-lp .ga-path-card {
    background-size: 100% 64px;
  }
}

/* Shared secondary pages retain white reading surfaces and soft aqua heroes. */
body.ga-course-page .ga-course-hero :is(h1,.ga-hero-copy),
body.ga-static-visuals .ga-static-hero :is(h1,p),
body .ga-faculty-hero h1 {
  color: var(--ga-brand-ink) !important;
}
body.ga-course-page .ga-hero-points i,
body.ga-static-visuals :is(.ga-static-eyebrow,.ga-static-breadcrumb a),
body .ga-faculty-page :is(.ga-faculty-role,.ga-faculty-eyebrow,.ga-faculty-breadcrumb a) {
  color: var(--ga-brand-blue);
}
body :is(.ga-blog-hero,.ga-faculty-hero,.ga-alumni-hero) {
  background: linear-gradient(110deg,#edf8ff,#e7faf6) !important;
  border-color: var(--ga-brand-line);
}
body .ga-faculty-page :is(h2,h3) {
  color: var(--ga-brand-ink);
}
body .ga-faculty-page .ga-faculty-button:not(.ga-faculty-button-outline),
body .ga-faculty-enquiry .ga-lead-form .submit-requset,
body .ga-lead-form button[type="submit"] {
  background: var(--ga-brand-blue) !important;
  border-color: var(--ga-brand-blue) !important;
  color: #fff !important;
}
body .ga-faculty-page .ga-faculty-button-outline {
  background: #fff;
  border-color: #b9dadd;
  color: var(--ga-brand-blue);
}
body .ga-faculty-page .ga-faculty-at-a-glance {
  background: var(--ga-brand-ink);
}
body .ga-faculty-page .ga-faculty-at-a-glance :is(h2,.ga-faculty-eyebrow) {
  color: #fff;
}
body .ga-alumni :is(.ga-alumni-about,.ga-alumni-related),
body.ga-learning-home .ga-lp .ga-alumni {
  background: var(--ga-brand-paper);
}
body .ga-catalogue .courses-item {
  border-color: var(--ga-brand-line);
  background: #fff;
}
body .ga-catalogue .course-title a {
  color: var(--ga-brand-ink);
}
body .ga-catalogue .course-title a:hover {
  color: var(--ga-brand-blue);
}
body .ga-site-footer,
body .ga-site-footer :is(.footer-top,.footer-bottom,.ga-footer-utility) {
  background: var(--ga-brand-ink) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.ga-learning-home .ga-lp :is(.ga-path-card,.ga-course-card):hover {
    transform: none;
  }
}