/* ============================================================
   IT-MSP INDUSTRY CARDS — linked cards link, and do not flip.
   Owner rule 2026-10-01 (CLAUDE.md "Industry section"). Loaded ONLY by IT-MSP
   pages, together with inc/it-managed-services-zazz/msp-industry-links.php,
   which adds .has-link and the overlay anchor. Every rule is keyed on .has-link,
   so an unlinked card on the same page keeps its existing behaviour untouched.

   Covers every industry-card build used on IT-MSP pages:
     .zab-flip .flip-card                      flip card (help desk)
     .zab-flip .zab-flip-card > .zab-flip-inner flip card (onshore outsourcing)
     .zab-flip .zab-flip-card                   static tile, no inner (Austin; it
                                                already lifts on hover - untouched)
     .zmit-industries .zmit-ind-card            flip card (IT outsourcing family)
   The reference page /it-managed-services carries the same behaviour for its own
   .zmit-ind-card in css/it-managed-services.css (6a) and does not load this sheet.
   ============================================================ */

/* The overlay anchor makes the whole card the link. */
.zab-flip .has-link,
.zmit-industries .zmit-ind-card.has-link { position: relative; }
.zab-flip .has-link > .z-explore,
.zmit-industries .zmit-ind-card.has-link > .z-explore {
    position: absolute; inset: 0; z-index: 3;
    border-radius: inherit; cursor: pointer;
}
.zab-flip .has-link > .z-explore:focus-visible,
.zmit-industries .zmit-ind-card.has-link > .z-explore:focus-visible {
    outline: 3px solid rgba(1, 97, 255, .45); outline-offset: 2px;
}

/* No flip: the card rests on its front face. The back-face bullets stay in the
   DOM (kept for SEO, as on the reference) but never rotate into view. */
.zab-flip .flip-card.has-link:hover .flip-card-inner,
.zab-flip .flip-card.has-link:focus-within .flip-card-inner,
.zmit .zab-flip .zab-flip-card.has-link:hover .zab-flip-inner,
.zmit .zab-flip .zab-flip-card.has-link:focus-within .zab-flip-inner,
.zmit .zmit-industries .zmit-ind-card.has-link:hover .zmit-ind-inner,
.zmit .zmit-industries .zmit-ind-card.has-link:focus-within .zmit-ind-inner,
.zmit .zmit-industries .zmit-ind-card.has-link.is-flipped .zmit-ind-inner { transform: none; }

/* Hover = the reference page's lift, so a linked card still reads as clickable.
   The static Austin tile (.zab-flip-card with no inner) keeps its own lift. */
.zab-flip .flip-card.has-link,
.zab-flip .zab-flip-card.has-link:has(> .zab-flip-inner),
.zmit-industries .zmit-ind-card.has-link { transition: transform .2s ease, box-shadow .2s ease; }
.zab-flip .flip-card.has-link:hover,
.zab-flip .flip-card.has-link:focus-within,
.zab-flip .zab-flip-card.has-link:has(> .zab-flip-inner):hover,
.zab-flip .zab-flip-card.has-link:has(> .zab-flip-inner):focus-within,
.zmit-industries .zmit-ind-card.has-link:hover,
.zmit-industries .zmit-ind-card.has-link:focus-within { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(20, 20, 43, .10); }
@media (prefers-reduced-motion: reduce) {
    .zab-flip .flip-card.has-link,
    .zab-flip .zab-flip-card.has-link:has(> .zab-flip-inner),
    .zmit-industries .zmit-ind-card.has-link { transition: none; }
    .zab-flip .flip-card.has-link:hover,
    .zab-flip .flip-card.has-link:focus-within,
    .zab-flip .zab-flip-card.has-link:has(> .zab-flip-inner):hover,
    .zab-flip .zab-flip-card.has-link:has(> .zab-flip-inner):focus-within,
    .zmit-industries .zmit-ind-card.has-link:hover,
    .zmit-industries .zmit-ind-card.has-link:focus-within { transform: none; }
}