/* odbrani-se page overrides — component styles live in scss/components/_facade.scss */

.single-course .site-inner {
  padding-top: 0;
  overflow: visible;            /* allow full-bleed hero breakout */
}

.single-course #genesis-nav-primary,
.single-course .site-footer {
  display: none;
}

.single-course .bg-white,
.single-course .bg-neutral-50,
.single-course .bg-primary {
  background-color: var(--bg-primary);
}

.single-course .testimonials-section {
  background-color: #f97316;
}

.single-course .content-sidebar-wrap {
  max-width: 100%;
}

/* ── Full-viewport hero breakout ── */
.single-course .hero-banner--cinematic {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.single-course .hero-banner--cinematic .hero-banner__container {
  max-width: none;
}

.single-course .hero-banner--cinematic .hero-banner__content {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* ── Content hierarchy: punch-line / title+slogan pair ── */
/* Punch line: big, standalone, separated from the pair below */
.single-course .hero-banner--cinematic .hero-banner__heading {
  margin-bottom: 2.5rem;
}

/* Slogan (what it PROVIDES) + Title (what it IS): same size, different shade, tight pair */
.single-course .hero-banner--cinematic .hero-banner__subheading {
  margin-bottom: 0.15rem;
  color: var(--ek-fg-dim, #8a8078);     /* slogan: dimmer */
}

.single-course .hero-banner--cinematic .hero-banner__text {
  margin-top: 0;
  font-family: var(--font-heading), "Oswald", system-ui, sans-serif;
  font-size: clamp(1.5rem, 5vw, 3.5rem);  /* same size */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transform: rotate(-3deg);
  color: var(--ek-fg, #e8e0d5);           /* title: brighter */
  text-shadow: 0 0 20px rgb(0 0 0 / 80%), 1px 1px 0 rgb(0 0 0 / 90%);
  line-height: 1.1;
}