/* =============================================================
   MGI — Course experience brand alignment (focus-mode views)
   Loaded on course / lesson / topic / quiz singular views via
   the conditional enqueue in functions.php (hash_file version,
   so edits bust the cache automatically — no Version bump).

   The selectors below target the course plugin's generated
   markup, so its class/variable names appear by necessity —
   they're the only handle onto those elements. Everything that
   is ours (file name, handle, comments) is kept neutral.
   ============================================================= */

/* ---- 1. Route the plugin's "secondary" accent (default blue)
   to MGI navy. One move recolors the "0% COMPLETE" /
   "LESSON PROGRESS" text, the active nav item, and other
   secondary bits. The gold "primary" accent is left as-is.
   The var must be set with !important: the plugin's own
   stylesheet loads after style.css, so plain cascade loses. -- */
.learndash-wrapper {
	--ld-color-secondary: #1B2944 !important;
}

/* ---- 2. Progress-bar fills -> gold (a fill, so contrast-safe) - */
.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage,
.learndash-wrapper .ld-progress-bar-percentage.ld-secondary-background {
	background-color: #C8952E !important;
}

/* ---- 3. Breadcrumb + lesson links -> navy (never blue) -------- */
.learndash-wrapper .ld-breadcrumbs a,
.learndash-wrapper .ld-focus-content a:not(.ld-button),
.learndash-wrapper .ld-lesson-item-preview-heading a {
	color: #1B2944 !important;
}

/* ---- 4. Active / current nav item -> navy text + gold accent --
   Covers the common focus-mode current-item classes. Confirm
   against the live DOM with DevTools and trim to whichever one
   actually fires. --------------------------------------------- */
.learndash-wrapper .ld-table-list-item.ld-is-current-item,
.learndash-wrapper .ld-table-list-item.ld-is-current-item .ld-table-list-item-preview,
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-item-list-item.ld-is-current {
	color: #1B2944 !important;
	box-shadow: inset 3px 0 0 #C8952E;   /* gold left accent, no layout shift */
}

/* ---- 5. Fonts -> carry Poppins / Open Sans into focus mode ---- */
.learndash-wrapper,
.learndash-wrapper .ld-tabs-content,
.learndash-wrapper .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-focus-content {
	font-family: 'Open Sans', sans-serif;
}
.learndash-wrapper h1,
.learndash-wrapper h2,
.learndash-wrapper h3,
.learndash-wrapper .ld-focus-content h1,
.learndash-wrapper .ld-lesson-title,
.learndash-wrapper .ld-course-navigation-heading,
.learndash-wrapper .ld-item-list-item .ld-course-title {
	font-family: 'Poppins', sans-serif;
}

/* ---- 6. Focus-mode header user slot ---------------------------
   Hide the "Hello, {name}!" greeting and style the DASHBOARD
   button that functions.php drops into the user-menu slot. ----- */
.learndash-wrapper .ld-user-menu .ld-text,
.learndash-wrapper .ld-user-menu .ld-login-text {
	display: none !important;
}
.learndash-wrapper .ld-user-menu .mgi-dash-btn {
	display: inline-flex;
	align-items: center;
	background-color: transparent;                 /* ghost on the navy header */
	color: #FFFFFF !important;                      /* white label */
	border: 1.5px solid rgba(255, 255, 255, 0.6);  /* white outline */
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 18px;
	border-radius: 6px;
	white-space: nowrap;
}
.learndash-wrapper .ld-user-menu .mgi-dash-btn:hover,
.learndash-wrapper .ld-user-menu .mgi-dash-btn:focus {
	background-color: rgba(255, 255, 255, 0.12);
	color: #FFFFFF !important;
}


/* =============================================================
   OPTION 2 — Navy header + dark navy rail (MODERN focus mode)
   Verified against the live DOM. modern.min.css loads AFTER
   this file, so every rule below is specific + !important to
   win on cascade order. Content area stays white.
   ============================================================= */

