/* bernard courses theme - YOURS to edit (bernard never overwrites this file).
   Loaded after courses.css on every course page, so rules here win.
   --bernard-accent/-ink drive the enrol button and tint accents. */

/* Site-match seed - sampled from the site's stylesheet when this file was created. Edit freely. */
:root { --bernard-accent: #ffbd26; --bernard-accent-ink: #1a1a1a; }
body[data-bernard-courses] { font-family: "Open Sans", sans-serif; }
body[data-bernard-courses] h1, body[data-bernard-courses] h2, body[data-bernard-courses] h3 { font-family: Montserrat, sans-serif; }


/* Match the course pages' content width to the rest of the site (Elementor
   boxed sections are 1200px). courses.css caps .course-main at 46rem/64rem,
   which looked visibly narrower than every other page (owner request 2026-08-12). */
body[data-bernard-courses] .course-main { max-width: 75rem; }


/* Owner request 2026-08-12: no enquiry form on the open FOD course page - the
   course is simply free to watch; the site's own Request-a-Demo is the contact
   path. Workaround-hide (the projector always emits the open-mode enquiry
   block); retire if a per-course "no enquiry" option ships. */
body[data-bernard-courses] .course-enquiry { display: none; }


/* Owner request 2026-08-12: a "View" pill on every syllabus lesson row so it
   reads as clickable - each row launches the lesson video. */
body[data-bernard-courses] .course-syllabus-item > a:not(.course-tag)::after {
  content: "View";
  display: inline-block;
  margin-left: 10px;
  padding: 2px 12px;
  font-family: Raleway, "Open Sans", sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #1a1a1a;
  background: #ffbd26;
  border-radius: 999px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
body[data-bernard-courses] .course-syllabus-item > a:not(.course-tag):hover::after { background: #f0a810; }


/* Polish 2026-09-18 (WCAG 1.4.3): the course page greys were 2.7-4.2:1. */
body[data-bernard-courses] .course-strapline { color: #595959; }
body[data-bernard-courses] .course-access,
body[data-bernard-courses] .course-soon,
body[data-bernard-courses] .course-recover > summary { color: #666666; opacity: 1; }
body[data-bernard-courses] .course-tag[data-course-locked-tag] { color: #595959; }
body[data-bernard-courses] .course-lesson-summary { color: #595959; }
body[data-bernard-courses] .course-module-meta { color: #666666; opacity: 1; }
body[data-bernard-courses] .course-module-n { color: #c46a00; opacity: 1; }


/* Lindsay 2026-09-18: syllabus section titles (Introduction, Before the
   Interview...) were picked up by the site-wide `main h2` rule (!important,
   up to 2.25rem) and dwarfed the "What's in the course" heading. Size them
   as section labels. */
body[data-bernard-courses] main .course-contents-section > summary > h2.course-section-title {
  font-family: Montserrat, sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #364959 !important;
}


/* Owner request 2026-10-10: accent muted from #f79826 to #ffbd26. courses.css
   is generated and still carries the old orange in the footer, so override it. */
.site-footer .footer-widget-area p a:hover { text-decoration-color: #ffbd26; }
.site-footer .ast-builder-social-element:hover { background-color: rgba(255,189,38,.25); }
#astra-footer-menu .menu-link:focus-visible, .site-footer .ast-builder-social-element:focus-visible, .site-footer .footer-widget-area p a:focus-visible { outline-color: #ffbd26; }
.site-footer .hb-footgroup a:hover, .site-footer .hb-footgroup a:focus { color: #ffbd26; }
.site-footer .hb-foot-h { color: #ffbd26; }
.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .footer-widget-area-inner a:hover, .ast-footer-copyright a:hover { color: #ffbd26; }


/* 2026-10-13: no single-word orphans, matching the main site stylesheet. */
body[data-bernard-courses] :is(h1, h2, h3, h4) { text-wrap: balance; }
body[data-bernard-courses] :is(p, li, dd, figcaption, blockquote) { text-wrap: pretty; }