/* ============================================================
   CatalyseR — College Compass Redesign Layer
   Loads AFTER the existing main.min.css and modernises the look:
   Inter typography, indigo-blue (#374a96) brand system, orange
   accent, modern sticky header, pill buttons, soft cards, clean
   footer. Keeps all existing markup & images intact.
   ============================================================ */

:root{
  --cc-brand:#374a96;          /* CatalyseR indigo-blue (primary) */
  --cc-brand-600:#33438a;
  --cc-brand-700:#2b386f;
  --cc-brand-800:#222d59;
  --cc-brand-50:#eef1fb;
  --cc-brand-100:#dde3f6;
  --cc-accent:#f48828;         /* orange accent */
  --cc-accent-600:#e2761a;
  --cc-ink:#0f172a;            /* slate-900 text */
  --cc-body:#334155;           /* slate-700 body */
  --cc-muted:#64748b;          /* slate-500 */
  --cc-line:#e6e9f0;
  --cc-bg:#ffffff;
  --cc-bg-soft:#f5f7fc;
  --cc-radius:18px;
  --cc-radius-sm:12px;
  --cc-shadow-sm:0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.07);
  --cc-shadow:0 10px 30px -12px rgba(15,23,42,.20);
  --cc-shadow-lg:0 24px 60px -20px rgba(15,23,42,.30);
  --cc-ring:0 0 0 4px rgba(55,74,150,.18);
}

/* ---------- Base typography ---------- */
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important;
  color:var(--cc-body) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  letter-spacing:.1px;
}
p,li,span,a,div,td{font-family:inherit;}
h1,h2,h3,h4,h5,h6,.heading-title,.section-title,.widget-title{
  font-family:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;
  color:var(--cc-ink);
  font-weight:800 !important;
  letter-spacing:-.02em;
  line-height:1.15;
}
.heading-title{font-size:clamp(1.7rem,3.4vw,2.6rem) !important;}
a{color:var(--cc-brand);}
a:hover{color:var(--cc-brand-700);}
img{max-width:100%;}

/* ---------- Layout rhythm ---------- */
.large-padding{padding-top:84px !important;padding-bottom:84px !important;}
@media(max-width:767px){.large-padding{padding-top:52px !important;padding-bottom:52px !important;}}
.container{max-width:1200px;}
.section-bg-photo, .bg-grey-theme{background-color:var(--cc-bg-soft) !important;}

/* Section heading accent underline */
.heading-block, .section-heading, .text-center > .heading-title{position:relative;}
.heading-title .text-theme, .text-theme{color:var(--cc-brand) !important;}

/* ============================================================
   HEADER / NAVIGATION
   ============================================================ */
#site-header.site-header{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:saturate(160%) blur(10px);
  -webkit-backdrop-filter:saturate(160%) blur(10px);
  box-shadow:0 1px 0 var(--cc-line), 0 6px 24px -16px rgba(15,23,42,.35) !important;
  border-bottom:none !important;
}
#site-header .navigation-logo .site-logo img{width:168px !important;height:auto;transition:transform .25s ease;}
#site-header .navigation-logo .site-logo:hover img{transform:scale(1.03);}

.navigation-menu>.navigation-item>.navigation-link{
  font-weight:600 !important;
  font-size:15px !important;
  color:var(--cc-ink) !important;
  padding:10px 14px !important;
  border-radius:10px;
  position:relative;
  transition:color .2s ease, background .2s ease;
}
.navigation-menu>.navigation-item>.navigation-link:hover{
  color:var(--cc-brand) !important;
  background:var(--cc-brand-50);
}
.navigation-menu>.navigation-item>.navigation-link::after{
  content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;
  background:var(--cc-brand);border-radius:2px;transform:scaleX(0);
  transform-origin:left;transition:transform .25s ease;
}
.navigation-menu>.navigation-item:hover>.navigation-link::after{transform:scaleX(1);}

/* Dropdowns */
.navigation-dropdown{
  border-radius:var(--cc-radius-sm) !important;
  box-shadow:var(--cc-shadow-lg) !important;
  border:1px solid var(--cc-line) !important;
  padding:8px !important;overflow:hidden;
}
.navigation-dropdown-link{
  border-radius:8px !important;font-weight:500 !important;
  transition:background .18s ease,color .18s ease;
}
.navigation-dropdown-link:hover{background:var(--cc-brand-50) !important;color:var(--cc-brand) !important;}
.menu-item-info-title{color:var(--cc-brand) !important;font-weight:800 !important;}

