/* =========================================================================
   Alliance — LearnDash (LD30) + Focus Mode re-skin
   LD30 ships rounded corners and its own blue. Square everything, repoint
   the accent to Alliance blue, and set Lato throughout.
   ========================================================================= */

.learndash-wrapper{font-family:var(--agw-font)!important;color:var(--agw-body)}

/* kill every rounded corner LD30 ships */
.learndash-wrapper .ld-item-list .ld-item-list-item,
.learndash-wrapper .ld-course-status,
.learndash-wrapper .ld-button,
.learndash-wrapper .ld-progress-bar,
.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage,
.learndash-wrapper .ld-alert,
.learndash-wrapper .ld-expand-button,
.learndash-wrapper .ld-status,
.learndash-wrapper input,
.learndash-wrapper select,
.learndash-wrapper textarea,
.learndash-wrapper .ld-tabs-content,
.learndash-wrapper .ld-focus-comments,
.learndash-wrapper .ld-login-modal,
.learndash-wrapper .ld-quiz-actions,
.learndash-wrapper .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_questionList li{border-radius:0!important}

.learndash-wrapper h1,.learndash-wrapper h2,.learndash-wrapper h3,
.learndash-wrapper h4,.learndash-wrapper h5,.learndash-wrapper h6{
  font-family:var(--agw-font)!important;font-weight:900!important;color:var(--agw-black)!important}

/* ---- primary actions ---- */
.learndash-wrapper .ld-button:not(.ld-button-transparent):not(.ld-button-alternate),
.learndash-wrapper #btn-join,
.learndash-wrapper .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_button2{
  background-image:var(--agw-grad-fade)!important;background-color:var(--agw-blue)!important;
  color:#fff!important;border:0!important;
  font-family:var(--agw-font)!important;font-weight:700!important;
  letter-spacing:.04em;text-transform:uppercase;padding:15px 26px!important;
  transition:background-color .2s ease}
.learndash-wrapper .ld-button:not(.ld-button-transparent):not(.ld-button-alternate):hover,
.learndash-wrapper #btn-join:hover,
.learndash-wrapper .wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_button2:hover{background-color:var(--agw-navy)!important}

.learndash-wrapper .ld-button.ld-button-transparent{
  border:2px solid var(--agw-blue)!important;color:var(--agw-blue)!important;
  font-weight:700!important;text-transform:uppercase;background:transparent!important}
