/* ═══════════════════════════════════════════════════════════════════════════════
   HOVER STATES & MICRO-INTERACTIONS QA — Task #1031373
   Desktop audit at 1280px / 1440px viewports.
   Fixes: missing :active states, billing tab hover, input hover,
   cursor gaps, transition smoothing, and prefers-reduced-motion.
   GPU-accelerated only (transform + opacity + box-shadow + color).
   ═══════════════════════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 1: :active / PRESSED STATES
   Almost every button is missing a pressed state — this is the biggest gap.
   Pattern: translateY(1px) snaps back, shadow reduces → tactile "press" feel.
   ──────────────────────────────────────────────────────────────────────────── */

/* Primary buttons — pressed: snap down, shadow collapses */
.btn-primary:active,
.btn.btn-primary:active,
.hiw-cta-btn:active,
.hm-banner-cta:active,
.hero-cta-primary:active,
.sr-mcta-btn:active,
.lf-cta-primary:active,
.prc-cta--primary:active,
.pro-cta-primary:active,
.proplus-cta-primary:active,
.fam-cta-primary:active,
.fms-btn-next:active,
.fms-results-hero-cta:active,
.fms-pro-btn:active,
.srwiz-btn-next:active,
.srwiz-btn-browse:active,
.sl-cta-primary:active,
.sl-empty-btn:active,
.sr2-file-claim-btn:active,
.cs-file-btn:active,
.ssi-signin:active,
.sr-ft-email-btn:active,
.cfb-go-btn:active,
.tools-email-btn:active,
.tools-guides-btn:active,
.qf-cta-btn:active,
.sotw-cta-btn:active,
.fms-widget-btn:active,
.community-wins-see-all:active,
.sticky-filing-bar .bar-cta:active,
.fs-hero-cta:active,
.rs-featured-section .btn.btn-primary:active,
.sr-lb-card--gold:active,
.hiw-step:active,
.udb-cta:active {
  transform: translateY(1px) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
  transition-duration: 0.05s !important;
}

/* Secondary/ghost buttons — pressed: flat with slight opacity dip */
.btn-secondary:active,
.prc-cta--secondary:active,
.lf-cta-secondary:active,
.fms-btn-back:active,
.fms-btn-skip:active,
.srwiz-btn-back:active,
.srwiz-btn-skip:active,
.sl-cta-secondary:active,
.share-btn:active,
.css-share-btn:active,
.mcw-shr-btn:active,
.fms-share-btn:active {
  transform: translateY(0) !important;
  opacity: 0.75 !important;
  transition-duration: 0.05s !important;
}

/* Card-as-link pressed state */
.card:active,
.tool-card:active,
.cw-card:active,
.ms-card:active,
.la-card:active,
.bbc-card:active,
.qf-card:active,
.cs-card:active,
.sr2-pro-cta-btn:active,
.related-card:active,
.sl-card:active,
.sr-lb-card:active,
.rs-settlement-card:active {
  transform: translateY(0) !important;
  transition-duration: 0.06s !important;
}

/* Back-to-top button pressed */
#sr-back-to-top:active {
  transform: scale(1.0) !important;
  transition-duration: 0.05s !important;
}

/* FAQ accordion pressed */
.faq-btn-v2:active {
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  transition-duration: 0.05s !important;
}

/* Nav items pressed */
.nav-more-item:active,
.nav-mobile-link:active {
  background: #dbeafe !important;
  transition-duration: 0.05s !important;
}

.nav-hamburger:active {
  background: #e5e7eb !important;
  transition-duration: 0.05s !important;
}

