/* ============================================================
   LEVEL UP SMARTER — stretched section links
   Added 2026-08-12, replacing make-section-column-clickable-elementor.

   That plugin made whole sections clickable by putting a click handler on a
   div and calling window.open() — invisible to the keyboard and to screen
   readers. These rules back a real <a> that covers the section instead, so
   the same click area works but is focusable and announced.

   Anything interactive inside the section is raised above the overlay so it
   keeps its own destination (the Library card's "See All" button, for one).
   ============================================================ */

.lus-linked {
  position: relative;
}

.lus-stretched-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  /* no visual change — the section keeps its own styling */
  text-indent: -9999px;
  overflow: hidden;
  background: transparent;
}

.lus-stretched-link:focus-visible {
  outline: 3px solid #4158f6;
  outline-offset: -3px;
}

/* Keep real controls clickable above the overlay. */
.lus-linked a:not(.lus-stretched-link),
.lus-linked button,
.lus-linked input,
.lus-linked select,
.lus-linked textarea,
.lus-linked [role="button"] {
  position: relative;
  z-index: 2;
}