/* ============================================================
   UX / accessibility fixes (loaded after the compiled bundle).
   Kept in a separate file so a future SCSS rebuild won't clobber it.
   ============================================================ */

/* (#2 CookieYes banner overflow is fixed via a late JS-injected <style>
    in functions.php, because CookieYes injects its own CSS at runtime
    after this file and would otherwise win the cascade.) */

/* ---- #6  Visible keyboard focus states (WCAG 2.4.7) ---- */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible,
.cky-btn:focus-visible,
.color-changer:focus-visible,
.main-logo:focus-visible {
  outline: 3px solid #111 !important;
  outline-offset: 3px !important;
  border-radius: 2px;
}
/* On dark / colored surfaces use a light ring for contrast */
footer a:focus-visible,
.front-content a:focus-visible,
.box-violet a:focus-visible,
.box-brown a:focus-visible {
  outline-color: #fff !important;
}

/* ---- #7  Trim the animated "M" mark's built-in top/bottom whitespace ---- */
.box-big .box-big-media {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
}