/* Urgency strip items pressed */
.urgency-item:active {
  transform: translateY(0) !important;
  transition-duration: 0.05s !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 2: BILLING TOGGLE TAB — hover state missing
   Has cursor:pointer + transition but zero visual feedback on hover.
   ──────────────────────────────────────────────────────────────────────────── */

.billing-tab:not(.billing-tab--active):hover {
  background: rgba(255, 255, 255, 0.7);
  color: #374151;
}

.billing-tab:not(.billing-tab--active):active {
  background: rgba(255, 255, 255, 0.9);
  transform: scale(0.97);
  transition-duration: 0.05s;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 3: INPUT / SELECT / TEXTAREA HOVER
   All form fields have :focus states but NO :hover state.
   A subtle border-color shift signals interactivity before the user clicks.
   ──────────────────────────────────────────────────────────────────────────── */

input[type="text"]:not(:focus):hover,
input[type="email"]:not(:focus):hover,
input[type="search"]:not(:focus):hover,
input[type="tel"]:not(:focus):hover,
input[type="password"]:not(:focus):hover,
input[type="number"]:not(:focus):hover,
input[type="url"]:not(:focus):hover,
input[type="date"]:not(:focus):hover,
textarea:not(:focus):hover,
select:not(:focus):hover {
  border-color: #93c5fd;
  transition: border-color 0.15s ease;
}

/* MCW calculator inputs */
.mcw-gate-email:not(:focus):hover {
  border-color: #93c5fd !important;
}

/* FMS / wizard email/phone inputs */
.srwiz-input:not(:focus):hover,
.aup-input:not(:focus):hover {
  border-color: #93c5fd;
  transition: border-color 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 4: TRANSITION GAPS — elements with hover but no transition property
   Ensures every hover is a smooth animation, not an instant snap.
   ──────────────────────────────────────────────────────────────────────────── */

/* Community Wins / Latest Additions cards — have hover, no transition in pages.css */
.cw-card,
.la-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Browse by Company cards */
.bbc-card,
.bbc-company-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease, background 0.15s ease;
}

/* Quick Find / This Month cards */
.qf-card,
.ms-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Settlement-of-the-week CTA */
.sotw-cta-btn {
  transition: background 0.18s ease, transform 0.18s ease;
}

/* Community wins see-all link */
.community-wins-see-all,
.ms-see-all,
.ms-see-all-top,
.qf-see-all,
.qf-details-link,
.qf-see-all,
.bbc-company-all-link,
.sotw-archive-link,
.cw-settlement-link,
.css-footer-link,
.css-see-all-link,
.related-see-all,
.sr-leaderboard-view-all,
.rs-featured-view-all,
.c72-cta-header,
.cs-see-all-link {
  transition: color 0.15s ease, text-decoration 0.15s ease;
}

/* Settlement item hover (sidebar related) */
.sidebar-related-card .sr-item,
.related-item {
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.18s ease;
}

/* Related cards */
.related-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Urgency strip items */
.urgency-item,
.urgency-strip-more {
  transition: background 0.15s ease, transform 0.15s ease;
}

/* Leaderboard cards */
.sr-lb-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Featured settlement archive link */
.fs-hero-archive-link {
  transition: color 0.15s ease, text-decoration 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 5: CURSOR: POINTER GAPS
   Any clickable element that doesn't explicitly declare cursor:pointer
   confuses users into thinking items aren't interactive.
   ──────────────────────────────────────────────────────────────────────────── */

/* Cards that link somewhere */
.cw-card,
.ms-card,
.la-card,
.bbc-card,
.qf-card,
.related-card,
.sl-card,
.c72-card,
.sr-lb-card,
.rs-settlement-card,
.sidebar-related-card .sr-item,
.related-item,
.bbc-company-card,
.urgency-item,
.fs-hero-card {
  cursor: pointer;
}

/* Badge/chip elements used as links or filters */
a.badge,
a.badge-primary,
a.badge-secondary,
.sidebar-tag,
.fms-attr-chip,
.fms-brand-chip,
.srwiz-settlement-card,
a.bbc-company-card,
a.related-card,
a.sl-card,
a.qf-card,
a.ms-card,
a.la-card,
a.cw-card,
a.sr-lb-card {
  cursor: pointer;
}

/* Social/share icon buttons */
.css-share-btn,
.mcw-shr-btn,
.fms-share-btn,
.share-btn {
  cursor: pointer;
}

/* See-all / view-all links that don't have cursor */
.community-wins-see-all,
.ms-see-all,
.ms-see-all-top,
.qf-see-all,
.related-see-all,
.sr-leaderboard-view-all,
.rs-featured-view-all,
.sotw-archive-link,
.fs-hero-archive-link {
  cursor: pointer;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 6: BADGE / PILL HOVER (clickable variants)
   The generic .badge has no hover state. When used as <a> it needs feedback.
   ──────────────────────────────────────────────────────────────────────────── */

a.badge,
a.badge-primary,
button.badge,
button.badge-primary {
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

a.badge:hover,
a.badge-primary:hover,
button.badge:hover,
button.badge-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
  background-color: #bfdbfe;
}

/* Sidebar tags (settlement detail page) — already in homepage-missing.css but reinforce transition */
.sidebar-tag {
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* FMS quiz attribute/brand chips */
.fms-attr-chip,
.fms-brand-chip {
  transition: border-color 0.15s ease, background 0.15s ease;
}

/* SRWIZ settlement card (onboarding wizard) */
.srwiz-settlement-card {
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 7: NAVIGATION POLISH — missing hover lift on desktop nav buttons
   ──────────────────────────────────────────────────────────────────────────── */

/* Nav account + signin — add transition where missing */
.nav-account-btn {
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.nav-signin-link {
  transition: color 0.15s ease;
}

.nav-my-claims-link {
  transition: color 0.15s ease, background 0.15s ease;
}

.nav-score-badge {
  transition: background 0.15s ease;
}

/* Hamburger transition */
.nav-hamburger {
  transition: background 0.15s ease;
}

/* Mobile accordion */
.nav-mobile-accordion-btn {
  transition: background 0.15s ease;
}

/* Mega-menu item hover (add border-radius feedback) */
.mega-link {
  transition: background 0.15s ease, color 0.15s ease, border-left-color 0.15s ease;
}

/* Mega-footer links */
.mega-footer-link {
  transition: color 0.15s ease, text-decoration 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 8: FOOTER LINKS
   Some footer link groups lack transitions
   ──────────────────────────────────────────────────────────────────────────── */

.sr-ft-col-links a,
.sr-ft-seo-links a,
.sr-ft-terms-links a {
  transition: color 0.15s ease;
}

/* Footer email button */
.sr-ft-email-btn {
  transition: background 0.18s ease, transform 0.15s ease;
}
.sr-ft-email-btn:hover {
  transform: translateY(-1px);
}
.sr-ft-email-btn:active {
  transform: translateY(0);
  transition-duration: 0.05s;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 9: ANNOUNCEMENT BAR + STICKY BAR
   Dismiss buttons have hover but need smooth transition
   ──────────────────────────────────────────────────────────────────────────── */

.announce-bar-dismiss {
  transition: color 0.15s ease, opacity 0.15s ease;
}
.announce-bar-dismiss:hover {
  opacity: 0.8;
}

.sticky-filing-bar .bar-dismiss {
  transition: color 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 10: MODAL / OVERLAY CLOSE BUTTONS
   .modal-close already has hover, ensure transition is set
   ──────────────────────────────────────────────────────────────────────────── */

.modal-close,
.srwiz-close,
.mcw-shr-x,
.share-win-close,
.aup-modal-close,
button[aria-label="Close"],
button[aria-label="Close popup"],
button[aria-label="Close dialog"],
.exit-intent-close,
.quiz-cta-close {
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.modal-close:hover,
.exit-intent-close:hover,
.quiz-cta-close:hover,
button[aria-label="Close"]:hover,
button[aria-label="Close popup"]:hover,
button[aria-label="Close dialog"]:hover {
  transform: rotate(90deg);
  background: #f3f4f6;
  color: #111827;
}

.modal-close:active,
.exit-intent-close:active,
.quiz-cta-close:active {
  transform: rotate(90deg) scale(0.92);
  transition-duration: 0.05s;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 11: SHARE BUTTONS — consistent hover treatment
   ──────────────────────────────────────────────────────────────────────────── */

.share-btn {
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.share-btn:hover {
  transform: translateY(-1px);
}

.css-share-btn,
.mcw-shr-btn,
.fms-share-btn {
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.css-share-btn:hover,
.mcw-shr-btn:hover,
.fms-share-btn:hover {
  transform: translateY(-1px);
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 12: TOOL CARDS — ensure consistent hover on all variants
   .tool-card has hover in design-system.css but let's ensure transition is right
   ──────────────────────────────────────────────────────────────────────────── */

.tool-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 13: BREADCRUMB LINKS
   Already has color hover, add transition
   ──────────────────────────────────────────────────────────────────────────── */

.breadcrumb a,
.guide-breadcrumb a,
.sl-breadcrumb a {
  transition: color 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 14: INLINE CONTENT LINKS
   .guide-content a already has hover color, ensure transition
   ──────────────────────────────────────────────────────────────────────────── */

.guide-content a,
.settlement-closed-browse {
  transition: color 0.15s ease, text-decoration 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 15: APP NAV LINKS (dashboard sub-nav)
   .app-nav-link has color hover — add transition
   ──────────────────────────────────────────────────────────────────────────── */

.app-nav-link {
  transition: color 0.15s ease, border-color 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 16: UDB (User Dashboard) BUTTONS
   .udb-cta has hover but needs transition
   ──────────────────────────────────────────────────────────────────────────── */

.udb-cta {
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 17: STICKY FILING BAR CTA
   Add transition for smooth hover
   ──────────────────────────────────────────────────────────────────────────── */

.sticky-filing-bar .bar-cta {
  transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 18: CAS LANDING / HOMEPAGE ELEMENTS
   ──────────────────────────────────────────────────────────────────────────── */

.cas-stat-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.cas-link,
.cas-faq summary {
  transition: color 0.15s ease;
}

/* Recently Closed cards */
.rc-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.rc-card-link {
  transition: color 0.15s ease, text-decoration 0.15s ease;
}

.recently-closed-cta {
  transition: background 0.18s ease, transform 0.15s ease;
}
.recently-closed-cta:active {
  transform: translateY(0) !important;
  transition-duration: 0.05s;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 19: SETTLEMENT LISTING NAV BUTTONS
   ──────────────────────────────────────────────────────────────────────────── */

.css-nav-btn {
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 20: BACK-TO-TOP — smooth transition
   ──────────────────────────────────────────────────────────────────────────── */

#sr-back-to-top {
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 21: SR2 (Settlement Result v2) ELEMENTS
   ──────────────────────────────────────────────────────────────────────────── */

.sr2-file-claim-btn {
  transition: background 0.18s ease, color 0.15s ease, transform 0.15s ease;
}
.sr2-file-claim-btn:active {
  transform: translateY(1px) !important;
  transition-duration: 0.05s;
}

.sr2-details-toggle {
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.sr2-pro-cta-btn {
  transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 22: SEARCH / NAV SEARCH RESULTS
   ──────────────────────────────────────────────────────────────────────────── */

.nav-search-result-item {
  transition: background 0.12s ease, color 0.12s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 23: PAYOUT CALCULATOR + TOOLS CTA BUTTONS
   ──────────────────────────────────────────────────────────────────────────── */

.tools-email-btn,
.tools-guides-btn {
  transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 24: SCORE BADGE / TRUST INDICATORS
   Some score badges are links
   ──────────────────────────────────────────────────────────────────────────── */

a.nav-score-badge {
  transition: background 0.15s ease;
}

/* Sr2 pro tag chips */
a.sr2-cat-tag,
.sr2-cat-tag[href] {
  transition: background 0.15s ease, color 0.15s ease;
}
a.sr2-cat-tag:hover,
.sr2-cat-tag[href]:hover {
  background: #eff6ff;
  color: #1e40af;
  text-decoration: none;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 25: LF (Listing Feed) BUTTONS
   ──────────────────────────────────────────────────────────────────────────── */

.lf-cta-primary,
.lf-cta-secondary {
  transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 26: FAQ / ACCORDION TRANSITIONS
   .faq-btn-v2 has hover color — add smooth transition
   ──────────────────────────────────────────────────────────────────────────── */

.faq-btn-v2 {
  transition: color 0.15s ease, background 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 27: UGCANIMATION CARD (Social Proof)
   ──────────────────────────────────────────────────────────────────────────── */

.ugc-anim-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ugc-anim-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.ugc-video-share-btn {
  transition: background 0.18s ease, transform 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 28: SIGN-IN / AUTH BUTTONS
   ──────────────────────────────────────────────────────────────────────────── */

.ssi-signin {
  transition: background 0.18s ease, color 0.15s ease, transform 0.15s ease;
}
.ssi-signin:active {
  transform: translateY(1px) !important;
  transition-duration: 0.05s;
}

/* AUP (auth page) buttons already handled in design-system-ext.css */

/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 29: HIM/HER CARDS — Benefits cards on homepage
   ──────────────────────────────────────────────────────────────────────────── */

.sr-benefit-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hiw-step {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 30: FEATURED SETTLEMENT HERO BUTTONS
   ──────────────────────────────────────────────────────────────────────────── */

.fs-hero-cta {
  transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;
}

.fs-hero-share-btn {
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.fs-hero-share-btn:active {
  transform: scale(0.96) !important;
  transition-duration: 0.05s;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 31: LEADERBOARD + RS CARDS
   ──────────────────────────────────────────────────────────────────────────── */

.rs-settlement-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.rs-featured-view-all,
.sr-leaderboard-view-all {
  transition: color 0.15s ease, background 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 32: SRWIZ / ONBOARDING WIZARD BUTTONS
   Already have hover — add missing active states + transitions
   ──────────────────────────────────────────────────────────────────────────── */

.srwiz-btn-next,
.srwiz-btn-back,
.srwiz-btn-skip,
.srwiz-btn-browse {
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.srwiz-check-label {
  transition: background 0.15s ease, border-color 0.15s ease;
}

.srwiz-close {
  transition: background 0.15s ease, color 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 33: FMS QUIZ — transitions for chip elements
   ──────────────────────────────────────────────────────────────────────────── */

.fms-btn-next,
.fms-btn-back,
.fms-btn-skip,
.fms-results-hero-cta,
.fms-matches-view-all,
.fms-pro-btn {
  transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease, color 0.15s ease;
}

.fms-match-item {
  transition: background 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 34: SETTLEMENT LISTING CARDS
   ──────────────────────────────────────────────────────────────────────────── */

.sl-cta-primary,
.sl-cta-secondary,
.sl-empty-btn {
  transition: background 0.18s ease, transform 0.15s ease;
}

.sl-related-link {
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 35: CAS / CS CARDS
   ──────────────────────────────────────────────────────────────────────────── */

.cs-file-btn {
  transition: background 0.18s ease, color 0.15s ease;
}

.cs-card {
  transition: box-shadow 0.2s ease, transform 0.15s ease;
}

a.css-card-settlement-name {
  transition: color 0.15s ease, text-decoration 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 36: URGENCY / CLOSING-SOON STRIP
   ──────────────────────────────────────────────────────────────────────────── */

.urgency-item,
.urgency-strip-more {
  transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 37: PRO DASHBOARD ELEMENTS (pro-dashboard.css is nearly empty)
   Add hover for any pro dashboard interactive elements
   ──────────────────────────────────────────────────────────────────────────── */

/* Pro alert/claim list items */
.pro-alert-item,
.pro-claim-row,
.pd-claim-row {
  transition: background 0.15s ease;
  cursor: pointer;
}

.pro-alert-item:hover,
.pro-claim-row:hover,
.pd-claim-row:hover {
  background: #f9fafb;
}

/* Pro feature action buttons */
.pro-action-btn,
.pd-action-btn {
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.pro-action-btn:hover,
.pd-action-btn:hover {
  background: #eff6ff;
  color: #1e40af;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 38: ACTIVITY FEED CARD
   The feed card isn't clickable so no hover needed, but the item links are
   ──────────────────────────────────────────────────────────────────────────── */

.sr-activity-item a {
  transition: color 0.15s ease;
}
.sr-activity-item a:hover {
  color: #1e40af;
  text-decoration: underline;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 39: COMPARE PAGE CTA BUTTONS
   ──────────────────────────────────────────────────────────────────────────── */

.compare-hero-cta-primary,
.compare-hero-cta-secondary {
  transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;
}
.compare-hero-cta-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
}
.compare-hero-cta-secondary:hover {
  background: #f3f4f6;
}
.compare-hero-cta-primary:active {
  transform: translateY(1px) !important;
  transition-duration: 0.05s;
}
.compare-hero-cta-secondary:active {
  transform: translateY(0) !important;
  opacity: 0.75;
  transition-duration: 0.05s;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 40: PAYOUT TICKER ITEMS (payout-ticker.css has no hover)
   If payout ticker items are clickable, add pointer
   ──────────────────────────────────────────────────────────────────────────── */

.payout-ticker-item[href],
a.payout-ticker-item {
  transition: color 0.15s ease;
}
a.payout-ticker-item:hover {
  color: #1e40af;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 41: FOCUS STATES — reinforce keyboard accessibility
   css-polish.css has basic focus-visible; add more specific ring for buttons
   ──────────────────────────────────────────────────────────────────────────── */

.btn-primary:focus-visible,
.btn.btn-primary:focus-visible,
.hiw-cta-btn:focus-visible,
.hero-cta-primary:focus-visible,
.sr-mcta-btn:focus-visible,
.lf-cta-primary:focus-visible,
.prc-cta--primary:focus-visible,
.pro-cta-primary:focus-visible,
.fms-btn-next:focus-visible,
.srwiz-btn-next:focus-visible {
  outline: 3px solid #93c5fd;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.15);
}

.btn-secondary:focus-visible,
.prc-cta--secondary:focus-visible,
.lf-cta-secondary:focus-visible,
.fms-btn-back:focus-visible,
.srwiz-btn-back:focus-visible {
  outline: 2px solid #6b7280;
  outline-offset: 3px;
}

/* Nav items focus */
.mega-link:focus-visible,
.nav-more-item:focus-visible,
.nav-mobile-link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Cards that are links */
a.sl-card:focus-visible,
a.rs-settlement-card:focus-visible,
a.sr-lb-card:focus-visible,
a.related-card:focus-visible,
a.cw-card:focus-visible,
a.ms-card:focus-visible,
a.la-card:focus-visible,
a.qf-card:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 4px;
  border-radius: 12px;
}


/* ─────────────────────────────────────────────────────────────────────────────
   SECTION 42: PREFERS-REDUCED-MOTION OVERRIDES
   Disable all the new active/hover transforms for users who opt out of motion.
   ──────────────────────────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  /* Remove transform from all :active states added in this file */
  .btn-primary:active,
  .btn.btn-primary:active,
  .hiw-cta-btn:active,
  .hm-banner-cta:active,
  .hero-cta-primary:active,
  .sr-mcta-btn:active,
  .lf-cta-primary:active,
  .prc-cta--primary:active,
  .pro-cta-primary:active,
  .proplus-cta-primary:active,
  .fam-cta-primary:active,
  .fms-btn-next:active,
  .fms-results-hero-cta:active,
  .fms-pro-btn:active,
  .srwiz-btn-next:active,
  .srwiz-btn-browse:active,
  .sl-cta-primary:active,
  .sl-empty-btn:active,
  .sr2-file-claim-btn:active,
  .cs-file-btn:active,
  .ssi-signin:active,
  .sr-ft-email-btn:active,
  .cfb-go-btn:active,
  .tools-email-btn:active,
  .tools-guides-btn:active,
  .qf-cta-btn:active,
  .sotw-cta-btn:active,
  .fms-widget-btn:active,
  .sticky-filing-bar .bar-cta:active,
  .fs-hero-cta:active,
  .rs-featured-section .btn.btn-primary:active,
  .btn-secondary:active,
  .prc-cta--secondary:active,
  .lf-cta-secondary:active,
  .fms-btn-back:active,
  .srwiz-btn-back:active,
  .compare-hero-cta-primary:active,
  .compare-hero-cta-secondary:active,
  .recently-closed-cta:active,
  .card:active,
  .tool-card:active,
  .cw-card:active,
  .ms-card:active,
  .la-card:active,
  .bbc-card:active,
  .qf-card:active,
  .cs-card:active,
  .related-card:active,
  .sl-card:active,
  .sr-lb-card:active,
  .rs-settlement-card:active,
  #sr-back-to-top:active,
  .urgency-item:active {
    transform: none !important;
  }

  /* Remove hover transforms */
  .share-btn:hover,
  .css-share-btn:hover,
  .mcw-shr-btn:hover,
  .fms-share-btn:hover,
  .sr-ft-email-btn:hover,
  .compare-hero-cta-primary:hover,
  a.badge:hover,
  a.badge-primary:hover,
  button.badge:hover {
    transform: none !important;
  }

  /* Close button rotation */
  .modal-close:hover,
  .exit-intent-close:hover,
  .quiz-cta-close:hover,
  button[aria-label="Close"]:hover,
  button[aria-label="Close popup"]:hover,
  button[aria-label="Close dialog"]:hover,
  .modal-close:active,
  .exit-intent-close:active,
  .quiz-cta-close:active {
    transform: none !important;
  }

  /* Speed up all transitions from this file */
  .billing-tab,
  .share-btn,
  .css-share-btn,
  .sr-ft-email-btn,
  .faq-btn-v2,
  .mega-link,
  .nav-account-btn,
  .nav-signin-link,
  .srwiz-btn-next,
  .srwiz-btn-back,
  .fms-btn-next,
  .fms-btn-back {
    transition-duration: 0.01s !important;
  }
}