/* =========================================================================
   ONDO Eduline — brand theme overrides
   Colours taken directly from the ONDO logo:
     Logo Blue  #0466F9  (the "O" / "NDO" blue)
     Logo Cyan  #02C2FB  (the arrow / swoosh cyan)
   Loaded AFTER each page's inline <style>, so it wins on equal specificity.
   ========================================================================= */

:root{
  --primary-color:   #0466F9;
  --primary-dark:    #0352C9;   /* hover / pressed state of logo blue */
  --secondary-color: #02C2FB;
  --secondary-dark:  #00A6D9;
  --dark-bg:         #ffffff;   /* old navy section bg -> white */
  --dark-card-bg:    #0466F9;   /* old navy card bg -> logo blue */
  --heading-dark:    #0f1b33;
  --text-gray:       #5b6475;
  --bs-primary:      #0466F9;
  --bs-primary-rgb:  4, 102, 249;
}

/* ---------- Buttons (remove template purple/orange hovers + underlines) ---------- */
.btn-edtech-primary,
.btn-edtech-secondary,
.btn-login-outline,
.btn-edtech-primary:hover,
.btn-edtech-secondary:hover,
.btn-login-outline:hover{ text-decoration:none !important; }

.btn-edtech-primary{ background-color:var(--primary-color); }
.btn-edtech-primary:hover{ background-color:var(--primary-dark); }