.learndash-wrapper .ld-button.ld-button-transparent:hover{
  background:var(--agw-blue)!important;color:#fff!important}

/* ---- progress ---- */
.learndash-wrapper .ld-progress-bar{background-color:var(--agw-panel-2)!important;
  border:0!important;height:10px!important}
.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage{
  background:var(--agw-grad)!important;height:10px!important}
.learndash-wrapper .ld-progress-heading,
.learndash-wrapper .ld-progress-stats{color:var(--agw-slate)!important;
  font-family:var(--agw-font)!important}

/* ---- accents / icons ---- */
.learndash-wrapper .ld-status-complete,
.learndash-wrapper .ld-status-icon.ld-status-complete{background-color:var(--agw-ok)!important}
.learndash-wrapper .ld-status-progress,
.learndash-wrapper .ld-status-icon.ld-status-in-progress{background-color:var(--agw-blue)!important}
.learndash-wrapper .ld-status-waiting{background-color:var(--agw-warn)!important}
.learndash-wrapper .ld-primary-color,
.learndash-wrapper .ld-primary-color-hover:hover,
.learndash-wrapper .ld-topic-title:hover,
.learndash-wrapper a.ld-item-name:hover{color:var(--agw-blue)!important}
.learndash-wrapper .ld-primary-background{background-color:var(--agw-blue)!important}
.learndash-wrapper .ld-icon.ld-icon-arrow-right,
.learndash-wrapper .ld-expand-button .ld-icon{color:var(--agw-blue)!important}

/* ---- item rows ---- */
.learndash-wrapper .ld-item-list .ld-item-list-item{
  border:1px solid var(--agw-rule)!important;margin-bottom:10px!important;background:#fff!important}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-current-lesson{
  border-left:4px solid var(--agw-blue)!important}
.learndash-wrapper .ld-item-list-item-preview{padding:16px 20px!important}
.learndash-wrapper .ld-item-title{font-weight:700!important;color:var(--agw-slate)!important}
.learndash-wrapper .ld-course-status{border:1px solid var(--agw-rule)!important;background:#fff!important}
.learndash-wrapper .ld-course-status-label{color:var(--agw-muted)!important;
  letter-spacing:.1em;text-transform:uppercase;font-size:.72rem!important}

/* ---- alerts ---- */
.learndash-wrapper .ld-alert{border:0!important;border-left:4px solid var(--agw-blue)!important;
  background:var(--agw-panel)!important;color:var(--agw-slate)!important}
.learndash-wrapper .ld-alert-success{border-left-color:var(--agw-ok)!important;background:#EFF8F3!important}
.learndash-wrapper .ld-alert-warning{border-left-color:var(--agw-warn)!important;background:#FFF6EE!important}

/* =========================================================================
   FOCUS MODE — the module reading experience
   ========================================================================= */
.learndash-wrapper .ld-focus{background:#fff}

/* header bar */
.learndash-wrapper .ld-focus .ld-focus-header{
  background:var(--agw-grad)!important;border-bottom:0!important;box-shadow:none!important}
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo{max-height:52px;width:auto}
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-welcome,
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-welcome *,
.learndash-wrapper .ld-focus .ld-focus-header .ld-course-navigation-heading,
.learndash-wrapper .ld-focus .ld-focus-header a{color:#fff!important}
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-bar{background:rgba(255,255,255,.25)!important}
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-bar .ld-progress-bar-percentage{background:#fff!important}
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-heading,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-stats,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-percentage{color:#fff!important}
.learndash-wrapper .ld-focus-header .ld-mobile-nav .ld-button{background:transparent!important}

/* sidebar */
.learndash-wrapper .ld-focus .ld-focus-sidebar{
  background:var(--agw-panel)!important;border-right:1px solid var(--agw-rule)!important}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{
  font-weight:900!important;color:var(--agw-black)!important;
  letter-spacing:.02em;border-bottom:1px solid var(--agw-rule)}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson
  .ld-lesson-item-preview{background:#fff!important;border-left:4px solid var(--agw-blue)!important}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview{border-radius:0!important}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-title{color:var(--agw-slate)!important;font-weight:700!important}

/* content column */
.learndash-wrapper .ld-focus .ld-focus-content{padding-top:34px}
.learndash-wrapper .ld-focus .ld-focus-content h1{font-size:2.1rem!important;margin-bottom:.4em!important}
.learndash-wrapper .ld-focus-content .ld-tabs .ld-tabs-navigation .ld-tab.ld-active{
  border-bottom:3px solid var(--agw-blue)!important;color:var(--agw-navy)!important}

/* sticky bottom bar */
.learndash-wrapper .ld-focus .ld-focus-comments,
.learndash-wrapper .ld-focus-content .ld-content-actions{border-top:1px solid var(--agw-rule)}

/* SCORM / Tin Canny embeds — let them breathe, keep them square */
.learndash-wrapper .tincanny-content,
.learndash-wrapper .uotc-content,
.tincanny iframe,.uo-tincanny iframe{border:1px solid var(--agw-rule);border-radius:0!important;
  width:100%;display:block}

/* ---- certificate link ---- */
.learndash-wrapper .ld-certificate-link-wrapper .ld-button{
  background-color:var(--agw-blue)!important;background-image:var(--agw-grad-fade)!important}

/* =========================================================================
   FOCUS HEADER — corrections after looking at the rendered page
   LearnDash paints its own colours inline via .ld-secondary-color /
   .ld-secondary-background, so these need to out-specify it.
   ========================================================================= */

/* The logo sits on a white panel; give it the same angled slab as the site
   header rather than fighting it, and stop it being clipped. */
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo{
  display:flex!important;align-items:center;justify-content:center;
  height:100%;background:#fff!important;
  padding:7px 34px 7px 12px!important;margin:0!important;
  -webkit-clip-path:polygon(0 0,calc(100% - 26px) 0,100% 100%,0 100%);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 100%,0 100%)}
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img{
  max-height:38px!important;width:auto!important;height:auto!important;
  object-fit:contain;display:block}

/* Progress readouts and the welcome text must be white on the gradient. */
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-heading,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-stats,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-steps,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-percentage,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-percentage.ld-secondary-color,
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-text,
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-welcome-text{
  color:#fff!important}
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-bar{
  background:rgba(255,255,255,.28)!important}
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-bar .ld-progress-bar-percentage,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-bar .ld-secondary-background{
  background:#fff!important}

/* "Mark Complete" in the header bar was dark-on-blue and unreadable. */
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .learndash_mark_complete_button,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-button{
  background:rgba(255,255,255,.16)!important;
  border:2px solid rgba(255,255,255,.8)!important;
  color:#fff!important;border-radius:0!important;
  padding:9px 20px!important;font-weight:700!important;
  text-transform:uppercase;letter-spacing:.04em;font-size:13px!important}
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .learndash_mark_complete_button:hover,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-button:hover{
  background:#fff!important;color:#015189!important}

/* Sidebar course heading bar */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{
  background:var(--agw-navy)!important;color:#fff!important;
  border-bottom:0!important}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading *{
  color:#fff!important}

/* mobile nav trigger bars */
.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav .ld-trigger-mobile-nav span{
  background:#fff!important}

/* LearnDash's inline block colours the focus-header Mark Complete button with
   .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete
   .learndash_mark_complete_button:not(.ld--ignore-inline-css) — six class
   selectors and !important, so the five-selector rule above lost the cascade
   and the label rendered #0d7aaf on the blue bar. Match their shape and add
   one more selector so we win on specificity, not just source order. */
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css),
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  #sfwd-mark-complete #learndash_mark_complete_button{
  background:rgba(255,255,255,.14)!important;
  background-color:rgba(255,255,255,.14)!important;
  border:2px solid rgba(255,255,255,.85)!important;
  color:#fff!important;border-radius:0!important;
  padding:9px 20px!important;font-weight:700!important;
  text-transform:uppercase;letter-spacing:.04em;font-size:13px!important;
  text-shadow:none!important;opacity:1!important}
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css):hover,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css):focus{
  background:#fff!important;background-color:#fff!important;
  color:var(--agw-navy,#023d68)!important;opacity:1!important}
/* the tick pseudo-element LD paints beside it */
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .sfwd-mark-complete:after{color:#fff!important}

/* =========================================================================
   Tin Canny "Launch Module" button
   The block renders <a class="glightbox"><span class="uo-tclr-open-content-button
   uo-tclr-open-content-button--big"><span …__text>…</span><span …__icon><svg/>
   </span></span></a>. Tin Canny ships it #f2f4f3 on a #dcdcdc border with #8a8a8a
   text — next to the branded page it reads as a disabled control, and it is the
   single most important action on the module page. Re-cut as the Alliance primary
   button: gradient, zero radius, the wedge and the chevron, so it speaks the same
   language as every other CTA on the platform. Their base rule is one class, so
   ours is listed both scoped and bare — the scoped one wins on specificity, the
   bare one on source order (our sheet enqueues at priority 100).
   ========================================================================= */
.learndash-wrapper a.glightbox,
a.glightbox{display:inline-block;max-width:100%;margin:28px 0;
  text-decoration:none!important;box-shadow:none!important;line-height:0}
.learndash-wrapper a.glightbox:hover,
a.glightbox:hover{text-decoration:none!important;box-shadow:none!important}

.learndash-wrapper .uo-tclr-open-content-button,
.uo-tclr-open-content-button{
  position:relative;display:inline-flex;align-items:center;
  min-height:62px;padding:0 calc(var(--agw-wedge,56px) + 18px) 0 28px;
  background-color:var(--agw-blue,#1187BB);
  background-image:var(--agw-grad-fade,linear-gradient(270deg,#015189 0%,rgba(1,81,137,0) 100%));
  border:0;border-radius:0;color:#fff;
  font-family:var(--agw-font,'Lato',Arial,sans-serif);font-weight:700;
  font-size:1rem;letter-spacing:.04em;text-transform:uppercase;line-height:1;
  transition:background-color .2s ease}
.learndash-wrapper .uo-tclr-open-content-button:hover,
.uo-tclr-open-content-button:hover{background-color:var(--agw-navy,#015189)}

/* the wedge and the chevron, matching .agw-btn */
.learndash-wrapper .uo-tclr-open-content-button::before,
.uo-tclr-open-content-button::before{content:'';position:absolute;right:0;top:0;bottom:0;
  width:var(--agw-wedge,56px);
  background:var(--agw-grad-rev,linear-gradient(225deg,#1187BB 0%,#015189 100%));
  -webkit-clip-path:polygon(100% 0,0% 100%,100% 100%);
  clip-path:polygon(100% 0,0% 100%,100% 100%)}
.learndash-wrapper .uo-tclr-open-content-button::after,
.uo-tclr-open-content-button::after{content:'';position:absolute;top:50%;right:24px;
  width:10px;height:10px;border-right:2px solid #fff;border-top:2px solid #fff;
  transform:translateY(-50%) rotate(45deg)}

/* their circled-chevron SVG would compete with our own chevron */
.learndash-wrapper .uo-tclr-open-content-button__icon,
.uo-tclr-open-content-button__icon{display:none!important}
.learndash-wrapper .uo-tclr-open-content-button__text,
.uo-tclr-open-content-button__text{display:inline-block;line-height:1;color:#fff}

/* size modifiers: 'big' is what the block writes and Tin Canny has no rule for it */
.learndash-wrapper .uo-tclr-open-content-button--small,
.uo-tclr-open-content-button--small{min-height:48px;font-size:.85rem;
  padding:0 calc(40px + 12px) 0 20px;--agw-wedge:40px}

a.glightbox:focus-visible .uo-tclr-open-content-button{
  outline:3px solid var(--agw-blue,#1187BB);outline-offset:3px}

@media(max-width:640px){
  .learndash-wrapper a.glightbox,a.glightbox{display:block;width:100%}
  .learndash-wrapper .uo-tclr-open-content-button,
  .uo-tclr-open-content-button{display:flex;width:100%;justify-content:flex-start;
    font-size:.92rem;padding:0 calc(var(--agw-wedge,56px) + 14px) 0 20px}
}

/* =========================================================================
   Mark Complete, locked vs ready (Tin Canny steps)
   Tin Canny disables the input until the module reports completion; the label
   swap is done in JS and this makes the two states look like what they are.

   Specificity note, because it is not guessable: LearnDash ships TWO !important
   disabled rules, both at (0,5,0) —
     .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern)
       .learndash_mark_complete_button[disabled]{background-color:#f6f8fa!important;
       color:#73738c!important;outline:2px solid #73738c!important}
   and a later :disabled twin that sets background:#4c4c4c!important and
   filter:grayscale(100%). The second wins the background, the first keeps the
   colour, which is why an un-weighted override renders a dark grey slab with
   lilac text. Match their shape and add one class to clear (0,6,0), and cancel
   the grayscale filter or the brand colours come out desaturated anyway.
   The enabled state has to clear LearnDash's inline
   .learndash-wrapper .learndash_mark_complete_button:not(.ld--ignore-inline-css)
   {background-color:#0d7aaf!important} at (0,3,0).
   ========================================================================= */
.tclr-mark-complete-button.agw-mc-wrap{display:block!important}

/* ---- ready ---- */
.learndash-wrapper .learndash_mark_complete_button.agw-mc--ready:not(.ld--ignore-inline-css),
.learndash-wrapper #learndash_mark_complete_button.agw-mc--ready{
  background-image:var(--agw-grad-fade,linear-gradient(270deg,#015189 0%,rgba(1,81,137,0) 100%))!important;
  background-color:var(--agw-blue,#1187BB)!important;border:0!important;border-radius:0!important;
  color:#fff!important;font-family:var(--agw-font,'Lato',Arial,sans-serif)!important;
  font-weight:700!important;letter-spacing:.04em;text-transform:uppercase;
  padding:15px 26px!important;cursor:pointer!important;filter:none!important;white-space:nowrap;
  outline:0!important;text-shadow:none!important;
  transition:background-color .2s ease}
.learndash-wrapper .learndash_mark_complete_button.agw-mc--ready:not(.ld--ignore-inline-css):hover,
.learndash-wrapper #learndash_mark_complete_button.agw-mc--ready:hover{
  background-color:var(--agw-navy,#015189)!important;
  color:#fff!important}

/* ---- locked ---- */
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern)
  .learndash_mark_complete_button.agw-mc--locked[disabled],
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern)
  .learndash_mark_complete_button.agw-mc--locked:disabled,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern)
  .learndash_mark_complete_button.agw-mc--locked[disabled]:hover,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern)
  .learndash_mark_complete_button.agw-mc--locked:disabled:hover{
  background:var(--agw-panel-2,#EDF1F3)!important;
  background-color:var(--agw-panel-2,#EDF1F3)!important;background-image:none!important;
  color:var(--agw-muted,#9A9A9A)!important;
  border:1px solid var(--agw-rule,#E2E6E9)!important;border-radius:0!important;
  outline:0!important;filter:none!important;opacity:1!important;
  font-family:var(--agw-font,'Lato',Arial,sans-serif)!important;font-weight:700!important;
  letter-spacing:.04em;text-transform:uppercase;padding:15px 26px!important;
  cursor:not-allowed!important;text-shadow:none!important;white-space:nowrap}

/* ---- the focus-header copy sits on the blue bar, so the locked state has to
       read against a dark ground rather than a white one ---- */
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .sfwd-mark-complete .learndash_mark_complete_button.agw-mc--locked[disabled],
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .sfwd-mark-complete .learndash_mark_complete_button.agw-mc--locked:disabled,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .sfwd-mark-complete .learndash_mark_complete_button.agw-mc--locked[disabled]:hover{
  background:transparent!important;background-color:transparent!important;
  border:2px solid rgba(255,255,255,.32)!important;
  color:rgba(255,255,255,.62)!important;
  cursor:not-allowed!important;filter:none!important;outline:0!important;
  padding:9px 16px!important}

/* "PLEASE COMPLETE MODULE" is half again as long as "MARK COMPLETE"; give the
   header copy room rather than letting it wrap the bar */
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
  .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css){
  white-space:nowrap;font-size:12px!important;letter-spacing:.03em;padding:9px 16px!important}
@media(max-width:1100px){
  .learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions
    .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css){
    font-size:11px!important;padding:8px 12px!important}
}