/* Shared visual system for the CAMP "knowledge cluster" pages this plugin
   enhances beyond the Glossary/SAR-STR/Rules reference pages (which use
   public.css instead): the course page (RAML_Course_Enhancer) and the
   registration/certification page (RAML_Registration_Enhancer). Same
   Riskpro Learning brand book colors and Roboto as public.css, kept as
   its own file since it's enqueued only on those two pages. */

/* ---------- host theme chrome cleanup (course page only — this file is
   enqueued exclusively on the CAMP course page, so these selectors never
   touch any other page) ----------
   Confirmed live against the Newspaper theme's sfwd-courses single
   template. Removed: the breadcrumb trail, and the post byline/date/view
   row (author name + meta info) that sits directly under the title —
   the H1 course title itself is kept, since it's the page's only heading
   and campch's own injected content doesn't repeat it. Also removed from
   the footer: source/tag list, the bottom share-icon row, the theme's own
   "Previous article / Next article" navigation block, and the author bio
   box — none of these are LearnDash functionality. LearnDash's own
   "Course Content" lesson-list pager ("1 of 14", inside
   .learndash-wrapper) is untouched — that is real navigation, not theme
   decoration. The WooCommerce Products sidebar widget is hidden and the
   content column widened, matching the cleanup already shipped on the
   Glossary / SAR-STR Guide / Rules & Typologies pages. */
body.single-sfwd-courses .td-crumb-container,
body.single-sfwd-courses article.sfwd-courses > .td-post-header .td-module-meta-info,
body.single-sfwd-courses article.sfwd-courses > footer .td-post-source-tags,
body.single-sfwd-courses article.sfwd-courses > footer .td-post-sharing-bottom,
body.single-sfwd-courses article.sfwd-courses > footer .td-post-next-prev,
body.single-sfwd-courses article.sfwd-courses > footer .author-box-wrap,
body.single-sfwd-courses .td-pb-span4.td-main-sidebar{
  display:none !important;
}

/* LearnDash's own native "Course / Reviews" tab bar (.ld-tabs-navigation,
   confirmed live: buttons #ld-content-tab-{id} / #ld-reviews-tab-{id})
   is hidden rather than removed — its markup, and the two panels it
   toggles (#ld-tab-content-{id}, #ld-tab-reviews-{id}) all stay in the
   DOM and keep working exactly as LearnDash built them. What changes is
   only what a visitor SEES: the campch-tabs bar below (Course Overview |
   Steps for Certification | Start Learning | Reviews) is the one and
   only visible tab bar on the page, and its "Reviews" tab absorbs the
   native Reviews panel's content client-side (see tabs_script() in
   class-course-enhancer.php). Scoped to the CAMP course page only, same
   as the rest of this cleanup block above. */
body.single-sfwd-courses .ld-tabs-navigation{
  display:none !important;
}
body.single-sfwd-courses .td-pb-span8.td-main-content{
  width:100% !important;
}
body.single-sfwd-courses .td-container.tdc-content-wrap,
body.single-sfwd-courses .td-container.td-post-template-default{
  max-width:1400px !important;
}

.campch-pub{
  --navy:#392D7D; --gold:#F1B51C; --cherry:#E31F26; --text:#231F20; --text-2:#5c5763; --border:#e6e3ee; --surface:#f7f6fb;
  font-family:'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  color:var(--text); font-size:16px; line-height:1.7; max-width:1180px; margin:0 auto 32px; padding:8px 4px;
}
.campch-pub *{box-sizing:border-box;}

.campch-h2{font-size:21px; font-weight:800; color:var(--navy); margin:30px 0 12px;}