/* ---- 7a. Header bar -> navy --------------------------------- */
.learndash-wrapper .ld-focus-header {
	background-color: #1B2944 !important;
	padding-top: 22px !important;            /* breathing room above the nav buttons */
	padding-bottom: 22px !important;         /* breathing room below the nav buttons */
}
/* progress label + steps -> white (override the secondary-color blue) */
.learndash-wrapper .ld-focus-header .ld-progress-percentage,
.learndash-wrapper .ld-focus-header .ld-progress-percentage.ld-secondary-color,
.learndash-wrapper .ld-focus-header .ld-progress-steps {
	color: #FFFFFF !important;
}
/* header progress track -> translucent white; fill -> gold */
.learndash-wrapper .ld-focus-header .ld-progress-bar {
	background-color: rgba(255, 255, 255, 0.18) !important;
}
.learndash-wrapper .ld-focus-header .ld-progress-bar-percentage,
.learndash-wrapper .ld-focus-header .ld-progress-bar-percentage.ld-secondary-background {
	background-color: #C8952E !important;
}

/* ---- 7b. Sidebar shell + heading -> dark navy --------------- */
.learndash-wrapper .ld-focus-sidebar {
	background-color: #1B2944 !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading {
	background-color: #16223A !important;
}
.learndash-wrapper #ld-focus-mode-course-heading,
.learndash-wrapper #ld-focus-mode-course-heading .ld-icon {
	color: #FFFFFF !important;
}
/* sidebar collapse trigger -> bare heavy WHITE arrow (no disc, no ring) */
.learndash-wrapper .ld-focus-sidebar-trigger,
.learndash-wrapper .ld-focus-sidebar-trigger:hover,
.learndash-wrapper .ld-focus-sidebar-trigger:focus,
.learndash-wrapper .ld-focus-sidebar-trigger:focus-visible,
.learndash-wrapper .ld-focus-sidebar-trigger:active {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;     /* kills the blue :focus ring */
	outline: none !important;
	border-radius: 0 !important;
	width: 30px !important;
	height: 30px !important;
	min-width: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
/* kill modern's gold disc / ring pseudo-elements */
.learndash-wrapper .ld-focus-sidebar-trigger::before,
.learndash-wrapper .ld-focus-sidebar-trigger::after {
	display: none !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}
/* the arrow glyph: white, larger, stroked for a heavy weight */
.learndash-wrapper .ld-focus-sidebar-trigger .ld-icon,
.learndash-wrapper .ld-focus-sidebar-trigger .ld-icon::before {
	color: #FFFFFF !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;            /* the white circle lives HERE, on the icon span */
	box-shadow: none !important;
	border-radius: 0 !important;
	outline: none !important;
	font-size: 22px !important;
	-webkit-text-stroke: 1.25px #FFFFFF !important;   /* thickens the glyph */
	text-shadow: none !important;
}

/* ---- 7c. Lesson rows -> light text on dark, subtle dividers - */
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item {
	border-bottom: 1px solid #2A3A55 !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-focus-sidebar .ld-lesson-title {
	color: #FFFFFF !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item-preview-heading:hover .ld-lesson-title {
	color: #FFFFFF !important;
}

/* ---- 7d. Active lesson -> highlight + white text + gold rail - */
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview {
	background-color: #243450 !important;
	box-shadow: inset 3px 0 0 #C8952E;
}
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
	color: #FFFFFF !important;
}

/* ---- 7e. Sub-topic panel -> slate --------------------------- */
.learndash-wrapper .ld-focus-sidebar .ld-table-list.ld-topic-list {
	background-color: #253342 !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-table-list-item {
	border-bottom: 1px solid #2F3F5A !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-topic-title {
	color: #C3CDDA !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-table-list-item-preview:hover .ld-topic-title {
	color: #FFFFFF !important;
}
/* active topic (current page) -> highlight + white + gold rail */
.learndash-wrapper .ld-focus-sidebar .ld-table-list-item-preview.ld-is-current-item {
	background-color: #2C3D5A !important;
	box-shadow: inset 3px 0 0 #C8952E;
}
.learndash-wrapper .ld-focus-sidebar .ld-table-list-item-preview.ld-is-current-item .ld-topic-title {
	color: #FFFFFF !important;
}

