@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Noto+Serif:wght@400;600;700&display=swap");

:root {
  --amg-blue: #2196f3;
  --amg-blue-dark: #0d7fd3;
  --amg-blue-soft: #eaf5fe;
  --amg-navy: #124d73;
  --amg-navy-soft: #17628f;
  --amg-page: #f5f5f5;
  --amg-surface: #ffffff;
  --amg-heading: #202020;
  --amg-ink: #4a4a4a;
  --amg-muted: #777777;
  --amg-line: #dedede;
  --sf-color-primary: #2196f3;
  --sf-color-primary-dark: #0d7fd3;
  --sf-color-accent: #2196f3;
  --sf-color-bg: #f5f5f5;
  --sf-color-surface: #ffffff;
  --sf-color-text: #4a4a4a;
  --sf-color-heading: #202020;
  --sf-color-border: #dedede;
  --sf-radius-sm: 2px;
  --sf-radius-md: 3px;
  --sf-radius-lg: 4px;
  --sf-shadow-sm: none;
  --sf-shadow-md: none;
  --sf-shadow-lg: none;
  --sf-header-bg: #2196f3;
  --sf-header-text: #ffffff;
  --sf-header-accent: #ffffff;
  --sf-header-accent-text: #124d73;
  --sf-header-panel: #ffffff;
  --sf-header-panel-text: #4a4a4a;
  --sf-footer-bg: #124d73;
  --sf-footer-text: #eaf5fe;
  --bg-page: #f5f5f5;
  --bg-page-deep: #eaf5fe;
  --bg-surface-subtle: #f8fbfd;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-surface-sunken: #eef7fe;
  --bg-surface-light: #ffffff;
  --border-subtle: #d8e7f2;
  --border-strong: #a9d4f4;
  --border-glow: #78c5ff;
  --border-gold: #2196f3;
  --border-gold-bright: #78c5ff;
  --accent-gold: #2196f3;
  --accent-gold-light: #78c5ff;
  --accent-gold-dark: #0d7fd3;
  --accent-emerald: #2196f3;
  --accent-emerald-dark: #0d7fd3;
  --accent-ruby: #d84b5b;
  --accent-amber: #2196f3;
  --text-main: #343434;
  --text-muted: #666666;
  --text-faint: #777777;
  --text-inverse: #ffffff;
  --text-inverse-muted: #eaf5fe;
  --text-gold: #0d7fd3;
  --text-emerald: #1477b8;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-gold: none;
  --shadow-emerald: none;
  --bevel-card: none;
  --bevel-cta: none;
}

html {
  scroll-behavior: smooth;
  background: var(--amg-page);
}

body {
  margin: 0;
  color: var(--amg-ink);
  background: var(--amg-page) !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-size: 17px;
  line-height: 1.65;
}

body::before,
body::after {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.sf-heading,
.sf-section-title {
  color: var(--amg-heading) !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-weight: 600;
  letter-spacing: 0;
}

p,
.sf-prose,
.sf-article-content,
.sf-content {
  color: var(--amg-ink);
}

.sf-prose p,
.sf-article-content p,
.sf-content > p,
.sf-content li {
  font-family: "Noto Serif", Georgia, serif;
}

a {
  color: var(--amg-blue-dark);
}

a:hover {
  color: var(--amg-blue);
}

::selection {
  color: #ffffff;
  background: var(--amg-blue);
}

.sf-container,
.container {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

/* Main-site header system: white logo block above the blue navigation bar. */
.sf-header,
header.sf-header {
  position: relative;
  z-index: 50;
  color: #ffffff;
  background: var(--amg-blue) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sf-header__note,
.sf-topbar,
.sf-announcement {
  color: #f5f5f5 !important;
  min-height: 26px;
  padding: 4px 16px !important;
  background: var(--amg-navy-soft) !important;
  border: 0 !important;
  font-size: 0.76rem !important;
  line-height: 1.45 !important;
}

.sf-header__note a,
.sf-topbar a,
.sf-announcement a {
  color: #ffffff !important;
}

.sf-header__bar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--amg-blue) !important;
}

.sf-header__brand,
.sf-brand {
  display: flex !important;
  flex: 0 0 100%;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding: 10px 20px !important;
  background: #ffffff !important;
  border: 0 !important;
}

.sf-header__brand img,
.sf-brand img,
img[data-sf-brand-logo] {
  display: block;
  width: 205px !important;
  max-width: min(205px, 78vw) !important;
  height: auto !important;
  max-height: 52px !important;
  object-fit: contain;
}

.sf-header__brand-mark,
.sf-brand__mark,
.sf-header__wordmark,
.sf-brand__wordmark,
.sf-header__brand-text,
.sf-brand__text,
.sf-brand-wordmark {
  display: none !important;
}

.sf-header__nav,
.sf-nav {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding: 0 8px !important;
  background: var(--amg-blue) !important;
}

.sf-header__nav ul,
.sf-nav ul,
.sf-header__menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-header__nav a,
.sf-nav a,
.sf-header__menu a {
  display: flex;
  align-items: center;
  min-height: 80px;
  padding: 0 13px;
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.035em;
  text-decoration: none;
  text-transform: uppercase;
}

.sf-header__nav a:hover,
.sf-header__nav a[aria-current="page"],
.sf-nav a:hover,
.sf-nav a[aria-current="page"] {
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.13) !important;
}

