/* ===========================================================================
   BRAND COLOR OVERRIDES — must load FIRST
   These replace LearnDash's default blue (#235af3) with brand burgundy.
   Placed at top so they parse correctly even if there's a syntax issue below.
   =========================================================================== */
:root {
  --ld-color-brand-primary: #5e4350;
  --ld-color-button-bg: #5e4350;
  --ld-color-semantic-text-link: #5e4350;
  --ld-color-field-border-active: #5e4350;
  --ld-color-button-secondary-border: #5e4350;
  --ld-color-button-bg-hover: #3d1e2c;
  --ld-color-semantic-button-primary-background-hover: #3d1e2c;
  --ld-color-semantic-text-link-hover: #3d1e2c;
  --ld-color-field-text-active: #3d1e2c;
  --ld-color-brand-tertiary: #8a4d5e;
  --ld-color-semantic-field-background-active: #f6ebe8;
  --ld-color-semantic-button-secondary-background-hover: #f6ebe8;
}

body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

body .learndash-wrapper .ld-primary-background,
body .learndash-wrapper .ld-icon.ld-primary-background,
body .learndash-wrapper .ld-icon-arrow-down.ld-primary-background,
body .learndash-wrapper .ld-icon-arrow-up.ld-primary-background,
body .learndash-wrapper .ld-icon-arrow-left,
body .learndash-wrapper .ld-icon-arrow-right {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

body .learndash-wrapper .ld-table-list-item.ld-is-current-item .ld-lesson-title,
body .learndash-wrapper .ld-table-list-item-preview-row .ld-lesson-title,
body .learndash-wrapper .ld-lesson-item-preview-heading.ld-is-current-item .ld-lesson-title {
  color: #5e4350 !important;
}

body .learndash-wrapper .ld-status.ld-status-progress,
body .learndash-wrapper .ld-status-progress {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
  border-color: #5e4350 !important;
}

body .learndash-wrapper .ld-alert-icon,
body .learndash-wrapper .ld-alert-success .ld-alert-icon {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

body .learndash-wrapper #sfwd-mark-complete input[type="submit"],
body .learndash-wrapper .ld-button.ld-mark-complete,
body .learndash-wrapper button.ld-button[name="course_complete"],
body .learndash-wrapper .learndash_mark_complete_button {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
  border-color: #5e4350 !important;
}

body .learndash-wrapper .ld-focus-header a,
body .learndash-wrapper .ld-user-menu-items a {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

body .learndash-wrapper .ld-primary-background:hover,
body .learndash-wrapper .ld-status-progress:hover,
body .learndash-wrapper .ld-button.ld-mark-complete:hover {
  background-color: #3d1e2c !important;
}

/* End of brand color overrides — original CSS below */


/* Round 3 — additional brand color overrides (from QA on lesson + my-courses pages) */

/* "Expand All" button on /my-courses/ */
body .learndash-wrapper .ld-expand-button,
body .learndash-wrapper button.ld-expand-button {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
  border-color: #5e4350 !important;
}

/* "Expand" mobile alternate buttons (text-only style) */
body .learndash-wrapper .ld-expand-button.ld-button-alternate,
body .learndash-wrapper .ld-button-alternate {
  color: #5e4350 !important;
  border-color: #5e4350 !important;
}

/* Arrow icons (down/up/left/right) — sometimes tagged just .ld-icon-arrow-X without .ld-primary-background */
body .learndash-wrapper .ld-icon-arrow-down,
body .learndash-wrapper .ld-icon-arrow-up,
body .learndash-wrapper .ld-icon-arrow-1-d,
body .learndash-wrapper .ld-icon-arrow-1-u,
body .learndash-wrapper span.ld-icon.ld-icon-arrow-down,
body .learndash-wrapper span.ld-icon.ld-icon-arrow-up {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

/* Active lesson title in sidebar (currently blue, should be brand burgundy) */
body .learndash-wrapper .ld-lesson-item-preview-heading.ld-primary-color-hover .ld-lesson-title,
body .learndash-wrapper .ld-table-list-item .ld-lesson-title,
body .learndash-wrapper .ld-primary-color-hover .ld-lesson-title,
body .learndash-wrapper .ld-primary-color,
body .learndash-wrapper .ld-primary-color-hover:hover {
  color: #5e4350 !important;
}

/* PREVIOUS LESSON / Mark Complete transparent buttons on the dark header
   were rendering in mauve which doesn't read well on the deep aubergine bg */
body .learndash-wrapper .ld-focus-header .ld-button-transparent,
body .learndash-wrapper .ld-focus-header a.ld-button-transparent,
body .learndash-wrapper .ld-focus-header .ld-content-action a {
  color: #f6ebe8 !important;
  background-color: transparent !important;
}

/* Hover for those buttons */
body .learndash-wrapper .ld-focus-header .ld-button-transparent:hover,
body .learndash-wrapper .ld-focus-header a.ld-button-transparent:hover {
  color: #d9c5c0 !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

/* End of Round 3 brand color overrides */


/* Round 4 — Fix invisible button text where .ld-text span has dark color matching the button bg */
body .learndash-wrapper a.ld-button .ld-text,
body .learndash-wrapper a.ld-button span,
body .learndash-wrapper button.ld-button .ld-text,
body .learndash-wrapper button.ld-button span,
body .learndash-wrapper .ld-button.ld-primary-background .ld-text,
body .learndash-wrapper .ld-button.ld-primary-background span {
  color: inherit !important;
}

/* Also fix the broken Expand button (text was matching its burgundy bg) */
body .learndash-wrapper button.ld-expand-button.ld-button-alternate {
  color: #f6ebe8 !important;
  background-color: #5e4350 !important;
}
body .learndash-wrapper button.ld-expand-button.ld-button-alternate .ld-text,
body .learndash-wrapper button.ld-expand-button.ld-button-alternate span {
  color: #f6ebe8 !important;
}



/* =====================================================================
   LearnDash brand override · The Social Work Progressive
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');

.learndash-wrapper,
.learndash-wrapper * {
  font-family: 'Inter', sans-serif;
  color: #3d1e2c;
}

.learndash-wrapper h1,
.learndash-wrapper h2,
.learndash-wrapper h3,
.learndash-wrapper .ld-course-status-content,
.learndash-wrapper .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-quiz-question__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  color: #3d1e2c !important;
  letter-spacing: 0.005em;
}

.learndash-wrapper .ld-section-heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  color: #5e4350 !important;
}

.learndash-wrapper .ld-course-status,
.learndash-wrapper .ld-course-header {
  background: #3d1e2c !important;
  color: #f6ebe8 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 32px 40px !important;
}

.learndash-wrapper .ld-course-status *,
.learndash-wrapper .ld-course-header * {
  color: #f6ebe8 !important;
}

.learndash-wrapper .ld-course-status .ld-course-status-content,
.learndash-wrapper .ld-course-header h1 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 36px !important;
  line-height: 1.05 !important;
  font-weight: 500 !important;
}

.learndash-wrapper .ld-progress {
  background: rgba(217,197,192,0.3) !important;
}

.learndash-wrapper .ld-progress-bar,
.learndash-wrapper .ld-progress-bar-percentage {
  background: #8a4d5e !important;
  height: 6px !important;
}

.learndash-wrapper .ld-progress-percentage,
.learndash-wrapper .ld-progress-stats {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #d9c5c0 !important;
}

.learndash-wrapper .ld-button,
.learndash-wrapper a.ld-button,
.learndash-wrapper input.ld-button,
.learndash-wrapper button.ld-button,
.learndash-wrapper .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_QuestionButton {
  background: #3d1e2c !important;
  color: #f6ebe8 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  transition: background 0.15s ease !important;
}

.learndash-wrapper .ld-button:hover,
.learndash-wrapper a.ld-button:hover,
.learndash-wrapper button.ld-button:hover,
.learndash-wrapper .wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_QuestionButton:hover {
  background: #5e4350 !important;
}

.learndash-wrapper .ld-button--secondary,
.learndash-wrapper .ld-button.ld-button-transparent {
  background: transparent !important;
  color: #8a4d5e !important;
  border: 1px solid #d9c5c0 !important;
}

.learndash-wrapper .ld-button--secondary:hover {
  background: #fbf3ef !important;
}

.learndash-wrapper .ld-lesson-list,
.learndash-wrapper .ld-item-list {
  background: transparent !important;
  border: none !important;
}

.learndash-wrapper .ld-item-list-item,
.learndash-wrapper .ld-lesson-item {
  background: #fbf3ef !important;
  border: 1px solid #d9c5c0 !important;
  border-radius: 0 !important;
  margin-bottom: 8px !important;
  padding: 14px 18px !important;
}

.learndash-wrapper .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-item-name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  color: #3d1e2c !important;
  font-weight: 500 !important;
}

.learndash-wrapper .ld-lesson-item-preview-meta,
.learndash-wrapper .ld-item-details {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 12px !important;
  color: #8a4d5e !important;
}

.learndash-wrapper .ld-status-icon,
.learndash-wrapper .ld-icon-checkmark {
  background: #8a4d5e !important;
  color: #f6ebe8 !important;
  border: none !important;
}

.learndash-wrapper .ld-focus,
.learndash-wrapper .ld-focus-main-content {
  background: #f6ebe8 !important;
}

.learndash-wrapper .ld-focus-header {
  background: #3d1e2c !important;
  color: #f6ebe8 !important;
  border: none !important;
}

.learndash-wrapper .ld-focus-header * {
  color: #f6ebe8 !important;
}

.learndash-wrapper .ld-focus-sidebar {
  background: #fbf3ef !important;
  border-right: 1px solid #d9c5c0 !important;
}

.learndash-wrapper .ld-focus-sidebar .ld-lesson-item.ld-is-current-item {
  background: #f6ebe8 !important;
  border-left: 3px solid #8a4d5e !important;
}

.learndash-wrapper .ld-content,
.learndash-wrapper .learndash-content,
.learndash-wrapper .ld-tab-content {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #3d1e2c !important;
}

.learndash-wrapper .ld-content p {
  font-size: 13px !important;
  line-height: 1.65 !important;
  margin-bottom: 12px !important;
}

.learndash-wrapper .ld-content em {
  color: #5e4350 !important;
  font-style: italic !important;
}

.learndash-wrapper .ld-content strong {
  font-weight: 600 !important;
  color: #3d1e2c !important;
}

.learndash-wrapper .wpProQuiz_content,
.learndash-wrapper .ld-quiz-question {
  background: #fbf3ef !important;
  border: 1px solid #d9c5c0 !important;
  border-radius: 0 !important;
  padding: 24px 28px !important;
}

.learndash-wrapper .wpProQuiz_question_text,
.learndash-wrapper .ld-quiz-question__question {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 19px !important;
  color: #3d1e2c !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin-bottom: 16px !important;
}

.learndash-wrapper .wpProQuiz_questionList li,
.learndash-wrapper .ld-quiz-question__answer {
  background: #f6ebe8 !important;
  border: 1px solid #d9c5c0 !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  margin-bottom: 8px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #3d1e2c !important;
}

.learndash-wrapper .wpProQuiz_questionList li:hover,
.learndash-wrapper .ld-quiz-question__answer:hover {
  border-color: #8a4d5e !important;
  background: #fbf3ef !important;
}

.learndash-wrapper .wpProQuiz_questionList li.is-selected,
.learndash-wrapper .ld-quiz-question__answer.is-selected {
  background: #fbf3ef !important;
  border-color: #3d1e2c !important;
  border-left: 3px solid #8a4d5e !important;
}

.learndash-wrapper .wpProQuiz_questionCount,
.learndash-wrapper .ld-quiz-progress {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8a4d5e !important;
}

.learndash-wrapper .ld-certificate-container,
.learndash-wrapper .ld-certificate-link {
  background: #fbf3ef !important;
  border: 1px solid #d9c5c0 !important;
  padding: 16px !important;
}

.learndash-wrapper .ld-alert,
.learndash-wrapper .ld-tabs-content,
.learndash-wrapper .ld-course-navigation {
  background: #fbf3ef !important;
  border: 1px solid #d9c5c0 !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
  color: #3d1e2c

/* =====================================================================
   Footer brand title fix · prevent mid-word breaks
   Uses :not(#a) specificity hack since WP strips duplicate classes
   ===================================================================== */
html body footer h1.wp-block-site-title:not(#a):not(#b):not(#c),
}

/* ↑ closing brace added by Claude — was missing on .ld-course-navigation rule */

html body footer .wp-block-site-title:not(.has-small-font-size):not(#a):not(#b):not(#c) {
  font-size: 2.25rem !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.1 !important;
}

@media (max-width: 768px) {
  html body footer h1.wp-block-site-title:not(#a):not(#b):not(#c),
  html body footer .wp-block-site-title:not(.has-small-font-size):not(#a):not(#b):not(#c) {
    font-size: 1.75rem !important;
  }
}

/* (auto-restored sections) */

.learndash-wrapper .ld-alert-icon {
  color: #8a4d5e !important;
}

.learndash-wrapper .ld-status,
.learndash-wrapper .ld-meta {
  font-family: 'Inter', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #8a4d5e !important;
  background: transparent !important;
}

.learndash-wrapper .ld-pill,
.learndash-wrapper .ld-status-pill {
  background: #8a4d5e !important;
  color: #f6ebe8 !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.learndash-wrapper .ld-content-actions,
.learndash-wrapper .ld-lesson-navigation {
  background: transparent !important;
  border-top: 1px solid #d9c5c0 !important;
  padding-top: 18px !important;
  margin-top: 24px !important;
}

.learndash-wrapper .ld-powered-by-learndash {
  display: none !important;
}

@media print {
  .learndash-wrapper .ld-button,
  .learndash-wrapper .wpProQuiz_button {
    display: none !important;
  }
}

/* Footer brand title fix: prevent mid-word breaks (clean version) */
html body footer h1.wp-block-site-title:not(#a):not(#b):not(#c) {
  font-size: 2.25rem !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.1 !important;
}
html body footer .wp-block-site-title:not(.has-small-font-size):not(#a):not(#b):not(#c) {
  font-size: 2.25rem !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  line-height: 1.1 !important;
}
@media (max-width: 768px) {
  html body footer h1.wp-block-site-title:not(#a):not(#b):not(#c),
  html body footer .wp-block-site-title:not(.has-small-font-size):not(#a):not(#b):not(#c) {
    font-size: 1.75rem !important;
  }
}


/* ===========================================================================
   LearnDash CSS variable overrides
   Maps LearnDash default blue accents to The Social Work Progressive
   brand palette (plum primary, deep aubergine hover, mauve tertiary).
   =========================================================================== */
:root,
.learndash-wrapper {
  /* Primary brand color: medium plum */
  --ld-color-brand-primary: #5e4350;
  --ld-color-button-bg: #5e4350;
  --ld-color-semantic-text-link: #5e4350;
  --ld-color-field-border-active: #5e4350;
  --ld-color-button-secondary-border: #5e4350;
  --ld-color-semantic-button-tertiary-text-hover: #5e4350;

  /* Hover/active darker: deep aubergine */
  --ld-color-button-bg-hover: #3d1e2c;
  --ld-color-semantic-button-primary-background-hover: #3d1e2c;
  --ld-color-semantic-text-link-hover: #3d1e2c;
  --ld-color-field-text-active: #3d1e2c;

  /* Lighter accent: mauve */
  --ld-color-brand-tertiary: #8a4d5e;

  /* Soft background tints: brand cream instead of pale blue */
  --ld-color-semantic-field-background-active: #f6ebe8;
  --ld-color-semantic-button-secondary-background-hover: #f6ebe8;
}

/* ===========================================================================
   LearnDash blue accent overrides (round 2 — direct selectors)
   The CSS variable overrides above don't catch elements that use
   .ld-primary-background or hardcoded color in LearnDash core CSS.
   These rules use !important to win the cascade.
   =========================================================================== */

/* Course title bar at top of focus sidebar (was solid blue) */
.learndash-wrapper .ld-course-navigation-heading,
.learndash-wrapper .ld-focus-header,
.learndash-wrapper .ld-focus-sidebar-heading {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

/* Generic "primary background" utility class used by icons + chips */
.learndash-wrapper .ld-primary-background,
.learndash-wrapper .ld-icon.ld-primary-background {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

/* Active lesson title in sidebar (currently rendered as blue text) */
.learndash-wrapper .ld-table-list-item.ld-is-current-item .ld-lesson-title,
.learndash-wrapper .ld-lesson-item-preview-heading.ld-is-current-item,
.learndash-wrapper .ld-table-list-item-preview-row .ld-lesson-title {
  color: #5e4350 !important;
}

/* Status badges (IN PROGRESS, COMPLETE oval next to breadcrumb) */
.learndash-wrapper .ld-status-progress,
.learndash-wrapper .ld-status.ld-status-progress,
.learndash-wrapper .ld-status-complete,
.learndash-wrapper .ld-status.ld-status-complete {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
  border-color: #5e4350 !important;
}

/* Arrow icons inside chevrons */
.learndash-wrapper .ld-icon-arrow-down,
.learndash-wrapper .ld-icon-arrow-up,
.learndash-wrapper .ld-icon-arrow-left,
.learndash-wrapper .ld-icon-arrow-right {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

/* Course Home / Logout links in the focus header (top right) */
.learndash-wrapper .ld-focus-header a,
.learndash-wrapper .ld-focus-header .ld-focus-header-link,
.learndash-wrapper .ld-user-menu-items a {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

/* "Great Job!" alert success icon circle */
.learndash-wrapper .ld-alert-success .ld-alert-icon,
.learndash-wrapper .ld-alert-icon {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
}

/* Mark Complete button (round chevron at top right) */
.learndash-wrapper #sfwd-mark-complete input[type="submit"],
.learndash-wrapper #sfwd-mark-complete button,
.learndash-wrapper .ld-button.ld-mark-complete,
.learndash-wrapper button.ld-button[name="course_complete"] {
  background-color: #5e4350 !important;
  color: #f6ebe8 !important;
  border-color: #5e4350 !important;
}

/* Tabs and pills that use primary-background variant */
.learndash-wrapper [class*="ld-primary-background"]:not(.ld-icon-arrow-1) {
  background-color: #5e4350 !important;
}

/* Hover states for any of the above */
.learndash-wrapper .ld-primary-background:hover,
.learndash-wrapper .ld-status-progress:hover,
.learndash-wrapper .ld-button.ld-mark-complete:hover {
  background-color: #3d1e2c !important;
}