/* ---- 7f. Status icons -> gold (done) / light ring (todo) ---- */
.learndash-wrapper .ld-focus-sidebar .ld-status-icon.ld-status-complete,
.learndash-wrapper .ld-focus-sidebar .ld-status-icon.ld-status-complete.ld-secondary-background {
	background-color: #C8952E !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-status-icon.ld-status-complete .ld-icon-checkmark {
	color: #1B2944 !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-status-icon.ld-status-incomplete {
	border-color: rgba(255, 255, 255, 0.45) !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-status-icon.ld-status-in-progress,
.learndash-wrapper .ld-focus-sidebar .ld-status-icon.ld-status-in-progress.ld-secondary-in-progress-icon {
	border-color: #C8952E !important;
}

/* ---- 7g. Expand affordance -> kill the full gold BAR (it's the
   button's own background), keep a gold chevron + "N Topics" --- */
.learndash-wrapper .ld-focus-sidebar .ld-expand-button,
.learndash-wrapper .ld-focus-sidebar .ld-expand-button.ld-button-alternate {
	background: transparent !important;
	background-color: transparent !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-expand-button .ld-icon-arrow-down.ld-primary-background {
	background: transparent !important;
	color: #C8952E !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-expand-button .ld-expand-text.ld-primary-color {
	display: none !important;   /* mockup shows just a chevron, no "N Topics" */
}

/* ---- 7h. Content lesson-progress bar (modern BEM) -> gold ---- */
.learndash-wrapper .ld-focus-content .ld-progress-bar__meter-foreground {
	background-color: #C8952E !important;
}


/* ---- 7i. Content area: completed topic checks -> gold (was blue) */
.learndash-wrapper .ld-focus-content .ld-status-icon.ld-status-complete,
.learndash-wrapper .ld-focus-content .ld-status-icon.ld-status-complete.ld-secondary-background {
	background-color: #C8952E !important;
}
.learndash-wrapper .ld-focus-content .ld-status-icon.ld-status-complete .ld-icon-checkmark {
	color: #1B2944 !important;
}


/* ---- 7j. Content area: lesson "Complete" indicator ----------
   The lesson content listing is the modern accordion. Its
   "Complete" marker is an SVG check-circle (fill=currentColor)
   plus a text label -- NOT a .ld-status node. Color the icon
   gold (a fill, so contrast-safe) and the label navy. -------- */
.learndash-wrapper .ld-focus-content .ld-accordion__item-attribute--progress .ld-accordion__item-attribute-icon--progress,
.learndash-wrapper .ld-focus-content .ld-accordion__item-attribute-icon--progress {
	color: #C8952E !important;                 /* SVG currentColor -> gold disc */
}
.learndash-wrapper .ld-focus-content .ld-accordion__item-attribute-label--progress {
	color: #1B2944 !important;                 /* "Complete" label -> navy */
}


/* ---- 7k. Compact lesson rows: chevron inline-right ----------
   Modern stacks the expand button BELOW the title. Flip the
   preview to a row so the chevron sits at the right edge of the
   title line, matching the mockup. --------------------------- */
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item-preview {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item-preview .ld-lesson-item-preview-heading {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item-preview .ld-expand-button {
	position: static !important;
	flex: 0 0 auto !important;
	margin-left: auto !important;
	width: auto !important;
	align-self: stretch !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 16px !important;
}

/* ---- 7l. Sidebar topic rows -> flat (no per-row card) -------
   The card look lives on the .ld-table-list-item WRAPPER, not
   the preview anchor. Flatten both, keep a faint divider, and
   leave the active-topic highlight intact. ------------------- */
.learndash-wrapper .ld-focus-sidebar .ld-table-list-item {
	border: none !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	margin: 0 !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-table-list-item + .ld-table-list-item {
	border-top: 1px solid #2A3A55 !important;   /* faint divider between rows */
}
.learndash-wrapper .ld-focus-sidebar .ld-table-list-item-preview:not(.ld-is-current-item) {
	border: none !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	margin: 0 !important;
}

/* ---- 7m. Header action buttons (Prev / Next Topic) -> gold --
   Solid gold fill with a navy label (DASHBOARD stays ghost). --- */
.learndash-wrapper .ld-focus-header .ld-content-action .ld-button {
	background-color: #C8952E !important;
	background-image: none !important;
	color: #1B2944 !important;                 /* navy label on gold (fill = contrast-safe) */
	border: none !important;
	border-radius: 6px !important;
}
.learndash-wrapper .ld-focus-header .ld-content-action .ld-button:hover,
.learndash-wrapper .ld-focus-header .ld-content-action .ld-button:focus {
	background-color: #A47A26 !important;       /* gold hover */
	color: #1B2944 !important;
}
.learndash-wrapper .ld-focus-header .ld-content-action .ld-button .ld-text,
.learndash-wrapper .ld-focus-header .ld-content-action .ld-button .ld-icon {
	color: #1B2944 !important;
}


/* ---- 7n. Kill modern's leftover WHITE backgrounds -----------
   Modern paints several sidebar containers (and the empty header
   brand slot) white by default. Where our explicit colors don't
   reach -- collapsed lesson rows, the strip above CHEPP, the
   top-left header corner -- that white shows through. Force navy
   on every container; the active lesson (#243450), slate topic
   panel, and gold rails are more specific and still win. ------ */
.learndash-wrapper .ld-focus-sidebar,
.learndash-wrapper .ld-focus-sidebar-wrapper,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-list,
.learndash-wrapper .ld-focus-sidebar .ld-lesson-navigation,
.learndash-wrapper .ld-focus-sidebar .ld-lesson-items,
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item {
	background-color: #1B2944 !important;
}
/* non-current lesson rows -> navy (the active row keeps its #243450 highlight) */
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item:not(.ld-is-current-lesson) .ld-lesson-item-preview {
	background-color: #1B2944 !important;
}
/* top-left header corner: the empty brand slot -> navy */
.learndash-wrapper .ld-focus-header,
.learndash-wrapper .ld-focus-header .ld-brand-logo {
	background-color: #1B2944 !important;
}


/* ---- 7o. Focus header polish -------------------------------
   Loosen the letter-spacing on the "x/y Steps" count so it
   reads more easily. ---------------------------------------- */
.learndash-wrapper .ld-focus-header .ld-progress-stats .ld-progress-percentage {
	margin-right: 12px !important;
}
.learndash-wrapper .ld-focus-header .ld-progress-stats .ld-progress-steps {
	letter-spacing: 0.18em !important;
}

/* Prev/Next buttons: spacing + remove EVERY divider source --
   borders, border-colors, box-shadows, outlines, and pseudo
   separators -- on the container, the cells, AND the buttons. */
.learndash-wrapper .ld-focus-header .ld-progress,
.learndash-wrapper .ld-focus-header .ld-progress-wrap,
.learndash-wrapper .ld-focus-header .ld-content-actions,
.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action,
.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action > .ld-button {
	border: 0 !important;
	border-color: transparent !important;
	border-image: none !important;       /* in case the line is a border-image */
	box-shadow: none !important;
	outline: 0 !important;
	background-image: none !important;   /* in case it's a gradient hairline */
}
.learndash-wrapper .ld-focus-header .ld-content-actions::before,
.learndash-wrapper .ld-focus-header .ld-content-actions::after,
.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action::before,
.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action::after,
.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action .ld-button::before,
.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action .ld-button::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
.learndash-wrapper .ld-focus-header .ld-content-actions .ld-content-action .ld-button {
	margin: 0 8px !important;          /* 16px of navy between the two buttons */
}

/* ---- 7p. Hide "Last activity:" in the lesson progress row --- */
.learndash-wrapper .ld-focus-content .ld-progress-bar__last-activity {
	display: none !important;
}

/* ---- 7q. Trigger "well": kill the white circle drawn by a
   parent pseudo, and add breathing room at the heading's top
   and right. ------------------------------------------------- */
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading::before,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading::after,
.learndash-wrapper .ld-focus-sidebar .ld-focus-mode-course-heading-wrapper::before,
.learndash-wrapper .ld-focus-sidebar .ld-focus-mode-course-heading-wrapper::after,
.learndash-wrapper .ld-focus-sidebar::before,
.learndash-wrapper .ld-focus-sidebar::after,
.learndash-wrapper .ld-focus-sidebar-wrapper::before,
.learndash-wrapper .ld-focus-sidebar-wrapper::after {
	display: none !important;
	content: none !important;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
}
/* more padding at the top + right of the sidebar heading */
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading {
	padding-top: 16px !important;
	padding-right: 16px !important;
}

/* ---- 7r. Gap above CHEPP + reliable collapse-arrow placement
   Sidebar padding-top orphaned the absolutely-positioned trigger
   (it stayed up top while the heading dropped, hiding the arrow).
   Put the gap INSIDE the heading, anchor the trigger to the
   heading, and pin it to the lower-right so it always shows on
   CHEPP's row. ---------------------------------------------- */
.learndash-wrapper .ld-focus-sidebar {
	padding-top: 0 !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading {
	position: relative !important;
	padding-top: 64px !important;            /* DARK heading bg fills under the header, flush to the white line */
}
.learndash-wrapper .ld-focus-sidebar-trigger {
	position: absolute !important;
	right: 14px !important;
	bottom: 14px !important;
	top: auto !important;
	left: auto !important;
}

/* =============================================================
   8. Restore list bullets/numbers in focus-mode topic content
   -------------------------------------------------------------
   Genesis resets `li { list-style-type: none }` site-wide and
   only restores markers under `.entry-content`. In LearnDash
   focus mode the post body renders in `.ld-tab-bar__panel`
   (#ld-tab-panel-content), which has no `.entry-content`, so
   <ul>/<ol> lists lose their bullets/numbers on the front end
   (they still show in the block editor, which uses its own CSS).

   Scope is the content panel ONLY, so the breadcrumb <ol> and
   the sidebar nav are left alone. The global `ul { padding:0 }`
   strips the indent too, so padding-left is re-added to give the
   outside markers room. !important guards against ld30 modern.css,
   which enqueues after this file.
   ============================================================= */
.learndash-wrapper .ld-tab-bar__panel ul,
.learndash-wrapper .ld-tab-bar__panel ol {
	margin-bottom: 30px;
	padding-left: 40px;
}
.learndash-wrapper .ld-tab-bar__panel ul > li {
	list-style-type: disc !important;
}
.learndash-wrapper .ld-tab-bar__panel ol > li {
	list-style-type: decimal !important;
}
.learndash-wrapper .ld-tab-bar__panel ul ul > li,
.learndash-wrapper .ld-tab-bar__panel ol ul > li {
	list-style-type: circle !important;
}
.learndash-wrapper .ld-tab-bar__panel ol ol,
.learndash-wrapper .ld-tab-bar__panel ul ul {
	margin-bottom: 0;
}

/* ---- 7q. Header-only navigation ---------------------------
   Remove the footer nav component (Previous / Next / "Topic
   Marked Complete" badge / Back to Course). This is the modern
   .ld-navigation block, completely separate from the gold
   .ld-content-actions buttons in .ld-focus-header above, so
   the header nav is untouched. Completion now comes from the
   auto-complete-on-view hook in functions.php. */
.learndash-wrapper .ld-navigation {
	display: none !important;
}

/* ============================================================
   CHEPP EXAM — focus-mode quiz styling (Option A: navy prompt)
   Append at the bottom of mgi-courses.css  — corrected
   ============================================================ */

.learndash-wrapper {
    --ld-color-primary: #C8952E;
    --ld-color-secondary: #1B2944;
}

/* --- Question wrapper: NO box, transparent, flush to page width --- */
.learndash-wrapper .wpProQuiz_content,
.learndash-wrapper ol.wpProQuiz_list,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem:hover {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* --- Question prompt: navy band + gold left rule --- */
.learndash-wrapper .wpProQuiz_question_text {
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;
    background: #1B2944 !important;
    border-left: 5px solid #C8952E !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 15px 18px !important;
    margin-bottom: 18px !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', 'Open Sans', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}
.learndash-wrapper .wpProQuiz_question_text * { color: #FFFFFF !important; }
.learndash-wrapper .wpProQuiz_question_text::before {
    content: "\f059";                 /* fa-question-circle */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #C8952E !important;
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    flex: 0 0 auto !important;
}

/* --- Answer list reset --- */
.learndash-wrapper .wpProQuiz_questionList {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Answer card: the ONE box lives on the <li> --- */
.learndash-wrapper .wpProQuiz_questionListItem {
    border: 2px solid #E0E5EB !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    list-style: none !important;
    transition: border-color .12s ease, background-color .12s ease !important;
}

/* strip every inner border/background so there is no second box */
.learndash-wrapper .wpProQuiz_questionListItem label,
.learndash-wrapper .wpProQuiz_questionListItem label * {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.learndash-wrapper .wpProQuiz_questionListItem label {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 16px !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #2C3340 !important;
}

/* gold native radio */
.learndash-wrapper .wpProQuiz_questionListItem input[type="radio"],
.learndash-wrapper .wpProQuiz_questionListItem input[type="checkbox"] {
    accent-color: #C8952E !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* hover — border only, and don't override a selected card */
.learndash-wrapper .wpProQuiz_questionListItem:hover:not(:has(input:checked)) {
    border-color: #1B2944 !important;
}

/* selected (before grading) */
.learndash-wrapper .wpProQuiz_questionListItem:has(input:checked) {
    border-color: #C8952E !important;
    background: #FBF5E9 !important;
}
.learndash-wrapper .wpProQuiz_questionListItem:has(input:checked) label {
    color: #1B2944 !important;
}

/* --- Next / Check / Back buttons --- */
.learndash-wrapper input.wpProQuiz_button,
.learndash-wrapper .wpProQuiz_button {
    background: #C8952E !important;
    color: #1B2944 !important;
    border: none !important;
    border-radius: 24px !important;
    padding: 11px 28px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    text-shadow: none !important;
    transition: background-color .12s ease !important;
}
.learndash-wrapper input.wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_button:hover {
    background: #A47A26 !important;
    color: #1B2944 !important;
}

/* The question wrapper is a <fieldset> — kill its native border + focus outline */
.learndash-wrapper fieldset.wpProQuiz_question {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-inline-size: auto !important;   /* fieldset shrinks to content */
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.learndash-wrapper fieldset.wpProQuiz_question:focus,
.learndash-wrapper fieldset.wpProQuiz_question:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

/* ---- Course home: hide default outline ---- */
.single-sfwd-courses .learndash-wrapper .ld-accordion--course {
	display: none !important;
}

.mgi-continue-course-wrap { margin: 1.75rem 0 0; }

.mgi-continue-course-btn {
	display: inline-block;
	background: #C8952E;
	color: #1B2944 !important;          /* navy text on gold — passes contrast */
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	text-decoration: none;
	padding: 0.75rem 1.75rem;
	border-radius: 4px;
	transition: background 0.15s ease;
}

.mgi-continue-course-btn:hover,
.mgi-continue-course-btn:focus {
	background: #A47A26;
	color: #1B2944 !important;
}

/* ===== Concept A — navy "certificate earned" banner (course home) ===== */
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button {
	background: #1B2944 !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 16px 22px !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	box-shadow: none !important;
}

/* gold seal disc */
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__icon {
	flex: 0 0 auto !important;
	width: 48px !important;
	height: 48px !important;
	margin: 0 !important;
	border-radius: 50% !important;
	background: #F6E6CF !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__icon-svg,
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__icon-svg path {
	width: 22px !important;
	height: 22px !important;
	color: #C8952E !important;
	fill: #C8952E !important;
}

/* single row: eyebrow+heading left, button right, all vertically centered */
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__content {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	margin: 0 !important;
}

/* eyebrow + heading */
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__message {
	flex: 1 1 auto !important;
	display: block !important;
	color: #FFFFFF !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-size: 17px !important;
	line-height: 1.25 !important;
	margin: 0 !important;
}
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__message::before {
	content: "Congratulations";
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #D3BDA0;
	margin-bottom: 2px;
}

/* gold download button */
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__action {
	flex: 0 0 auto !important;
	width: auto !important;
	margin: 0 !important;
}
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__button {
	background: #C8952E !important;
	color: #1B2944 !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding: 11px 20px !important;
	border: none !important;
	border-radius: 4px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	box-shadow: none !important;
	transition: background 0.15s ease !important;
}
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__button:hover,
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__button:focus {
	background: #A47A26 !important;
	color: #1B2944 !important;
}
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__button-icon,
.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__button-icon path {
	color: #1B2944 !important;
	fill: #1B2944 !important;
}

/* stack cleanly on mobile */
@media (max-width: 600px) {
	.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__content {
		flex-wrap: wrap !important;
	}
	.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__action {
		width: 100% !important;
	}
	.single-sfwd-courses .learndash-wrapper .ld-alert--info.ld-alert--action-button .ld-alert__button {
		width: 100% !important;
		justify-content: center !important;
	}
}
/* ---- Course home: hide "Course Complete" status + last-activity meta ---- */
.single-sfwd-courses .learndash-wrapper .ld-progress-bar {
	display: none !important;
}