.sf-header__actions,
.sf-nav__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 80px;
  padding: 0 22px 0 8px !important;
  background: var(--amg-blue) !important;
}

.sf-header__actions a,
.sf-nav__actions a,
.sf-header__cta {
  margin: 0 0 0 10px;
  padding: 10px 17px !important;
  color: #ffffff !important;
  background: var(--amg-blue-dark) !important;
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
  border-radius: 2px !important;
  font-weight: 600;
  text-decoration: none;
}

.sf-header__actions a:hover,
.sf-nav__actions a:hover,
.sf-header__cta:hover {
  background: var(--amg-navy-soft) !important;
}

.sf-header__dropdown,
.sf-nav__dropdown,
.sf-menu__dropdown {
  color: var(--amg-ink) !important;
  background: #ffffff !important;
  border: 0 !important;
  border-top: 3px solid var(--amg-blue) !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14) !important;
}

.sf-header__dropdown a,
.sf-nav__dropdown a,
.sf-menu__dropdown a {
  min-height: 0;
  color: var(--amg-ink) !important;
  background: #ffffff !important;
  text-transform: none;
}

.sf-header__toggle,
.sf-nav-toggle,
.sf-menu-toggle {
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 2px !important;
}

/* Editorial hero: retain the page-specific image as a quiet texture. */
.sf-hero,
[data-amg-hero] {
  position: relative;
  isolation: isolate;
  min-height: clamp(25rem, 42vw, 35rem);
  overflow: hidden;
  color: var(--amg-heading) !important;
  background: linear-gradient(110deg, #ffffff 0%, #f7fbff 54%, #dceefe 100%) !important;
  border: 0 !important;
  border-bottom: 4px solid var(--amg-blue) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.sf-hero picture,
.sf-hero__media,
[data-amg-hero] picture {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.sf-hero picture img,
.sf-hero__media img,
[data-amg-hero] picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.13 !important;
  filter: grayscale(0.35) saturate(0.55) contrast(0.92);
}

.sf-hero::before,
[data-amg-hero]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 48%, rgba(234, 245, 254, 0.6) 100%) !important;
}

.sf-hero__content,
[data-amg-hero] .sf-hero__content {
  width: min(1180px, calc(100% - 40px));
  max-width: none !important;
  margin-inline: auto;
  padding: clamp(70px, 9vw, 125px) 0;
}

.sf-hero h1,
.sf-hero h2,
.sf-hero p,
.sf-hero li,
.sf-hero strong,
[data-amg-hero] h1,
[data-amg-hero] h2,
[data-amg-hero] p,
[data-amg-hero] li,
[data-amg-hero] strong {
  color: var(--amg-heading) !important;
  text-shadow: none !important;
}

.sf-hero h1,
[data-amg-hero] h1 {
  max-width: 860px;
  margin-bottom: 20px;
  font-size: clamp(2.15rem, 5.2vw, 4.7rem) !important;
  line-height: 1.04 !important;
}

.sf-hero p,
[data-amg-hero] p {
  max-width: 760px;
  font-family: "Noto Serif", Georgia, serif;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
}

