/* Generated from style-hover="..." attributes in the original design canvas.
   !important is required here: the base state for every one of these elements
   is set via an inline style="..." attribute (highest specificity there is),
   so a plain stylesheet :hover rule can never win a property that the inline
   style also sets. !important on the hover declaration is the correct,
   narrowly-scoped way to override just the hover state.

   color:#fff added to hv3/hv6/hv17 on top of the design canvas export: every
   element carrying one of these is a red button (background:#CE0608) with
   white text already, but making it explicit on :hover guarantees the text
   never reads red-on-red if a future change alters the base color. Their
   background lightens to #E5231C on hover — a plain shadow alone read as
   barely-there on a fill this saturated.

   hv3/hv6/hv17's box-shadow is red (rgba(206,6,8,0.5), the button's own fill
   colour) rather than the plain dark shadow the canvas exported, to match
   removing that same glow from the base state (see extract-inline-css.py's
   header comment on the accent buttons). The transition itself needs no
   extra rule here — base.css already animates box-shadow for every a/button
   and every [class^="hv"] element.

   Every hover class that is actually on a button (hv2, hv3, hv4, hv6, hv10,
   hv16, hv17 — not hv5/hv7/hv8/hv18/hv20, which are on cards, not buttons)
   now shares one box-shadow shape, 0 10px 24px -10px, each keeping its own
   colour. The canvas export had each button with a different two-layer
   shadow (or, for hv16, none at all) — no reason for a "Play game" ghost
   button and a "Visit site" dark button to lift differently on hover.

   hv4/hv14/hv16 sit on buttons whose base fill flipped from a light colour
   (the old gold) to white for the red theme, so their hover text flips too —
   see each rule's note below.

   hv19 (the legal table-of-contents links) and hv21 (a moodboard-only demo
   button) both sit on the light/smoke canvas now, not the old dark one, so
   their hover text flips from white to ink — see each rule's note below. */

/* hv1: header-nav-link — base is now black ink, so hover goes to the same
   light red used for red-button hovers (hv3/hv6/hv17's #E5231C), not white. */
.hv1:hover { color:#E5231C !important; }
/* hv2: header-cta/hero-cta-ghost/game-promo-cta-ghost — base is a muted
   smoke-white pill ("Play game"); hover brightens it to solid white. */
.hv2:hover { background:#fff !important; box-shadow:0 0 26px rgba(0,0,0,0.2) !important; }
/* hv3/hv6/hv17: base is a solid red fill (#CE0608); hover lightens the fill
   itself, not just the shadow, to #E5231C. */
.hv3:hover { background:#E5231C !important; color:#fff !important; box-shadow:0 10px 24px -10px rgba(206,6,8,0.5) !important; }
/* hv4: operator-cta-featured on the homepage — a white pill with red text
   on the red gradient card, same as every other white-pill CTA on a red
   card (hv14/hv15/hv24): stays white on hover, same red text throughout —
   it was darkening to near-black instead, the only one of that group that did. */
.hv4:hover { background:#fff !important; color:#CE0608 !important; box-shadow:0 10px 22px -12px rgba(0,0,0,0.4) !important; }
/* hv5/hv7: .operator-card/.operator-card-static — now light smoke cards,
   so hover gets a gentle elevation shadow instead of the heavier dark/red
   glow that suited the old near-black fill. */
.hv5:hover { box-shadow:0 8px 20px -6px rgba(0,0,0,0.14) !important; }
.hv6:hover { background:#E5231C !important; color:#fff !important; box-shadow:0 10px 24px -10px rgba(206,6,8,0.5) !important; }
.hv7:hover { box-shadow:0 8px 20px -6px rgba(0,0,0,0.14) !important; }
/* hv8: .fancy-card(-compact), now white — a soft neutral lift reads
   nicer here than the old red-tinted glow suited to a dark fill. */
.hv8:hover { box-shadow:0 1px 2px rgba(23,20,18,0.04),0 28px 48px -24px rgba(23,20,18,0.24) !important; transform:translateY(-4px) !important; }
/* hv9: .btn-see-all-ghost — now a solid red pill like the header's
   primary CTA, so hover lightens the same way hv3/hv6/hv17 do. */
.hv9:hover { background:#E5231C !important; color:#fff !important; }
/* hv10: newsletter-submit — base is now a white pill with red text on the
   red newsletter card, so hover dims the white slightly instead of
   darkening toward black (there is no dark text left to preserve). */
.hv10:hover { background:#f0f0f0 !important; box-shadow:0 10px 24px -10px rgba(0,0,0,0.18) !important; }
/* hv11: footer-link-item — footer sits on smoke now, not near-black, so
   hover uses the base red rather than the bright on-dark variant. */
.hv11:hover { color:#CE0608 !important; }
.hv13:hover { color:#fff !important; }
/* hv14: cta-banner-primary (About page) — matches the homepage Play game
   button (hv2): smoke at rest, solid white on hover, red text throughout. */
.hv14:hover { background:#fff !important; color:#CE0608 !important; }
/* hv15: cta-banner-ghost (About page) — stays an outline at rest, but on
   hover turns solid white (same as hv14) instead of just a light tint, so
   both banner buttons land in the same state. */
.hv15:hover { background:#fff !important; border-color:#fff !important; color:#CE0608 !important; }
/* hv16: operator-cta-featured on Free Bets/Best Casinos — same white-pill
   base and (fixed) white-stays-white hover as hv4. */
.hv16:hover { background:#fff !important; color:#CE0608 !important; box-shadow:0 10px 22px -12px rgba(0,0,0,0.4) !important; }
.hv17:hover { background:#E5231C !important; color:#fff !important; box-shadow:0 10px 24px -10px rgba(206,6,8,0.5) !important; }
.hv18:hover { box-shadow:0 8px 22px rgba(0,0,0,0.35) !important; transform:translateY(-3px) !important; }
/* hv19: legal-toc-link — the table of contents now sits on the light body
   section, not a dark one, so hover goes to solid ink instead of white. */
.hv19:hover { color:#262220 !important; border-left-color:#CE0608 !important; }
/* hv20: .tool-card — now a light smoke card like .operator-card(-static),
   so it gets the same gentle neutral elevation on hover (hv5/hv7) instead
   of the bright-red glow tuned for its old near-black fill. */
.hv20:hover { box-shadow:0 8px 20px -6px rgba(0,0,0,0.14) !important; }
/* hv21: moodboard-only secondary-button demo, also now on the light canvas. */
.hv21:hover { background:rgba(38,34,32,0.14) !important; }
/* hv22: .operator-card-featured — no shadow at rest, same as the smoke
   .operator-card(-static) cards; on hover it gets the same gentle lift,
   just red-tinted to match its own red fill. */
.hv22:hover { box-shadow:0 8px 20px -6px rgba(206,6,8,0.35) !important; }
/* hv23: .newsletter-card — deepens its own rest-state red glow on hover
   (bigger spread, a touch more opacity), transitioned via the plain
   (non-!important) box-shadow rule on .newsletter-card itself. */
.hv23:hover { box-shadow:0 28px 56px -24px rgba(206,6,8,0.45) !important; }
/* hv24: .fancy-highlight-cta on the red-photo main-fancy card — same smoke
   fill and hover as the homepage's Play game button (hv2/.hero-cta-ghost). */
.hv24:hover { background:#fff !important; box-shadow:0 0 26px rgba(0,0,0,0.2) !important; }