/*
 * Lecciones LearnDash LD30 / Focus Mode.
 * Integracion 1.0.0. Solo adapta color y contraste; no cambia la estructura,
 * dimensiones, progreso, navegacion, bloqueo ni comportamiento de EM Feedback.
 */

html[data-em-theme] body.em-template-learndash-lesson,
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper,
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus,
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus-main {
	background-color: var(--em-page-bg) !important;
	color: var(--em-text-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus-content {
	color: var(--em-text-primary);
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus-content :is(h1, h2, h3, h4, h5, h6, strong) {
	color: var(--em-text-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus-content :is(p, li) {
	color: inherit;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus-content a:not(.ld-button):not(.button) {
	color: var(--em-primary);
}

/* Masthead de Focus Mode. */
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-header,
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
	background-color: var(--em-surface) !important;
	border-color: var(--em-border) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-header :is(.ld-progress, .ld-content-action, .ld-user-menu) {
	border-color: var(--em-border) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-header :is(.ld-text, .ld-user-welcome-text, .ld-course-step-back) {
	color: var(--em-text-secondary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-header .ld-progress-bar {
	background-color: var(--em-surface-soft) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action :is(.learndash_timer, #learndash_timer) {
	background-color: var(--em-surface) !important;
	color: var(--em-text-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav span {
	background-color: var(--em-text-primary) !important;
}

/* Navegacion lateral: se conservan posicion, ancho y desplazamiento nativos. */
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-sidebar {
	background-color: var(--em-surface) !important;
	border-color: var(--em-border) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger {
	background-color: var(--em-primary) !important;
	color: var(--em-text-on-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading :is(a, h3, .ld-icon, .ld-home-link) {
	color: var(--em-text-on-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation .ld-lesson-item {
	background-color: var(--em-surface) !important;
	border-color: var(--em-border) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation .ld-lesson-item-section-heading {
	background-color: var(--em-surface-soft) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation .ld-lesson-section-heading,
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation .ld-lesson-section-heading span {
	color: var(--em-text-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation :is(.ld-lesson-title, .ld-topic-title, .ld-item-title, .ld-table-list-item-preview, .ld-table-list-item-preview a) {
	color: var(--em-text-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation :is(.ld-is-current-lesson, .ld-is-current-item) > :is(.ld-lesson-item-preview, .ld-table-list-item-preview),
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation :is(.ld-is-current-lesson, .ld-is-current-item) {
	background-color: var(--em-primary-soft) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation :is(.ld-is-current-lesson, .ld-is-current-item) :is(.ld-lesson-title, .ld-topic-title, .ld-item-title, a) {
	color: var(--em-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation .ld-topic-list.ld-table-list {
	background-color: var(--em-surface-soft) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-focus .ld-course-navigation .ld-topic-list.ld-table-list::before {
	background-color: var(--em-surface) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-status-icon.ld-status-incomplete {
	background-color: transparent !important;
	border-color: var(--em-border) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-status-icon.ld-status-complete {
	background-color: var(--em-success) !important;
}

/* Avisos de progresion y acciones anterior/siguiente. */
html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-alert {
	box-shadow: none;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-alert-warning {
	background-color: var(--em-surface-elevated) !important;
	background-color: color-mix(in srgb, var(--em-warning) 14%, var(--em-surface)) !important;
	border-color: var(--em-warning) !important;
	color: var(--em-text-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-alert-warning :is(.ld-alert-icon, .ld-button) {
	background-color: var(--em-warning) !important;
	color: #172033 !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-alert :is(.ld-alert-content a, .ld-text a) {
	color: var(--em-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-content-actions {
	border-color: var(--em-border) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-content-actions .ld-button {
	background-color: var(--em-primary) !important;
	color: var(--em-button-primary-text) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .learndash-wrapper .ld-content-actions .ld-course-step-back {
	color: var(--em-primary) !important;
}

/* Historial de intentos de EM Feedback. */
html[data-em-theme] body.em-template-learndash-lesson .em-feedback-attempt-history {
	background: var(--em-surface-soft) !important;
	border-color: var(--em-border) !important;
	color: var(--em-text-primary) !important;
	box-shadow: var(--em-shadow-card);
}

html[data-em-theme] body.em-template-learndash-lesson .em-feedback-attempt-history :is(h2, h3, strong) {
	color: var(--em-text-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .em-feedback-attempt-history :is(header > p:last-child, .em-feedback-attempt-card-head span, .em-feedback-attempt-score small, .em-feedback-evidence-expired, time) {
	color: var(--em-text-secondary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson :is(.em-feedback-attempt-card, .em-feedback-attempt-empty, .em-feedback-attempt-error) {
	background: var(--em-surface-elevated) !important;
	border-color: var(--em-border) !important;
	color: var(--em-text-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .em-feedback-active-review-card {
	background: var(--em-surface-elevated) !important;
	background: color-mix(in srgb, var(--em-success) 10%, var(--em-surface-elevated)) !important;
	border-color: var(--em-border) !important;
	border-color: color-mix(in srgb, var(--em-success) 48%, var(--em-border)) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .em-feedback-active-review-card :is(p, small, span) {
	color: var(--em-text-secondary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson .em-feedback-attempt-comments li {
	background: var(--em-primary-soft) !important;
	border-color: var(--em-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson :is(.em-feedback-attempt-toggle, .em-feedback-attempt-more, .em-feedback-active-review-cancel) {
	background: var(--em-surface-elevated) !important;
}

/* Pantalla inicial y controles de EM Feedback. La partitura conserva fondo blanco. */
html[data-em-theme] body.em-template-learndash-lesson .em-app-shell-v26 {
	--em-app-ink: var(--em-text-primary);
	--em-app-muted: var(--em-text-secondary);
	--em-app-line: var(--em-border);
	--em-app-soft: var(--em-surface-soft);
	--em-app-shadow: var(--em-shadow-card);
	background: var(--em-surface-soft) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .phonicscore-opensheetmusicdisplay__placeholder:not(.em-feedback-shell-mounted),
html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-start-gate {
	background: linear-gradient(180deg, rgba(17, 29, 52, .94), rgba(15, 23, 42, .97)) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .phonicscore-opensheetmusicdisplay__placeholder:not(.em-feedback-shell-mounted) > .phonicscore-opensheetmusicdisplay__loading-spinner,
html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-start-card {
	background: rgba(30, 45, 73, .98) !important;
	border-color: var(--em-border) !important;
	box-shadow: var(--em-shadow-card) !important;
	color: var(--em-text-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .phonicscore-opensheetmusicdisplay__placeholder:not(.em-feedback-shell-mounted)::before,
html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-start-title,
html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-start-mode-copy strong {
	color: var(--em-text-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .phonicscore-opensheetmusicdisplay__placeholder:not(.em-feedback-shell-mounted)::after,
html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-start-subtitle,
html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-start-mode-copy small {
	color: var(--em-text-secondary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-start-mode {
	background: var(--em-surface-soft) !important;
	border-color: var(--em-border) !important;
	color: var(--em-text-primary) !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-start-mode-practice:not(:disabled) {
	background: var(--em-surface-soft) !important;
	background: color-mix(in srgb, var(--em-success) 12%, var(--em-surface-soft)) !important;
	border-color: var(--em-border) !important;
	border-color: color-mix(in srgb, var(--em-success) 55%, var(--em-border)) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-bottom-ui, .em-app-settings-panel, .em-app-setting-section, .em-app-mode-sheet, .em-app-mode-card, .em-app-settings-native-action, .em-app-settings-regenerate, .em-app-settings-pdf) {
	background-color: var(--em-surface-elevated) !important;
	border-color: var(--em-border) !important;
	color: var(--em-text-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-control, .em-app-compact-group, .em-app-metronome-button, .em-app-settings-close, .em-app-modes-close, .em-app-segmented, .em-app-number-stepper, .em-app-shortcut-list kbd) {
	background-color: var(--em-surface-soft) !important;
	border-color: var(--em-border) !important;
	color: var(--em-text-secondary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-control, .em-app-pdf-action, .em-app-metronome-button, .em-app-settings-close, .em-app-modes-close, .em-app-settings-native-action, .em-app-settings-regenerate, .em-app-settings-pdf):hover:not(:disabled) {
	background-color: var(--em-primary-soft) !important;
	border-color: var(--em-primary) !important;
	color: var(--em-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-mode-selector, .em-app-input-method-button) {
	background: var(--em-surface-soft) !important;
	background: color-mix(in srgb, var(--em-success) 12%, var(--em-surface-soft)) !important;
	border-color: color-mix(in srgb, var(--em-success) 55%, var(--em-border)) !important;
	color: var(--em-success) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-pdf-action, .em-app-identify-tool-button, .em-app-setting-action-icon) {
	background: var(--em-primary-soft) !important;
	border-color: var(--em-primary) !important;
	color: var(--em-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-progress-track {
	background: var(--em-surface-soft) !important;
	border-color: var(--em-border) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-progress-thumb {
	border-color: var(--em-surface-elevated) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-compact-value, .em-app-metronome-button strong, .em-app-number-stepper output) {
	color: var(--em-text-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-panel-heading {
	background: var(--em-surface) !important;
	border-color: var(--em-border) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-panel-heading h2 {
	color: var(--em-text-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-panel-heading p {
	color: var(--em-text-secondary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-settings-scroll {
	background: var(--em-surface-soft) !important;
	scrollbar-color: var(--em-text-secondary) var(--em-surface-soft);
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-setting-section-heading {
	background: var(--em-surface-elevated) !important;
	border-color: var(--em-border) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-setting, .em-app-settings-native-action, .em-app-settings-regenerate, .em-app-settings-pdf, .em-app-shortcut-list > div) {
	border-color: var(--em-border) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-segmented button, .em-app-number-stepper button) {
	color: var(--em-text-secondary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-segmented button.is-active {
	background: var(--em-primary) !important;
	color: var(--em-button-primary-text) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-switch {
	background: var(--em-surface-soft) !important;
	border-color: var(--em-border) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-switch > span {
	background: var(--em-text-secondary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-switch[aria-checked='true'] {
	background: var(--em-primary) !important;
	border-color: var(--em-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-mode-sheet .em-app-mode-card[aria-current='true'] {
	background: var(--em-surface-elevated) !important;
	background: color-mix(in srgb, var(--em-success) 12%, var(--em-surface-elevated)) !important;
	border-color: var(--em-success) !important;
	color: var(--em-success) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-mode-sheet .em-app-mode-card[aria-current='true'] small {
	color: var(--em-text-secondary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is([data-em-active-mode='autograde'] .em-app-score-volume-setting, .em-app-tempo-setting .em-app-number-stepper input) {
	background: var(--em-input-bg) !important;
	border-color: var(--em-border) !important;
	color: var(--em-text-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson .em-app-volume-boost-warning {
	background: var(--em-surface-elevated) !important;
	background: color-mix(in srgb, var(--em-warning) 12%, var(--em-surface-elevated)) !important;
	border-color: var(--em-border) !important;
	color: var(--em-warning) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-exercise-title, .em-app-setting-section-heading h3, .em-app-setting b, .em-app-settings-native-action b, .em-app-settings-regenerate b, .em-app-mode-card strong, .em-app-settings-pdf b) {
	color: var(--em-text-primary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-progress-meta, .em-app-setting-section-heading p, .em-app-setting small, .em-app-settings-native-action small, .em-app-settings-regenerate small, .em-app-mode-card small, .em-app-settings-pdf small) {
	color: var(--em-text-secondary) !important;
}

html[data-em-theme='dark'] body.em-template-learndash-lesson :is(.em-app-setting select, .em-app-setting input[type='number']) {
	background-color: var(--em-input-bg) !important;
	border-color: var(--em-border) !important;
	color: var(--em-text-primary) !important;
}

html[data-em-theme] body.em-template-learndash-lesson :is(a, button, input, select):focus-visible {
	outline: none;
	box-shadow: var(--em-focus) !important;
}

@media (prefers-reduced-motion: reduce) {
	html[data-em-theme] body.em-template-learndash-lesson *,
	html[data-em-theme] body.em-template-learndash-lesson *::before,
	html[data-em-theme] body.em-template-learndash-lesson *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}