.sf-hero__eyebrow,
.sf-eyebrow,
[data-amg-hero] .sf-kicker {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 6px 11px;
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.sf-hero .sf-button,
.sf-hero .sf-btn,
[data-amg-hero] .sf-button,
[data-amg-hero] .sf-btn {
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border-color: var(--amg-blue) !important;
}

/* Content surfaces mirror the root site's flat white cards on a pale-gray canvas. */
main,
.sf-main,
.sf-page,
.sf-page-shell,
.sf-content-wrap {
  color: var(--amg-ink);
  background: var(--amg-page) !important;
}

section,
.sf-section {
  background: transparent;
}

.sf-section:nth-of-type(even) {
  background: rgba(255, 255, 255, 0.55);
}

.sf-card,
.sf-panel,
.sf-box,
.sf-content-card,
.sf-info-card,
.sf-feature-card,
.sf-author-card,
.sf-faq__item,
.sf-toc,
.sf-casino-row,
.sf-comparison-card,
.sf-trust-card,
.sf-offer-card,
.casino-card,
.offer-card,
article.sf-card {
  color: var(--amg-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--amg-line) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

.sf-card:hover,
.sf-content-card:hover,
.sf-feature-card:hover,
.sf-casino-row:hover,
.sf-offer-card:hover,
.casino-card:hover,
.offer-card:hover {
  border-color: #b7dcfa !important;
  box-shadow: none !important;
  transform: none !important;
}

.sf-card h2,
.sf-card h3,
.sf-panel h2,
.sf-panel h3,
.sf-casino-row h3,
.casino-card h3,
.offer-card h3 {
  color: var(--amg-heading) !important;
}

.sf-button,
.sf-btn,
.sf-cta,
a.sf-button,
a.sf-btn,
button:not(.sf-header__toggle):not(.sf-nav-toggle):not(.sf-menu-toggle),
input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border: 1px solid var(--amg-blue) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-weight: 600;
  text-decoration: none;
}

.sf-button:hover,
.sf-btn:hover,
.sf-cta:hover,
a.sf-button:hover,
a.sf-btn:hover,
button:not(.sf-header__toggle):not(.sf-nav-toggle):not(.sf-menu-toggle):hover,
input[type="submit"]:hover {
  color: #ffffff !important;
  background: var(--amg-blue-dark) !important;
  border-color: var(--amg-blue-dark) !important;
  transform: none !important;
}

.sf-badge,
.sf-tag,
.sf-pill,
.sf-chip,
.sf-label {
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border: 0 !important;
  border-radius: 1px !important;
}

.sf-de-notice,
[data-de-notice] {
  color: var(--amg-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--amg-line) !important;
  border-left: 5px solid var(--amg-blue) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

.sf-de-notice::before,
[data-de-notice]::before {
  color: var(--amg-blue) !important;
}

.sf-de-notice strong,
.sf-de-notice b,
[data-de-notice] strong,
[data-de-notice] b {
  color: var(--amg-heading) !important;
}

.sf-casino-row,
.casino-card,
.offer-card {
  position: relative;
  border-left: 4px solid var(--amg-blue) !important;
}

.sf-casino-row__rank,
.sf-rank,
.casino-card__rank {
  color: var(--amg-blue) !important;
  background: var(--amg-blue-soft) !important;
  border-color: #b7dcfa !important;
}

.sf-rating,
.sf-stars,
.rating,
.stars {
  color: #f2a000 !important;
}

table,
.sf-table {
  width: 100%;
  color: var(--amg-ink) !important;
  background: #ffffff !important;
  border-collapse: collapse;
  border: 1px solid var(--amg-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

thead,
table thead tr,
.sf-table thead {
  color: #ffffff !important;
  background: var(--amg-blue) !important;
}

th {
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  font-family: "Jost", Arial, sans-serif !important;
}

td {
  color: var(--amg-ink) !important;
  background: #ffffff !important;
  border-color: var(--amg-line) !important;
}

tr:nth-child(even) td {
  background: #f8fbfd !important;
}

.sf-faq__item[open],
.sf-faq__item:hover,
details[open] {
  border-color: #b7dcfa !important;
}

.sf-faq summary,
details summary {
  color: var(--amg-heading) !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-weight: 600;
}

/* Neutralize the remaining legacy olive panels on long editorial pages. */
.section--sunken,
.section--dark,
.section-dark,
.dark-section,
.theme-dark,
[data-theme="dark"] {
  color: var(--amg-ink) !important;
  background: var(--amg-blue-soft) !important;
}

.toc-card,
.card,
.game-card,
.verdict-panel,
.author-box,
.trust-block,
.pros-box,
.cons-box,
.card--featured,
.method-card,
.payment-card,
.software-card,
.feature-card,
.info-card,
.review-card,
.rating-card,
.verdict-card {
  color: var(--amg-ink) !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--amg-line) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

.toc-card,
.card--featured,
.verdict-panel,
.author-box {
  border-left: 4px solid var(--amg-blue) !important;
}

.toc-card__title,
.toc-card a,
.card a:not(.btn),
.verdict-panel a:not(.btn),
.author-box a:not(.btn) {
  color: var(--amg-blue-dark) !important;
}

.toc-card h2,
.toc-card h3,
.card h2,
.card h3,
.card h4,
.game-card h2,
.game-card h3,
.verdict-panel h2,
.verdict-panel h3,
.author-box h2,
.author-box h3,
.trust-block h2,
.trust-block h3,
.pros-box h2,
.pros-box h3,
.cons-box h2,
.cons-box h3 {
  color: var(--amg-heading) !important;
}

.toc-card p,
.toc-card li,
.card p,
.card li,
.card span,
.game-card p,
.game-card li,
.game-card span,
.verdict-panel p,
.verdict-panel li,
.verdict-panel span,
.author-box p,
.author-box li,
.author-box span,
.trust-block p,
.trust-block li,
.pros-box p,
.pros-box li,
.cons-box p,
.cons-box li {
  color: var(--amg-ink) !important;
}

.pros-box {
  border-top: 3px solid #2ba875 !important;
}

.cons-box {
  border-top: 3px solid #d84b5b !important;
}

.pros-box__title {
  color: #16835a !important;
}

.cons-box__title {
  color: #c33d4d !important;
}

.game-card__thumb {
  background: #eef7fe !important;
}

.provider-chip,
.game-chip,
.payment-chip,
.chip {
  color: var(--amg-blue-dark) !important;
  background: var(--amg-blue-soft) !important;
  border-color: #b7dcfa !important;
}

.sf-author-card,
.sf-author-box {
  background: #ffffff !important;
  border-left: 5px solid var(--amg-blue) !important;
}

.sf-divider,
hr {
  border-color: var(--amg-line) !important;
}

/* Preserve readable offer columns and prevent rating/action collisions on desktop. */
@media (min-width: 1100px) {
  .sf-casino-row,
  .casino-card,
  .offer-card {
    display: grid !important;
    grid-template-columns: 3rem minmax(11rem, 0.9fr) minmax(20rem, 1.55fr) minmax(11.5rem, 0.82fr) minmax(11.5rem, 0.82fr) !important;
    align-items: center;
    gap: 18px !important;
  }

  .sf-casino-row > *,
  .casino-card > *,
  .offer-card > * {
    min-width: 0;
  }

  .sf-casino-row__signals,
  .sf-casino-row__rating,
  .sf-casino-row__actions,
  .casino-card__rating,
  .casino-card__actions,
  .offer-card__rating,
  .offer-card__actions {
    position: static !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    transform: none !important;
  }

  .sf-casino-row__actions,
  .casino-card__actions,
  .offer-card__actions {
    display: grid !important;
    gap: 8px;
  }
}

@media (min-width: 861px) and (max-width: 1099px) {
  .sf-casino-row,
  .casino-card,
  .offer-card {
    display: grid !important;
    grid-template-columns: 3rem minmax(10rem, 0.82fr) minmax(18rem, 1.5fr) !important;
    align-items: center;
    gap: 16px !important;
  }

  .sf-casino-row__signals,
  .sf-casino-row__rating,
  .sf-casino-row__actions,
  .casino-card__rating,
  .casino-card__actions,
  .offer-card__rating,
  .offer-card__actions {
    position: static !important;
    grid-column: 2 / -1;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* Footer follows the root site's charcoal block with the blue brand rule. */
.sf-footer,
footer {
  color: #cfcfcf !important;
  background: var(--amg-navy) !important;
  border: 0 !important;
  border-top: 5px solid var(--amg-blue) !important;
}

.sf-footer h2,
.sf-footer h3,
.sf-footer h4,
footer h2,
footer h3,
footer h4 {
  color: #ffffff !important;
}

.sf-footer p,
.sf-footer li,
footer p,
footer li {
  color: #eaf5fe !important;
}

.sf-footer a,
footer a {
  color: #ffffff !important;
}

.sf-footer a:hover,
footer a:hover {
  color: #78c5ff !important;
}

.sf-footer img[data-sf-brand-logo],
footer img[data-sf-brand-logo] {
  box-sizing: content-box;
  padding: 9px 12px;
  background: #ffffff;
}

@media (min-width: 861px) {
  .sf-header__bar {
    display: grid !important;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) auto;
    min-height: 80px;
  }

  .sf-header__brand,
  .sf-brand {
    grid-column: 1;
    min-width: 0;
    width: auto !important;
  }

  .sf-header__nav,
  .sf-nav {
    grid-column: 2;
    min-width: 0;
  }

  .sf-header__actions,
  .sf-nav__actions {
    grid-column: 3;
  }
}

@media (max-width: 860px) {
  body {
    font-size: 16px;
  }

  .sf-container,
  .container,
  .sf-hero__content,
  [data-amg-hero] .sf-hero__content {
    width: min(100% - 28px, 1180px);
  }

  .sf-header__brand,
  .sf-brand {
    min-height: 76px;
    padding: 9px 16px !important;
  }

  .sf-header__brand img,
  .sf-brand img,
  img[data-sf-brand-logo] {
    width: 185px !important;
  }

  .sf-header__nav,
  .sf-nav {
    justify-content: flex-start;
    min-height: 52px;
    padding: 0 14px;
  }

  .sf-header__actions,
  .sf-nav__actions {
    min-height: 52px;
    padding: 0 14px 0 0;
  }

  .sf-header__nav ul,
  .sf-nav ul,
  .sf-header__menu {
    width: 100%;
  }

  .sf-header__nav a,
  .sf-nav a,
  .sf-header__menu a {
    min-height: 48px;
    padding: 0 12px;
  }

  .sf-hero,
  [data-amg-hero] {
    min-height: 24rem;
  }

  .sf-hero__content,
  [data-amg-hero] .sf-hero__content {
    padding-block: 62px;
  }

  .sf-casino-row,
  .casino-card,
  .offer-card {
    display: grid !important;
    grid-template-columns: 2.5rem minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .sf-casino-row > *:not(.sf-casino-row__rank),
  .casino-card > *:not(.casino-card__rank),
  .offer-card > *:not(.offer-card__rank) {
    grid-column: 2;
    min-width: 0;
  }

  .sf-casino-row__signals,
  .sf-casino-row__rating,
  .sf-casino-row__actions,
  .casino-card__rating,
  .casino-card__actions,
  .offer-card__rating,
  .offer-card__actions {
    position: static !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    transform: none !important;
  }

  .sf-casino-row__actions,
  .casino-card__actions,
  .offer-card__actions {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
  }
}

@media (max-width: 520px) {
  .sf-header__bar {
    display: grid !important;
    grid-template-columns: 1fr auto;
  }

  .sf-header__brand,
  .sf-brand {
    grid-column: 1 / -1;
  }

  .sf-header__nav,
  .sf-nav {
    min-width: 0;
  }

  .sf-header__actions,
  .sf-nav__actions {
    justify-content: flex-end;
  }

  .sf-hero h1,
  [data-amg-hero] h1 {
    font-size: clamp(2rem, 10.5vw, 3rem) !important;
  }

  .sf-card,
  .sf-panel,
  .sf-content-card,
  .sf-casino-row,
  .casino-card,
  .offer-card {
    padding: 18px !important;
  }
}

/* Page markup compatibility: override the legacy embedded dark-theme rules. */
body[data-amg-refresh] [data-sf-hero-host] .hero__title,
body[data-amg-refresh] [data-sf-hero-host] .hero__lead,
body[data-amg-refresh] [data-sf-hero-host] .hero__lead strong,
body[data-amg-refresh] [data-sf-hero-host] .hero__meta,
body[data-amg-refresh] [data-sf-hero-host] .hero__meta-item,
body[data-amg-refresh] [data-sf-hero-host] .breadcrumbs,
body[data-amg-refresh] [data-sf-hero-host] .breadcrumbs a,
body[data-amg-refresh] [data-sf-hero-host] .breadcrumbs span {
  color: var(--amg-heading) !important;
  text-shadow: none !important;
}

body[data-amg-refresh] [data-sf-hero-host] .hero__eyebrow {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 6px 11px;
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

body[data-amg-refresh] [data-sf-hero-host] [data-sf-hero-extra="cta"] a,
body[data-amg-refresh] [data-sf-hero-host] .cta-button {
  min-height: 46px;
  padding: 0.75rem 1.5rem;
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border: 1px solid var(--amg-blue) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

.amg-de-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  width: min(1180px, calc(100% - 40px));
  margin: 34px auto;
  padding: clamp(20px, 3vw, 30px);
  color: var(--amg-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--amg-line) !important;
  border-left: 5px solid var(--amg-blue) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

.amg-de-check__icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border-radius: 2px !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-weight: 700;
}

.amg-de-check__title {
  margin: 0 0 8px;
  font-size: clamp(1.25rem, 2.5vw, 1.8rem) !important;
}

.amg-de-check p {
  margin: 0;
  font-family: "Noto Serif", Georgia, serif;
}

.casino-row {
  position: relative;
  color: var(--amg-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--amg-line) !important;
  border-left: 4px solid var(--amg-blue) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

.casino-row:hover,
.casino-row--highlight {
  background: #ffffff !important;
  border-color: #b7dcfa !important;
  border-left-color: var(--amg-blue) !important;
  box-shadow: none !important;
  transform: none !important;
}

.casino-row__rank {
  color: var(--amg-blue) !important;
  background: var(--amg-blue-soft) !important;
  border-color: #b7dcfa !important;
}

.casino-row__name,
.casino-row__bonus-amount,
.rating-score__value {
  color: var(--amg-heading) !important;
}

.casino-row__bonus-terms,
.rating-score__max {
  color: var(--amg-muted) !important;
}

.badge,
.badge--emerald,
.badge--gold {
  color: var(--amg-blue-dark) !important;
  background: var(--amg-blue-soft) !important;
  border: 1px solid #b7dcfa !important;
  border-radius: 2px !important;
  overflow-wrap: anywhere;
}

.btn,
a.btn,
.cta-button {
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border: 1px solid var(--amg-blue) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

.btn:hover,
a.btn:hover,
.cta-button:hover {
  color: #ffffff !important;
  background: var(--amg-blue-dark) !important;
  border-color: var(--amg-blue-dark) !important;
  transform: none !important;
}

.btn--ghost,
a.btn--ghost {
  color: var(--amg-blue-dark) !important;
  background: #ffffff !important;
  border-color: var(--amg-blue) !important;
}

@media (min-width: 1100px) {
  .casino-row {
    display: grid !important;
    grid-template-columns: 3rem minmax(11rem, 0.9fr) minmax(20rem, 1.55fr) minmax(11.5rem, 0.82fr) minmax(11.5rem, 0.82fr) !important;
    align-items: center;
    gap: 18px !important;
  }

  .casino-row > * {
    min-width: 0;
  }

  .casino-row__signals,
  .casino-row__actions {
    position: static !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    transform: none !important;
  }

  .casino-row__actions {
    display: grid !important;
    gap: 8px;
  }
}

@media (min-width: 861px) and (max-width: 1099px) {
  .casino-row {
    display: grid !important;
    grid-template-columns: 3rem minmax(10rem, 0.82fr) minmax(18rem, 1.5fr) !important;
    align-items: center;
    gap: 16px !important;
  }

  .casino-row__signals,
  .casino-row__actions {
    position: static !important;
    grid-column: 2 / -1;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 860px) {
  .amg-de-check {
    width: min(100% - 28px, 1180px);
  }

  .casino-row {
    display: grid !important;
    grid-template-columns: 2.5rem minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .casino-row > *:not(.casino-row__rank) {
    grid-column: 2;
    min-width: 0;
  }

  .casino-row__signals,
  .casino-row__actions {
    position: static !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    transform: none !important;
  }

  .casino-row__actions {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
  }
}

@media (max-width: 520px) {
  .amg-de-check {
    grid-template-columns: 1fr;
  }

  .casino-row {
    padding: 18px !important;
  }
}

/* Compact header v3 and readable dropdown panels. */
body[data-amg-refresh] .sf-header__note {
  min-height: 24px;
  padding: 3px 14px !important;
  font-size: 0.72rem !important;
}

@media (min-width: 861px) {
  body[data-amg-refresh] .sf-header__bar {
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) auto;
    min-height: 64px;
  }

  body[data-amg-refresh] .sf-header__brand,
  body[data-amg-refresh] .sf-brand,
  body[data-amg-refresh] .sf-header__nav,
  body[data-amg-refresh] .sf-nav,
  body[data-amg-refresh] .sf-header__actions,
  body[data-amg-refresh] .sf-nav__actions {
    min-height: 64px;
  }

  body[data-amg-refresh] .sf-header__brand,
  body[data-amg-refresh] .sf-brand {
    padding: 7px 16px !important;
  }

  body[data-amg-refresh] .sf-header__brand img,
  body[data-amg-refresh] .sf-brand img,
  body[data-amg-refresh] .sf-header img[data-sf-brand-logo] {
    width: 165px !important;
    max-width: 165px !important;
    max-height: 42px !important;
  }

  body[data-amg-refresh] .sf-header__nav > ul > li > a,
  body[data-amg-refresh] .sf-header__nav > ul > li > .sf-menu__link,
  body[data-amg-refresh] .sf-nav > ul > li > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 0 10px;
    font-size: 0.8rem;
    line-height: 1.2;
  }

  body[data-amg-refresh] .sf-header .sf-menu__item,
  body[data-amg-refresh] .sf-header .sf-menu__more {
    align-self: center;
  }

  body[data-amg-refresh] .sf-header__actions,
  body[data-amg-refresh] .sf-nav__actions {
    padding: 0 16px 0 6px !important;
  }

  body[data-amg-refresh] .sf-header__cta {
    padding: 8px 13px !important;
    font-size: 0.82rem;
  }
}

body[data-amg-refresh] .sf-header .sf-menu__panel {
  top: calc(100% - 3px);
  min-width: 270px;
  max-width: min(430px, calc(100vw - 24px));
  padding: 10px !important;
  color: var(--amg-ink) !important;
  background: #eef7fe !important;
  border: 1px solid #9ed1f7 !important;
  border-top: 4px solid var(--amg-blue) !important;
  border-radius: 7px !important;
  box-shadow: 0 14px 34px rgba(18, 77, 115, 0.2) !important;
}

body[data-amg-refresh] .sf-header .sf-menu__panel--wide {
  width: min(540px, calc(100vw - 24px));
}

body[data-amg-refresh] .sf-header .sf-menu__panel--wide .sf-menu__sub {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  columns: auto !important;
}

body[data-amg-refresh] .sf-header .sf-menu__sub:not(:has(li:nth-child(4))) {
  display: grid !important;
  gap: 7px;
}

body[data-amg-refresh] .sf-header .sf-menu__sub a {
  display: block !important;
  min-height: 0 !important;
  padding: 9px 11px !important;
  color: #29485f !important;
  background: #ffffff !important;
  border: 1px solid #d2e6f5 !important;
  border-radius: 4px !important;
  font-size: 0.84rem !important;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body[data-amg-refresh] .sf-header .sf-menu__sub a:hover,
body[data-amg-refresh] .sf-header .sf-menu__sub a:focus-visible,
body[data-amg-refresh] .sf-header .sf-menu__sub a[aria-current="page"] {
  color: #ffffff !important;
  background: var(--amg-blue) !important;
  border-color: var(--amg-blue) !important;
}

body[data-amg-refresh] .sf-header .sf-drawer {
  color: var(--amg-ink) !important;
  background: #eef7fe !important;
}

body[data-amg-refresh] .sf-header .sf-drawer__link,
body[data-amg-refresh] .sf-header .sf-drawer__sub a {
  color: #29485f !important;
}

/* Structured AMGamer footer v2. */
body[data-amg-refresh] .sf-footer {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
  color: #eaf5fe !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(60, 176, 253, 0.2), transparent 30%),
    linear-gradient(145deg, #124d73 0%, #0d3f61 58%, #092f4b 100%) !important;
  border-top: 0 !important;
}

body[data-amg-refresh] .sf-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, #2196f3, #78c5ff 52%, #2196f3);
}

body[data-amg-refresh] .sf-footer .sf-footer__inner {
  display: grid;
  gap: 24px;
  width: min(100%, 1240px);
  margin-inline: auto;
  padding: 42px 24px 24px;
}

body[data-amg-refresh] .sf-footer .sf-footer__about {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  max-width: none;
  padding: 20px 22px;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
}

body[data-amg-refresh] .sf-footer .sf-footer__brand {
  margin: 0;
  padding: 10px 14px;
  background: #ffffff;
  border-radius: 6px;
}

body[data-amg-refresh] .sf-footer .sf-footer__brand img[data-sf-brand-logo] {
  width: 205px !important;
  max-width: min(205px, 62vw) !important;
  max-height: 51px !important;
  padding: 0 !important;
  background: transparent !important;
}

body[data-amg-refresh] .amg-footer__intro {
  min-width: 0;
}

body[data-amg-refresh] .sf-footer .amg-footer__eyebrow {
  margin: 0 0 4px;
  color: #ffffff !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

body[data-amg-refresh] .sf-footer .amg-footer__intro > p:not(.amg-footer__eyebrow) {
  max-width: 720px;
  margin: 0 0 12px;
  color: #dceefa !important;
  font-family: "Noto Serif", Georgia, serif;
  font-size: 0.92rem;
}

body[data-amg-refresh] .amg-footer__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body[data-amg-refresh] .amg-footer__trust span {
  padding: 5px 9px;
  color: #ffffff !important;
  background: rgba(33, 150, 243, 0.28);
  border: 1px solid rgba(120, 197, 255, 0.5);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}

body[data-amg-refresh] .sf-footer .sf-footer__columns {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

body[data-amg-refresh] .sf-footer .sf-footer__col {
  min-width: 0;
  padding: 17px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
}

body[data-amg-refresh] .sf-footer .sf-footer__col:not(.sf-footer__col--long) {
  order: 1;
}

body[data-amg-refresh] .sf-footer .sf-footer__col--long {
  order: 2;
  grid-column: 1 / -1;
}

body[data-amg-refresh] .sf-footer .sf-footer__title {
  position: relative;
  margin: 0 0 13px;
  padding: 0 0 10px 13px;
  color: #ffffff !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.25;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

body[data-amg-refresh] .sf-footer .sf-footer__title::before {
  content: "";
  position: absolute;
  top: 0.18em;
  bottom: 0.75em;
  left: 0;
  width: 4px;
  min-height: 13px;
  background: #3cb0fd;
  border-radius: 3px;
}

body[data-amg-refresh] .sf-footer .sf-footer__list,
body[data-amg-refresh] .sf-footer .sf-footer__col--long .sf-footer__list {
  display: grid;
  gap: 3px 14px;
  margin: 0;
  padding: 0;
  columns: auto;
}

body[data-amg-refresh] .sf-footer .sf-footer__col--long .sf-footer__list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-amg-refresh] .sf-footer .sf-footer__list li {
  margin: 0;
}

body[data-amg-refresh] .sf-footer .sf-footer__list a {
  display: block;
  padding: 5px 7px;
  color: #dceefa !important;
  border-radius: 4px;
  font-size: 0.79rem;
  line-height: 1.35;
  opacity: 1;
  text-decoration: none;
}

body[data-amg-refresh] .sf-footer .sf-footer__list a:hover,
body[data-amg-refresh] .sf-footer .sf-footer__list a:focus-visible {
  color: #ffffff !important;
  background: rgba(33, 150, 243, 0.3);
  text-decoration: none;
}

body[data-amg-refresh] .sf-footer .sf-footer__notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body[data-amg-refresh] .sf-footer .sf-footer__notes p {
  margin: 0;
  padding: 14px 16px;
  color: #dceefa !important;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 7px;
  font-family: "Jost", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.5;
}

body[data-amg-refresh] .sf-footer .amg-footer__notice--safety {
  border-left: 4px solid #78c5ff !important;
}

body[data-amg-refresh] .sf-footer .amg-footer__notice--affiliate,
body[data-amg-refresh] .sf-footer .amg-footer__notice--tagline {
  grid-column: 1 / -1;
}

body[data-amg-refresh] .sf-footer .amg-footer__notice--tagline {
  padding-block: 10px;
  color: #ffffff !important;
  background: rgba(33, 150, 243, 0.17);
  font-weight: 600;
  text-align: center;
}

body[data-amg-refresh] .sf-footer .sf-footer__notes a {
  color: #8ed0ff !important;
  opacity: 1;
}

body[data-amg-refresh] .sf-footer .sf-footer__copy {
  margin: 0;
  padding-top: 16px;
  color: #c7e3f5 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 0.76rem;
  text-align: center;
  opacity: 1;
}

@media (max-width: 1100px) {
  body[data-amg-refresh] .sf-footer .sf-footer__columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-amg-refresh] .sf-footer .sf-footer__col--long .sf-footer__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body[data-amg-refresh] .sf-footer .sf-footer__inner {
    gap: 16px;
    padding: 30px 14px 18px;
  }

  body[data-amg-refresh] .sf-footer .sf-footer__about {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 17px;
  }

  body[data-amg-refresh] .sf-footer .sf-footer__brand {
    width: fit-content;
  }

  body[data-amg-refresh] .sf-footer .sf-footer__columns {
    grid-template-columns: 1fr;
  }

  body[data-amg-refresh] .sf-footer .sf-footer__col--long {
    grid-column: auto;
  }

  body[data-amg-refresh] .sf-footer .sf-footer__col--long .sf-footer__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-amg-refresh] .sf-footer .sf-footer__notes {
    grid-template-columns: 1fr;
  }

  body[data-amg-refresh] .sf-footer .amg-footer__notice--affiliate,
  body[data-amg-refresh] .sf-footer .amg-footer__notice--tagline {
    grid-column: auto;
  }
}

@media (max-width: 340px) {
  body[data-amg-refresh] .sf-footer .sf-footer__col--long .sf-footer__list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  body[data-amg-refresh] .sf-header__brand,
  body[data-amg-refresh] .sf-brand {
    min-height: 64px;
    padding: 7px 14px !important;
  }

  body[data-amg-refresh] .sf-header__brand img,
  body[data-amg-refresh] .sf-brand img,
  body[data-amg-refresh] .sf-header img[data-sf-brand-logo] {
    width: 155px !important;
    max-width: 155px !important;
    max-height: 39px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}