/* ============================================================
   BUTTONS
   ============================================================ */
.catalyser-button{
  font-family:'Inter',sans-serif !important;
  font-weight:700 !important;
  border-radius:999px !important;
  letter-spacing:.2px;
  transition:transform .18s ease, box-shadow .22s ease, background .22s ease !important;
  border:none !important;
}
.catalyser-button:focus-visible{outline:none;box-shadow:var(--cc-ring) !important;}
.catalyser-button.button--primary{
  background:linear-gradient(135deg,var(--cc-brand) 0%,var(--cc-brand-700) 100%) !important;
  color:#fff !important;
  box-shadow:0 8px 20px -8px rgba(55,74,150,.65) !important;
}
.catalyser-button.button--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px -10px rgba(55,74,150,.75) !important;
  color:#fff !important;
}
.catalyser-button.button--dark{
  background:var(--cc-ink) !important;color:#fff !important;
}
.catalyser-button.button--dark:hover{transform:translateY(-2px);background:#1e293b !important;}
/* Accent variant (use for floating / highlight pills) */
.catalyser-button.flicker{box-shadow:0 8px 22px -8px rgba(244,136,40,.6) !important;}

/* ============================================================
   CARDS / CONTENT BLOCKS
   ============================================================ */
.info-box, .card, .feature-box, .courses-box, .program-box, .blog-card,
.catalyser-card, .result-box, .testimonial-box{
  background:var(--cc-bg);
  border:1px solid var(--cc-line);
  border-radius:var(--cc-radius) !important;
  box-shadow:var(--cc-shadow-sm);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow:hidden;
}
.info-box:hover, .card:hover, .feature-box:hover, .courses-box:hover,
.program-box:hover, .blog-card:hover, .catalyser-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--cc-shadow);
  border-color:var(--cc-brand-100);
}
.info-box img, .card img, .blog-card img{border-radius:0;}

/* Rounded media throughout content */
.section-anime-js img, .catalyser-stunning-header img{border-radius:var(--cc-radius-sm);}

/* ============================================================
   HERO / SLIDER
   ============================================================ */
.catalyser-main-slider img{width:100%;height:auto;display:block;}
.catalyser-main-slider .swiper-slide{position:relative;}
.catalyser-background-parallax::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,23,42,.55),rgba(34,45,89,.65));
}
.catalyser-background-parallax > *{position:relative;z-index:1;}

/* CTA band */
.bg-mountains[style*="#374a96"], section[style*="#374a96"]{
  background:linear-gradient(135deg,var(--cc-brand) 0%,var(--cc-brand-800) 100%) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
#site-footer.footer{
  background:linear-gradient(180deg,#161e34 0%,#0e1426 100%) !important;
  color:#c7cedd !important;
  border-top:4px solid var(--cc-brand);
}
#site-footer .widget-title{
  color:#fff !important;font-weight:800 !important;
  position:relative;padding-bottom:12px;margin-bottom:18px;
}
#site-footer .widget-title::after{
  content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;
  background:var(--cc-accent);border-radius:3px;
}
#site-footer .widget-text, #site-footer p, #site-footer li, #site-footer a{color:#aab3c7 !important;}
#site-footer .widget_links ul li a{transition:color .2s ease,padding-left .2s ease;}
#site-footer .widget_links ul li a:hover{color:#fff !important;padding-left:6px;}
#site-footer .socials .social-item{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:12px;
  background:rgba(255,255,255,.08);color:#fff !important;margin-right:8px;
  transition:transform .2s ease,background .2s ease;
}
#site-footer .socials .social-item:hover{transform:translateY(-3px);background:var(--cc-brand) !important;}

/* ============================================================
   FLOATING PILLS (keep them, just modernise)
   ============================================================ */
.backToTop .catalyser-button, .backToTop1 .catalyser-button, .backToTop2 .catalyser-button{
  box-shadow:0 10px 26px -8px rgba(15,23,42,.45) !important;
}

/* ============================================================
   Small polish
   ============================================================ */
::selection{background:var(--cc-brand);color:#fff;}
.section-anime-js{opacity:1 !important;}
input,select,textarea{border-radius:10px !important;}
.form-control:focus{border-color:var(--cc-brand) !important;box-shadow:var(--cc-ring) !important;}