/* Live Clients (Live Clients.dc.html): style-hover rules of the prototype, filter states and reduced-motion states.
   Section styles are inline in parts/sections/clients/*.php; the client chat cards use .ui-chat-card (assets/css/ui.css). */

/* The prototype's gdsFloat lifts 8px (design.css has the 10px version used elsewhere). */
@keyframes lcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* style-hover */
.lc-h-crumb:hover { color: #fff !important; }
.lc-h-close:hover { background: rgba(255,255,255,0.16) !important; }
.lc-h-yellow:hover { background: #E0B400 !important; color: var(--gds-navy) !important; text-decoration: none !important; }
.lc-h-link:hover { color: var(--gds-yellow) !important; }

/* The whole card opens the demo (prototype onClick on the wrapper); hovering its "Open demo" button keeps the card lifted. */
.lc-card:hover > .ui-chat-card { transform: translateY(-4px) !important; box-shadow: 0 4px 8px rgba(17,31,61,0.08), 0 24px 56px rgba(17,31,61,0.22) !important; }

/* The site-wide GenesisAI chat widget would sit above the demo modal and outside its focus trap. */
body.lc-demo-open #genesis-chat-widget { display: none !important; }

/* Filter tabs: prototype f.bg / f.fg / f.bc for the active and inactive states. */
.lc-filter { border: 1px solid var(--border-default); background: #fff; color: var(--gds-navy); }
.lc-filter[aria-pressed="true"] { border-color: var(--gds-navy); background: var(--gds-navy); color: #fff; }

/* Reduced motion: no floating chat or entry animations (the chats show their final frame, see clients.js). */
@media (prefers-reduced-motion: reduce) {
	.lc-float, [data-lc-hero] [style*="gdsUp"], [data-lc-modal], [data-lc-modal] [style*="gdsUp"] { animation: none !important; }
}