/* TASK-0966: rules added after the owner's styles.css, which stays unchanged.
   Only the owner's tokens are used (--purple, --ink, --muted, --line, --purple-soft). */

/* Real casino logo instead of the fictional SVG word-marks: the file keeps its own brand plate
   (affiliate-image-assets: no recolouring), fixed height as the owner's .casino-logo (72px). */
.casino-logo.real { height: 72px; }
.casino-logo.real img { display: block; height: 100%; width: auto; max-width: 100%; border-radius: 12px; object-fit: contain; }
.casino-logo.real .logo-fallback { font-weight: 800; font-size: 28px; letter-spacing: -.04em; color: var(--ink); }

/* Value we do not have: same place and size, muted, never a made-up number */
.metric-value.na { color: var(--muted); }

/* Review panel: link to the full review */
.review-panel .review-link { display: inline-block; margin-top: 14px; font-size: 14px; font-weight: 800; }

/* Footer: 18+, helpline and disclosure in the owner's footer text style */
.page-footer .footer-text { max-width: 110ch; }
.page-footer .footer-text strong { color: var(--ink); }

/* Nav items are links now (were preview buttons): keep the owner's look */
a.nav-link { display: inline-block; }

@media (max-width: 759px) {
  .casino-logo.real { height: 64px; }
}
@media (max-width: 399px) {
  .casino-logo.real { height: 56px; }
}