/* Irish Lotto 21 — matching the approved Irish Lotto woven flag hero.
   The previous v3 rule provided --orbit-vivid-flag; the active shared
   hero design reads --orbit-woven-flag instead. Scoped to this studio only. */
html[data-theme] body[data-game="irish-lotto-21"] .game-hero {
  --orbit-woven-flag: url("woven-flags/ie.webp");
  --atlas-flag-art: url("hero-flags/ie.png");
  --orbit-vivid-flag: url("country-flags/ie.svg");
}
/* Explicit graphic binding ensures the existing hero overlay renders the flag. */
html[data-theme] body[data-game="irish-lotto-21"] .game-hero::after {
  background-image: url("woven-flags/ie.webp") !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
@media (min-width: 761px) {
  html[data-theme] body[data-game="irish-lotto-21"] .game-hero::after {
    opacity: .72 !important;
  }
}
@media (max-width: 760px) {
  html[data-theme] body[data-game="irish-lotto-21"] .game-hero::after {
    opacity: .38 !important;
  }
}
@media (max-width: 540px) {
  html[data-theme] body[data-game="irish-lotto-21"] .game-hero::after {
    opacity: .20 !important; /* protect headline readability on narrow phones */
  }
}
@media print {
  html[data-theme] body[data-game="irish-lotto-21"] .game-hero::after {
    display: none !important;
  }
}