/* ---------- stats banner ---------- */
.campch-stats{display:flex; flex-wrap:wrap; gap:1px; background:var(--border); border:1px solid var(--border); margin:10px 0 4px;}
.campch-stat{flex:1; min-width:140px; background:var(--navy); color:#fff; text-align:center; padding:18px 12px;}
.campch-stat-num{display:block; font-size:28px; font-weight:900; color:var(--gold);}
.campch-stat-label{display:block; font-size:11.5px; text-transform:uppercase; letter-spacing:.04em; margin-top:4px; color:#fff;}
.campch-stats-note{font-size:11.5px; color:var(--text-2); font-style:italic; margin:6px 0 20px;}

/* ---------- intro / promo block ---------- */
.campch-promo{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; background:var(--surface); border:1px solid var(--border); border-left:4px solid var(--navy); padding:22px; margin-bottom:24px;}
.campch-promo-video{position:relative; width:100%; padding-top:56.25%; background:#000; border-radius:2px; overflow:hidden;}
.campch-promo-video iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.campch-promo-text h2.campch-h2{margin-top:0; font-size:18px;}
.campch-promo-text p{font-size:14px; color:var(--text-2); line-height:1.6; margin:0 0 14px;}

/* ---------- original page description (left in place, above the tabs) ---------- */
.campch-intro{font-size:14.5px; color:var(--text-2); max-width:820px; margin-bottom:8px;}
.campch-intro p{margin:0 0 14px;}

/* ---------- unified Course Overview / Steps for Certification / Start Learning / Reviews tab bar ---------- */
.campch-tabs{margin:8px 0 4px;}
.campch-tabs-nav{display:flex; gap:2px; border-bottom:2px solid var(--border);}
.campch-tab-btn{font-family:inherit; font-size:14px; font-weight:700; color:var(--text-2); background:var(--surface); border:1px solid var(--border); border-bottom:none; padding:12px 20px; cursor:pointer; border-radius:2px 2px 0 0;}
.campch-tab-btn:hover{color:var(--navy);}
.campch-tab-btn-active{color:var(--navy); background:#fff; border-color:var(--border); position:relative; top:2px;}
.campch-tab-panel{padding:22px 4px 4px;}
.campch-tab-panel ol{margin:0; padding-left:20px; font-size:14.5px; line-height:1.9;}
.campch-tab-panel ol li{margin-bottom:6px;}
.campch-native-slot:empty{display:none;}
.campch-native-slot{margin-bottom:28px;}
.campch-tab-empty-note{font-size:13.5px; color:var(--text-2); font-style:italic; margin:0;}

/* ---------- syllabus + hub layout ---------- */
.campch-pub-layout{display:grid; grid-template-columns:1fr 300px; gap:40px; align-items:start;}
.campch-pub-main{min-width:0;}

.campch-syllabus-intro{font-size:14.5px; color:var(--text-2); max-width:760px;}
.campch-toc{background:var(--surface); border-left:3px solid var(--navy); padding:12px 16px; font-size:13px; margin-bottom:26px; line-height:1.9;}
.campch-toc a{color:var(--navy); text-decoration:none; font-weight:600;}
.campch-toc a:hover{text-decoration:underline;}

.campch-module{padding:18px 0; border-top:1px solid var(--border); scroll-margin-top:20px;}
.campch-module:first-of-type{border-top:none;}
.campch-module-title{font-size:16.5px; margin:0 0 6px; color:var(--text);}
.campch-module-count{font-size:12px; font-weight:400; color:var(--text-2); text-transform:none;}
.campch-module-desc{font-size:14px; color:var(--text-2); margin:0 0 10px; max-width:720px; line-height:1.6;}
.campch-lesson-list{margin:0; padding:0; list-style:none; columns:2; column-gap:28px;}
.campch-lesson-list li{font-size:13.5px; padding:5px 0; break-inside:avoid; color:var(--text);}
.campch-lock{font-size:11px; opacity:.55; margin-right:6px;}

/* ---------- cross-link hub sidebar ---------- */
.campch-hub{background:var(--surface); border:1px solid var(--border); border-top:4px solid var(--gold); padding:20px; font-size:13px; position:sticky; top:16px;}
/* Used where the hub isn't a sidebar next to a content column (e.g. the
   registration/certification page's own knowledge-cluster panel) — a
   plain block instead of a sticky-positioned sidebar. */
.campch-hub-standalone{position:static; max-width:640px; margin:8px 0 24px;}
.campch-hub h3{font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--navy); font-weight:800; margin:20px 0 8px;}
.campch-hub h3:first-child{margin-top:0;}
.campch-hub ul{list-style:none; margin:0; padding:0;}
.campch-hub li{margin-bottom:8px; line-height:1.4;}
.campch-hub a{color:var(--text); text-decoration:none; font-size:12.5px;}
.campch-hub a:hover{color:var(--navy); text-decoration:underline;}
.campch-hub-note{font-size:11.5px; color:var(--text-2); font-style:italic; margin:0 0 4px;}
.campch-hub-btn{display:block; margin-top:2px; background:var(--gold); color:var(--text); text-align:center; font-weight:800; padding:9px; border-radius:2px; text-decoration:none !important; font-size:12px;}
.campch-hub-btn:hover{opacity:.88;}

/* ---------- shared CTA button + closing banner ---------- */
.campch-btn{display:inline-block; background:var(--gold); color:var(--text); font-weight:800; font-size:13.5px; text-decoration:none; padding:10px 20px; border-radius:2px; letter-spacing:.02em;}
.campch-btn:hover{opacity:.88;}
.campch-cta{margin-top:36px; padding:18px 20px; background:var(--navy); color:#fff; font-size:14px; border-radius:2px;}
.campch-cta p{margin:0 0 12px;}
.campch-cta strong{color:var(--gold);}

@media (max-width:980px){
  .campch-pub-layout{grid-template-columns:1fr;}
  .campch-hub{position:static; margin-top:8px;}
  .campch-lesson-list{columns:1;}
}

@media (max-width:640px){
  .campch-pub{font-size:15px;}
  .campch-promo{grid-template-columns:1fr;}
  .campch-stats{flex-direction:column;}
  .campch-tabs-nav{flex-direction:column; border-bottom:none;}
  .campch-tab-btn{border-radius:2px; border-bottom:1px solid var(--border);}
  .campch-tab-btn-active{top:0;}
}