/* IB subject tutoring LPs with standard Edunade site header */

/* Match data-analysis / Contact header (LP CSS loads after — do not override nav elsewhere) */
body.ib-tutoring-site-header > header.header-with-topbar .navbar-brand img {
  margin-top: 0;
  padding-top: 0;
  max-height: 35px;
}

body.ib-tutoring-site-header > header.header-with-topbar .navbar .navbar-nav .nav-link {
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--dark-gray, #353642);
}

body.ib-tutoring-site-header > header.header-with-topbar .btn {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: inherit;
}

.knoji-page--on-site {
  scroll-behavior: smooth;
}

.knoji-page--on-site .knoji-hero--site-bg {
  padding-top: clamp(100px, 11vw, 128px);
  border-bottom: none;
}

.knoji-page--on-site .knoji-hero--site-bg:has(.knoji-jump-nav--ribbon) {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .knoji-page--on-site .knoji-hero--site-bg {
    background-color: transparent;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }

  .knoji-page--on-site .knoji-hero--site-bg-math {
    background-image: var(--knoji-site-hero-bg);
  }

  .knoji-page--on-site .knoji-hero--site-bg-physics {
    background-color: #353642;
    background-image:
      linear-gradient(
        128deg,
        rgba(200, 130, 165, 0.22) 0%,
        rgba(160, 110, 150, 0.16) 38%,
        rgba(120, 95, 135, 0.11) 62%,
        rgba(80, 75, 110, 0.08) 100%
      ),
      var(--knoji-site-hero-bg);
  }
}

@media (max-width: 767px) {
  .knoji-page--on-site .knoji-hero--site-bg-math {
    background-color: #f4f6fa;
    background-image: none;
  }

  .knoji-page--on-site .knoji-hero--site-bg-physics {
    background-color: #f4f6fa;
    background-image: none;
  }

  .knoji-page--on-site .knoji-hero--site-bg {
    padding-top: clamp(5.25rem, 20vw, 6.5rem);
  }
}

.knoji-page--on-site .knoji-chrome .knoji-h1-highlight {
  background: transparent;
  padding: 0;
  box-decoration-break: unset;
  -webkit-box-decoration-break: unset;
  position: relative;
  z-index: 0;
}

.knoji-page--on-site .knoji-chrome .knoji-h1-highlight::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.06em;
  height: 12px;
  background: rgba(48, 189, 155, 0.28);
  z-index: -1;
  pointer-events: none;
}

.knoji-page--on-site .knoji-chrome .knoji-form-card--hero {
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: 0 18px 50px rgba(53, 54, 66, 0.12);
}

.knoji-page--on-site .knoji-chrome .knoji-form-card--hero .knoji-form-title {
  color: #353642;
}

.knoji-page--on-site .knoji-section-anchor {
  scroll-margin-top: 6rem;
}

@media (max-width: 767px) {
  .knoji-page--on-site .knoji-section-anchor {
    scroll-margin-top: 5rem;
  }
}
