/* ==========================================================================
   videolink.dk — site-wide visible keyboard focus indicator (WCAG 2.4.7).

   Why this file exists
   --------------------
   The healthhub parent theme (and several of its bundled WooCommerce/Trx
   stylesheets) ship `outline: 0` / `outline: none` on focus and apply it
   with `!important`. Without a replacement focus style, keyboard users
   tabbing through the site cannot tell which control they have landed on.

   Scope
   -----
   This stylesheet is enqueued unconditionally (every page on every
   template, not just the v2 product page) so the focus ring applies
   site-wide. The matching v2-scoped rule already in abonnementer.css is
   left in place — it costs nothing and stays as a safety net.

   !important is required because the parent-theme `outline: 0 !important`
   declarations also use !important; this rule has equal-or-higher
   specificity and matching importance, so it wins the cascade.

   2px / blue (#2563EB) is the same accent the v2 child theme already
   uses for selected segmented options — visually consistent across the
   site without introducing a new design token.
   ========================================================================== */

:where(a, button, [role="button"], [role="radio"],
       input, select, textarea,
       [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid #2563EB !important;
    outline-offset: 2px !important;
    border-radius: 2px;
}