/* Whole-card interaction contract for the public Raysor product fleet.
   Loaded after liquid-glass-project-directory.css so the single semantic CTA
   remains the only focusable link while its hit target spans the visual card. */

body.liquid-marketing .product-family-card,
body.liquid-marketing .project-card {
  cursor: pointer;
}

/* Non-interactive card content must not intercept pointer input intended for
   the destination link overlay. Text remains selectable through keyboard and
   assistive technology because the DOM and reading order are unchanged. */
body.liquid-marketing .product-family-card > *:not(a:last-child),
body.liquid-marketing .project-card > *:not(a:last-child) {
  pointer-events: none;
}

/* The original fleet layer positions every direct child, which made the CTA
   pseudo-element relative to the CTA box itself. Returning the destination
   anchor to normal positioning makes the positioned card the containing block. */
body.liquid-marketing .product-family-card > a:last-child,
body.liquid-marketing .project-card > a:last-child {
  position: static;
}

body.liquid-marketing .product-family-card > a:last-child::before,
body.liquid-marketing .project-card > a:last-child::before {
  z-index: 4;
  cursor: pointer;
}

body.liquid-marketing .product-family-card > a:last-child::before {
  border-radius: var(--fleet-radius-xl);
}

body.liquid-marketing .project-card > a:last-child::before {
  border-radius: var(--fleet-radius-lg);
}

/* Keep the visible CTA chrome above decorative card layers while the invisible
   overlay owns pointer hit-testing across the rest of the card. */
body.liquid-marketing .product-family-card > a:last-child,
body.liquid-marketing .project-card > a:last-child {
  isolation: isolate;
}

body.liquid-marketing .product-family-card > a:last-child > span,
body.liquid-marketing .project-card > a:last-child > span {
  position: relative;
  z-index: 5;
}

@media (hover: none), (pointer: coarse) {
  body.liquid-marketing .product-family-card,
  body.liquid-marketing .project-card {
    cursor: default;
  }
}

@media (forced-colors: active) {
  body.liquid-marketing .product-family-card:focus-within,
  body.liquid-marketing .project-card:focus-within {
    outline: 3px solid Highlight;
    outline-offset: 4px;
  }
}