/* ============================================================
   Hover Effects — CSP-safe replacements for inline onmouseover/
   onmouseout handlers (Sprint E Batch B3, 2026-05-05).

   Chrome 147 reports `.style.X = Y` JS property assignments
   inside inline event handlers as `style-src` violations even
   with `style-src-attr 'unsafe-inline'`. Moving these effects
   to CSS `:hover` rules eliminates the violations and is the
   cleaner approach.

   Each rule below corresponds to a previously-inline pattern
   harvested across 38 root-level HTML pages. Visual behavior
   is preserved 1:1.
   ============================================================ */


/* ── Pattern A: GarnetGrid attribution badge (39 sites) ───── */
/* Was: color/borderColor/background swap on the
   .garnetgrid-badge.gg-insight-nav-link link. */
.gg-insight-nav-link:hover,
.garnetgrid-badge:hover {
   color: rgba(240, 240, 240, 0.8);
   border-color: rgba(155, 27, 48, 0.4);
   background: rgba(155, 27, 48, 0.08);
}


/* ── Pattern B: tool card lift (gg-tool-card) ─────────────── */
/* Used on the home-page Free Tools grid (12 cards). */
.gg-tool-card:hover {
   border-color: rgba(170, 0, 0, 0.35);
   transform: translateY(-3px);
   box-shadow: 0 8px 30px rgba(170, 0, 0, 0.1);
}


/* ── Pattern C: white-glass card lift (gg-white-glass-card) ─ */
/* Used on Latest-Insights and Case-Studies cards. The original
   inline rules used two boxShadow variants; we use the brighter
   one consistently — visual difference is negligible. */
.gg-white-glass-card:hover {
   border-color: rgba(170, 0, 0, 0.3);
   transform: translateY(-4px);
   box-shadow: 0 12px 40px rgba(170, 0, 0, 0.08);
}


/* ── Pattern E: muted-border "View All →" link ────────────── */
/* Bottom-of-section text links whose only hover effect was
   bumping border-color from rgba(170,0,0,0.3) → var(--garnet-main). */
.gg-view-all-link:hover {
   border-color: var(--garnet-main);
}


/* ── Pattern F: btn-secondary hero variant (Find Your Solution) */
/* Marker class added to the lone hero button on index.html. */
.gg-hero-secondary-cta:hover {
   border-color: rgba(170, 0, 0, 0.5);
   background: rgba(170, 0, 0, 0.06);
}


/* ── Pattern G: gg-resource-card (crimson hover) ──────────── */
/* "Explore Related Insights" cards on assessment landing
   pages (ai-readiness-premium, d365-assessment, pbi-health-check). */
.gg-resource-card:hover {
   border-color: rgba(220, 20, 60, 0.25);
   transform: translateY(-3px);
}


/* ── Pattern H: gg-filter-btn (sample-excerpt button) ─────── */
/* "Get a Free Sample Excerpt" button on the same three
   assessment pages. */
.gg-filter-btn:hover {
   border-color: rgba(220, 20, 60, 0.3);
   color: #f0f0f0;
}