/* ============================================================================
   WCAG 2.1 AA remediation — Meadow Events
   ----------------------------------------------------------------------------
   Loaded AFTER meadow-events.webflow.css so these rules win without editing the
   generated Webflow stylesheet.

   IMPORTANT: this file is NOT produced by Webflow. A fresh Webflow export will
   drop the <link> to it from every page. See WEBFLOW_ACCESSIBILITY.md for the
   matching changes to make inside the Webflow project so they survive export.

   Every colour below was measured against the surface it actually renders on;
   the achieved ratio is noted on each rule.
   ========================================================================== */

:root {
  /* Darker golds for gold-on-light text. The honey token (#dcba5a) is only
     1.83:1 on ivory, so it cannot carry text at any size. */
  --a11y-gold-text:    #8f6b16; /* 4.80:1 on ivory — normal text  */
  --a11y-gold-display: #a8802a; /* 3.55:1 on ivory — >=24px only  */
  /* Clay (#cc7228) is 3.42:1 on ivory: large text only. This is the same hue,
     one step deeper, and clears normal-text AA. */
  --a11y-clay-text:    #b45a10; /* 4.66:1 on ivory */
}

/* --- 1.4.3 Primary CTA -------------------------------------------------------
   .rt-button-v1 is honey (#dcba5a); its label was ivory (#fffdf0) = 1.83:1.
   Bark is already the design system's dark-on-button colour
   (see .rt-button-text.rt-color-deep-teal), so this reuses an existing token. */
.rt-button-v1 .rt-button-text,
.rt-button-v1 .rt-button-text.rt-1,
.rt-button-v1 .rt-button-text.rt-2 {
  color: var(--_colors---bark); /* 7.32:1 on honey */
}

/* --- 1.4.3 Nav dropdown ------------------------------------------------------
   .nav-dropdown-list is #232323 but .rt-nav-link-wrapper sets color:#111,
   so "Our Partners / FAQs / Join Our Team" rendered at 1.20:1 — effectively
   invisible. On the current page .w--current made it 1.13:1. */
.nav-dropdown-list .rt-nav-link-wrapper,
.nav-dropdown-list .rt-nav-link-wrapper.w--current,
.nav-dropdown-list .rt-dropdown-link {
  color: var(--_colors---ivory); /* 15.39:1 on #232323 */
}
.nav-dropdown-list .rt-nav-link-wrapper:hover .rt-dropdown-link,
.nav-dropdown-list .rt-dropdown-link:hover {
  color: var(--_colors---honey); /* 8.39:1 on #232323 */
}

/* --- 1.4.3 Gold text on light surfaces -------------------------------------- */
/* Display-size gold (>=24px, AA large-text threshold is 3:1) */
.rt-text-style-h2.rt-text-color-honey,
.rt-text-style-h3.rt-text-color-honey,
.rt-text-style-h3.rt-margin-bottom-20.rt-text-color-honey,
.rt-text-style-h4.rt-text-color-honey {
  color: var(--a11y-gold-display); /* 3.55:1 on ivory */
}
/* Normal-size gold (<24px, needs 4.5:1) */
.rt-text-style-h5.rt-text-color-honey,
.rt-gap-none.rt-color-text-honey,
.rt-gap-none.rt-text-color-honey,
.rt-body-text-v2,
.link-block {
  color: var(--a11y-gold-text); /* 4.80:1 on ivory */
}
/* ...but the footer/dark variants were already light-on-dark: leave them. */
.rt-body-text-v2.rt-color-white {
  color: var(--_colors---ivory);
}

/* --- 1.4.3 Clay links and hero CTA ------------------------------------------ */
a { color: var(--a11y-clay-text); }          /* 4.66:1 on ivory */
.rt-button-text-v2 { color: var(--a11y-clay-text); }
.rt-menu-item:hover,
.rt-menulink:hover .rt-menu-item { color: var(--a11y-clay-text); }
/* Keep links that sit on dark surfaces light — they already passed. */
.rt-color-white,
.rt-color-white a,
a.rt-color-white { color: var(--_colors---ivory); }

/* --- 2.4.1 Skip link ---------------------------------------------------------
   Visually hidden until focused, then pinned top-left. */
.a11y-skip-link {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap;
}
.a11y-skip-link:focus {
  position: fixed;
  top: 12px; left: 12px;
  z-index: 10000;
  width: auto; height: auto;
  margin: 0; padding: 12px 20px;
  clip: auto; clip-path: none;
  background-color: var(--_colors---coal);
  color: var(--_colors---ivory);   /* 17.67:1 */
  border-radius: 8px;
  font-family: var(--_font-family---instrument-sans);
  font-size: 16px;
  text-decoration: none;
  outline: 2px solid var(--_colors---honey);
  outline-offset: 2px;
}

/* --- 2.4.7 Focus visible -----------------------------------------------------
   Webflow's reset removes outlines in several places. Restore a consistent,
   high-contrast indicator for keyboard users only, so mouse users see no change. */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
.w-dropdown-toggle:focus-visible,
.w-nav-button:focus-visible,
.w-slider-arrow-left:focus-visible,
.w-slider-arrow-right:focus-visible,
.w-slider-dot:focus-visible {
  outline: 3px solid var(--_colors---clay);
  outline-offset: 2px;
  border-radius: 2px;
}
/* On dark surfaces use the light token so the ring stays visible. */
.nav-dropdown-list a:focus-visible,
.rt-footer-v2 a:focus-visible,
.rt-footer-v2 button:focus-visible {
  outline-color: var(--_colors---honey);
}

/* --- 4.1.2 FAQ accordion -----------------------------------------------------
   The toggles are divs driven by Webflow click interactions; js/a11y-fixes.js
   promotes them to real buttons. These rules only restore the cursor/reset. */
.rt-faq-toggle[role="button"] {
  cursor: pointer;
  background: none;
  border: 0;
  width: 100%;
  text-align: left;
  font: inherit;
  color: inherit;
}