/* ==========================================================================
   Fixes on top of the theme's own stylesheet, for the legacy blocks that
   still draw with it inside .hg26-legacy.

   This file is loaded after wp/legacy-scoped.css — that one is generated by
   bin/scope-legacy-css.php out of library/css/style.css, so anything written
   into it is lost on the next build. Overrides belong here instead.
   ========================================================================== */

/* --- Work cards ----------------------------------------------------------
   Below 768 the hover overlay stops being a hover state: it is always on the
   card, ranged to the bottom-right of the photo. There the "View project >"
   label runs straight across the stat panel that hangs off the bottom-left,
   so on a phone only its arrow is kept — a size up from the label's 19, since
   it now has to carry the affordance on its own.

   The label and the arrow are one text node in components/cards/work-item.php,
   so the type is collapsed and the arrow re-set on ::after. The text itself
   stays in the DOM, and so in the accessible name of the link.
   ------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .hg26-legacy .work-item-card .feature-img-wrapp .hover-underlayer a {
    font-size: 0;
    line-height: 0;
  }
  .hg26-legacy .work-item-card .feature-img-wrapp .hover-underlayer a::after {
    content: ">";
    font-size: 30px;
    line-height: 1;
  }
}