/* Accessibility overrides on top of the Divi export. Linked last in <head>
   by tools/a11y.js, so equal-specificity rules here win. */

/* Brand red #ff0000 is 4.0:1 on white and 3.4:1 on #edecf0. #d40000 passes
   WCAG AA (5.5:1 / 4.7:1). Same specificity as the theme's `a` rule (this file
   loads later), so module-specific link colours (white footer links, etc.)
   still win. */
a { color: #d40000; }

/* Footer is navy #201747: a lighter red reaches 5.9:1. :where() keeps this
   at plain `a` specificity, so it only beats the rule above. */
:where(.et-l--footer) a { color: #ff6b6b; }

/* Links inside running text need a non-colour cue: red vs the navy body
   text is under 3:1 (WCAG 1.4.1). */
:where(.et-l--post) :where(.et_pb_text_inner, .et_pb_promo_description, .et_pb_toggle_content) :where(p, li) a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Skip link: hidden until focused. */
.rf-skip-link {
  position: absolute;
  left: 8px;
  top: -100px;
  z-index: 100000;
  padding: 10px 16px;
  background: #201747;
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
  border-radius: 0 0 4px 4px;
}
.rf-skip-link:focus { top: 0; }
#main-content:focus { outline: none; }

/* Visible keyboard focus everywhere. */
:focus-visible {
  outline: 2px solid #d40000 !important;
  outline-offset: 2px;
}
.et-l--footer :focus-visible { outline-color: #ff6b6b !important; }

/* Toggle titles made keyboard operable by a11y.js. */
.rf-toggle-btn { cursor: pointer; }

/* Respect reduced-motion: show Divi scroll-animated modules immediately. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .et_animated,
  .et-waypoint {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}