.btn-edtech-secondary{ background-color:var(--secondary-color); color:#fff; }
.btn-edtech-secondary:hover{ background-color:var(--secondary-dark); color:#fff; }

.btn-hero-green{ background-color:var(--secondary-color); }
.btn-hero-green:hover{ background-color:var(--secondary-dark); }

/* ---------- Hero / page headers: logo-blue tint instead of near-black ---------- */
.hero-section{
  background: linear-gradient(100deg, rgba(3,40,110,0.92) 0%, rgba(4,102,249,0.72) 100%),
              url('../img/home-4-student-img.png') center/cover no-repeat;
}

/* ---------- Misc accents that were still purple / orange ---------- */
.category-box:hover{ box-shadow:0 10px 30px rgba(4,102,249,0.12); }
.process-icon{ box-shadow:0 10px 30px rgba(4,102,249,0.10); }
.feature-box .icon{ background:rgba(4,102,249,0.10); }

/* ---------- Popular Courses: white section ---------- */
.courses-section{
  background:#ffffff;
  color:var(--text-gray);
}
.courses-section .section-title h2{ color:var(--heading-dark); }

/* ---------- Course cards: logo-blue body ---------- */
.course-card-edtech{
  background:var(--primary-color);
  border:0;
  box-shadow:0 10px 30px rgba(4,102,249,0.18);
}
.course-card-edtech:hover{ box-shadow:0 20px 40px rgba(4,102,249,0.28); }
.course-card-edtech .card-body{ color:#fff; }
.course-card-edtech h4{ color:#fff; }
.course-card-edtech .card-body p{ color:rgba(255,255,255,0.88) !important; }
.course-card-edtech .star-rating{ color:#fff; }
.course-card-edtech .star-rating span{ color:rgba(255,255,255,0.85) !important; }
.course-card-edtech .badge-primary{
  background:rgba(255,255,255,0.18);
  color:#fff;
}
.course-card-edtech .course-meta{
  color:rgba(255,255,255,0.85);
  border-top-color:rgba(255,255,255,0.22);
}
.course-card-edtech .btn-edtech-primary{
  background:#fff;
  color:var(--primary-color);
}
.course-card-edtech .btn-edtech-primary:hover{
  background:var(--secondary-color);
  color:#fff;
}
/* badges used elsewhere (outside cards) */
.badge-primary{ background:rgba(4,102,249,0.10); color:var(--primary-color); }

/* ---------- Testimonials: cleaner, upright font ---------- */
.testimonial-text{
  font-family:'Montserrat', sans-serif;
  font-style:normal;
  font-weight:500;
  font-size:15px;
  line-height:1.8;
  color:#3a4356;
}

/* ---------- CTA strip ("Need Help Choosing a Course?") ---------- */
.footer-top{
  background:linear-gradient(100deg, var(--primary-color) 0%, #0A8BFA 100%);
  padding:56px 0;
}
.footer-top h2{
  font-size:clamp(26px, 3vw, 36px);
  line-height:1.25;
}
.footer-top p{
  font-size:16px;
  color:rgba(255,255,255,0.88) !important;
}
.footer-top .btn-edtech-secondary{
  background:#fff;
  color:var(--primary-color);
  padding:14px 32px;
}
.footer-top .btn-edtech-secondary:hover{
  background:var(--heading-dark);
  color:#fff;
}

/* ---------- Footer ---------- */
.footer-main{
  padding:70px 0 0;
  border-top:4px solid var(--secondary-color);
  font-size:15px;
}
.footer-main .footer-logo img{
  height:56px !important;
  width:auto;
  margin:0 0 18px !important;
  display:block;
}
.footer-title{
  font-size:18px;
  margin-bottom:20px;
  position:relative;
  padding-bottom:10px;
}
.footer-title::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:36px; height:3px;
  border-radius:3px;
  background:var(--secondary-color);
}
.footer-links li{ margin-bottom:10px; }
.footer-links a{ transition:color .2s ease, padding-left .2s ease; }
.footer-links a:hover{ color:var(--primary-color); padding-left:4px; }
.footer-main .btn-edtech-primary{ padding:11px 24px; }
.footer-bottom{
  margin-top:50px;
  padding:22px 0;
  border-top:1px solid #e8ecf3;
  color:var(--text-gray);
  font-size:14px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:8px;
}
.footer-bottom a{ color:var(--primary-color); text-decoration:none; font-weight:600; }
.footer-bottom a:hover{ text-decoration:underline; }

/* ---------- Header logo (cropped version, no white padding) ---------- */
.navbar-edtech .logo img{ height:48px !important; }

@media (max-width: 767px){
  .footer-main{ padding-top:50px; text-align:left; }
  .footer-bottom{ justify-content:center; text-align:center; }
  .footer-top h2{ font-size:26px; }
  .navbar-edtech .logo img{ height:40px !important; }
}

/* =========================================================================
   Round 2 tweaks
   ========================================================================= */

/* Testimonials: every card identical (same avatar colour, same border) */
.testimonial-card{ border-left-color:var(--secondary-color); }
.testimonial-card .testimonial-avatar{ background:var(--primary-color) !important; }

/* "Est. 2021 / Kochi, India" badge on the About section: black with white text */
.est-badge{
  background:#000 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(0,0,0,0.25);
}
.est-badge span{ color:rgba(255,255,255,0.8); }

/* Category icons: light blue (logo cyan) */
.category-box .icon,
.category-box .icon i{ color:var(--secondary-color); }
.category-box:hover{ border-color:var(--secondary-color); background:#f2fbff; }

/* Home hero: lighter, softer blue overlay so the photo shows through */
.hero-section{
  background: linear-gradient(100deg, rgba(4,60,160,0.78) 0%, rgba(4,102,249,0.45) 100%),
              url('../img/home-4-student-img.png') center/cover no-repeat;
}

/* Contact page: info cards (Location / Phone / Email) — smaller text */
.contact-info-card{ padding:32px 24px !important; }
.contact-info-card h4{ font-size:20px !important; margin-bottom:8px !important; }
.contact-info-card p{ font-size:15px; }
.contact-info-card > div:first-child{
  width:56px !important; height:56px !important;
  font-size:24px !important; margin-bottom:16px !important;
}

/* =========================================================================
   Round 3
   ========================================================================= */

/* ---- Hero sections: photo only, no colour overlay (all pages) ---- */
.hero-section{
  background:url('../img/home-4-student-img.png') center/cover no-repeat;
}
.hero-section h1,
.hero-section .hero-title,
.hero-section p,
.hero-section span,
.hero-section h4,
.hero-section div{
  text-shadow:0 2px 14px rgba(0,0,0,0.55);
}
.hero-section .feature-box,
.hero-section .feature-box *{ text-shadow:none; }

/* ---- Popular Courses: light section + white cards with inset image ---- */
.courses-section{ background:#eef5ff; }
.courses-section .section-title h2{ color:#0a2a66; }
.course-card-edtech{
  background:#fff;
  border:1px solid #e3ecfa;
  border-radius:18px;
  padding:16px;
  box-shadow:0 6px 20px rgba(10,42,102,0.06);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.course-card-edtech:hover{
  border-color:var(--secondary-color);
  box-shadow:0 18px 36px rgba(10,42,102,0.12);
}
.course-card-edtech .card-img{ border-radius:12px; height:210px; }
.course-card-edtech .card-body{ color:var(--text-gray); padding:20px 6px 6px; }
.course-card-edtech h4{ color:#0a2a66; font-size:19px; line-height:1.35; }
.course-card-edtech .card-body p{ color:var(--text-gray) !important; }
.course-card-edtech .star-rating{ color:#f5b301; }
.course-card-edtech .star-rating span{ color:var(--text-gray) !important; }
.course-card-edtech .badge-primary{
  background:#e3f6fe;
  color:#0466F9;
  border-radius:8px;
  padding:6px 12px;
}
.course-card-edtech .course-meta{
  color:var(--text-gray);
  border-top-color:#e8eef8;
}
.course-card-edtech .btn-edtech-primary{ background:var(--primary-color); color:#fff; }
.course-card-edtech .btn-edtech-primary:hover{ background:var(--primary-dark); color:#fff; }

/* ---- "Read More" button (About section): white with black text ---- */
.about-section .btn-edtech-primary{
  background:#fff;
  color:#000;
  border:1.5px solid #000;
}
.about-section .btn-edtech-primary:hover{ background:#000; color:#fff; }

/* ---- FAQ: soft tinted cards with an icon ---- */
.accordion-edtech .accordion-item{
  border:1px solid #e3ecfa;
  border-radius:16px !important;
  overflow:hidden;
  background:#fff;
  margin-bottom:16px;
  box-shadow:0 4px 14px rgba(10,42,102,0.04);
}
.accordion-edtech .accordion-button,
.accordion-edtech .accordion-button:not(.collapsed){
  background:#f1f6ff;
  color:#0a2a66;
  font-size:17px;
  padding:20px 24px;
  margin:0;
  border-radius:0 !important;
  box-shadow:none;
  gap:14px;
}
.accordion-edtech .accordion-button:not(.collapsed){ color:var(--primary-color); }
.accordion-edtech .accordion-button::before{
  content:"\f4be";               /* bi-patch-question */
  font-family:"bootstrap-icons";
  font-size:24px;
  line-height:1;
  color:var(--secondary-color);
  flex-shrink:0;
}
.accordion-edtech .accordion-button:focus{ box-shadow:none; }
.accordion-edtech .accordion-body{
  padding:16px 24px 22px 62px;
  line-height:1.7;
}

/* ---- "Need Help Choosing a Course?" strip: black with white text ---- */
.footer-top{ background:#000; }
.footer-top h2{ color:#fff !important; }
.footer-top p{ color:rgba(255,255,255,0.8) !important; }
.footer-top .btn-edtech-secondary{ background:#fff; color:#000; }
.footer-top .btn-edtech-secondary:hover{ background:var(--secondary-color); color:#fff; }

@media (max-width: 575px){
  .accordion-edtech .accordion-body{ padding-left:24px; }
  .accordion-edtech .accordion-button{ font-size:15px; }
}

/* Hero text legibility on the plain photo */
.hero-section h1,
.hero-section .hero-title,
.hero-section p,
.hero-section span,
.hero-section div{
  text-shadow:0 2px 4px rgba(0,0,0,0.65), 0 4px 28px rgba(0,0,0,0.55);
}
.hero-section [style*="secondary-color"]{ color:#fff !important; }
.hero-section .feature-box,
.hero-section .feature-box *{ text-shadow:none; }

/* Home hero: light logo-blue tint over the photo (sub-pages keep photo only via inline style) */
.hero-section{
  background:linear-gradient(100deg, rgba(4,60,160,0.50) 0%, rgba(4,102,249,0.18) 100%),
             url('../img/home-4-student-img.png') center/cover no-repeat;
}

/* =========================================================================
   Round 4
   ========================================================================= */

/* "Need Help Choosing a Course?" strip: light blue, dark text (all pages) */
.footer-top{ background:#e6f3ff; }
.footer-top h2{ color:#0a2a66 !important; text-shadow:none; }
.footer-top p{ color:#3f4a5e !important; }
.footer-top .btn-edtech-secondary{ background:var(--primary-color); color:#fff; }
.footer-top .btn-edtech-secondary:hover{ background:var(--primary-dark); color:#fff; }
.footer-main{ border-top-color:#cfe6fb; border-top-width:1px; }