/*
 * VALDIER V3 — baseline fixes.
 *
 * Loaded after css/valdier-site.css. Legibility defects of interactions the
 * design already had in the original Webflow export are corrected here; every
 * colour used is one the design already uses for the same role. Details and
 * measurements: docs/LOCAL-BASELINE-REPORT.md.
 */

/* Navbar links on hover (desktop): the export paints the hover pill #f5f5f5
 * under text that is also #f5f5f5, so the hovered link disappears (1:1).
 * The pill stays; the text takes #3d3d3d, the export's own text colour on
 * light navigation surfaces (.nav_link-card). */
.nav_link:hover {
  color: var(--vs-pill-ink, #3d3d3d);
}

@media screen and (max-width: 991px) {
  /* Collapsed menu: the open panel is white (#fff) while the links keep the
   * light text meant for the dark bar (#f5f5f5, 1.09:1), so the menu reads
   * as empty. Same #3d3d3d as above. */
  .nav_menu .nav_link {
    color: var(--vs-text, #3d3d3d);
  }

  /* Hamburger while closed: #333 on the #242424 bar (1.23:1). It takes the
   * colour the navbar links have on that same bar; the open state is
   * unchanged (white on #141414). */
  .nav_menu-button {
    color: #f5f5f5;
  }
}

/* Keyboard focus: the base styles (css/valdier-base.css, as exported) set
 * outline: 0 on the menu button and the slider dots (the dots get a white
 * ring on a white section instead), so keyboard users cannot see where they are. Every other
 * link on the page shows the browser's own focus ring: the same ring is
 * restored here, for keyboard focus only (:focus-visible), so mouse and touch
 * look exactly as before. */
.nav_menu-button:focus-visible,
.content_slide-dot:focus-visible {
  outline: 2px solid Highlight;
  outline: -webkit-focus-ring-color auto 1px;
}