/* MDF Academy hover consistency: restrict Elementor/Taroti accent styles to the
 * original Academy violet palette without changing controls or page behavior. */
.mdfa-root {
  --e-global-color-accent: #5d2fc7;
}

/* Main Academy navigation, including the Reader Tools "My Journal" item. */
.mdfa-root .mdfa-nav :is(a, button, [role="tab"]):is(:hover, :focus-visible),
.mdfa-root :is(.mdv-journal-nav, [data-mdv-open-journal]):is(:hover, :focus-visible) {
  background-color: #f7f1ff !important;
  background-image: none !important;
  color: #4d28a5 !important;
  border-color: #bda9df !important;
  border-bottom-color: #5d2fc7 !important;
  text-decoration-color: #5d2fc7 !important;
}

/* Sidebar and text-link controls in Support, not its form submission buttons. */
.mdfa-root [data-panel="support"] :is(a, button, [role="tab"], [role="menuitem"]):not(.primary):not(.is-primary):not([type="submit"]):is(:hover, :focus-visible),
.mdfa-root [data-panel="support"] :is(nav, aside, [class*="sidebar"], [class*="side-nav"], [class*="side-menu"], [class*="subnav"], [class*="menu"]) :is(li, [role="tab"]):hover {
  background-color: #f7f1ff !important;
  background-image: none !important;
  color: #4d28a5 !important;
  text-decoration-color: #5d2fc7 !important;
  border-color: #bda9df !important;
}

/* Account page, particularly the Course Access link/tile. Keep primary actions. */
.mdfa-root [data-panel="account"] :is(a, button, [role="tab"]):not(.primary):not(.is-primary):not([type="submit"]):is(:hover, :focus-visible),
.mdfa-root [data-panel="account"] :is([class*="course-access"], [class*="course_access"], [data-account-tab="course-access"]):is(:hover, :focus-visible) {
  background-color: #f7f1ff !important;
  background-image: none !important;
  color: #4d28a5 !important;
  text-decoration-color: #5d2fc7 !important;
  border-color: #bda9df !important;
}

/* Keep the same visible keyboard state as hover while retaining a strong ring. */
.mdfa-root :is(.mdfa-nav, [data-panel="support"], [data-panel="account"]) :is(a, button, [role="tab"], [role="menuitem"]):focus-visible {
  outline: 2px solid #5d2fc7 !important;
  outline-offset: 2px;
}


/* Academy Record: Course Access is a separate surface from the Account panel.
 * Mark only that named interactive control, even when it is rendered outside
 * the Account tabs. The class is added without changing its action or events. */
.mdfa-root :is(
  .mdf-academy-course-access-control,
  [data-record-tab="course-access"],
  [data-academy-record-tab="course-access"],
  [data-account-tab="course-access"],
  .mdfa-academy-record [class*="course-access"],
  .mdfa-academy-record [class*="course_access"]
):is(:hover, :focus-visible) {
  background: #f7f1ff !important;
  background-image: none !important;
  color: #4d28a5 !important;
  border-color: #bda9df !important;
  text-decoration-color: #5d2fc7 !important;
  --e-global-color-accent: #5d2fc7;
}

.mdfa-root .mdf-academy-course-access-control:is(:hover, :focus-visible)
  :is(span, small, strong, b, i, svg, .elementor-icon) {
  color: inherit !important;
  fill: currentColor;
}

.mdfa-root :is(
  .mdf-academy-course-access-control,
  [data-record-tab="course-access"],
  [data-academy-record-tab="course-access"]
):focus-visible {
  outline: 2px solid #5d2fc7 !important;
  outline-offset: 2px;
}


/* Don't leave a pink nested label or icon inside a correctly colored control. */
.mdfa-root :is(
  .mdfa-nav,
  [data-panel="support"],
  [data-panel="account"]
) :is(a, button, [role="tab"], [role="menuitem"]):not(.primary):not(.is-primary):is(:hover, :focus-visible)
  :is(span, small, strong, b, svg, i) {
  color: inherit !important;
}