/* Left navigation matching the Ginga reference. */
@media (min-width:1025px) {
  body.reveryplays-static { padding-left:303px; }
}

.reveryplays-aside {
  box-sizing:border-box;
  max-width:303px;
  padding:32px 0 0;
  background:#061b33;
  border-top:1px solid #183858;
  box-shadow:none;
  scrollbar-width:none;
}
.reveryplays-aside::-webkit-scrollbar { display:none; }
.reveryplays-aside__nav { gap:5px; margin:0; }
.reveryplays-aside__nav .item {
  box-sizing:border-box;
  height:44px;
  padding:0 16px;
  gap:12px;
  border-radius:10px;
  background:#102e52;
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:44px;
  text-decoration:none;
  transition:background-color .18s ease;
}
.reveryplays-aside__nav .item:hover,
.reveryplays-aside__nav .item:focus-visible { background:#173b67; color:#fff; }
.reveryplays-aside__nav--primary .item span:last-child { font-weight:600; }
.reveryplays-aside .menu-emoji {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 26px;
  width:26px;
  height:28px;
  font-size:23px;
  line-height:1;
}
.reveryplays-aside__games { margin-top:17px; border-top:1px solid #183858; }
.reveryplays-aside__games-toggle {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  height:45px;
  padding:0 9px 0 15px;
  border:0;
  background:transparent;
  color:#ffe500;
  font-family:Arial,sans-serif;
  font-size:20px;
  font-weight:400;
  line-height:1;
  text-align:left;
  cursor:pointer;
}
.games-chevron {
  width:8px;
  height:8px;
  margin-right:2px;
  border-top:3px solid #e9f1fa;
  border-left:3px solid #e9f1fa;
  transform:rotate(45deg) translate(2px,2px);
  transition:transform .2s ease;
}
.reveryplays-aside__games:not(.is-open) .games-chevron { transform:rotate(225deg) translate(2px,2px); }
.reveryplays-aside__games:not(.is-open) .reveryplays-aside__nav--games { display:none; }
.reveryplays-aside__sports { margin-top:17px; border-top:1px solid #183858; }
.reveryplays-aside__sports-toggle {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  height:45px;
  padding:0 9px 0 15px;
  border:0;
  background:transparent;
  color:#ffe500;
  font-family:Arial,sans-serif;
  font-size:20px;
  font-weight:400;
  line-height:1;
  text-align:left;
  cursor:pointer;
}
.sports-chevron {
  width:8px;
  height:8px;
  margin-right:2px;
  border-top:3px solid #e9f1fa;
  border-left:3px solid #e9f1fa;
  transform:rotate(45deg) translate(2px,2px);
  transition:transform .2s ease;
}
.reveryplays-aside__sports:not(.is-open) .sports-chevron { transform:rotate(225deg) translate(2px,2px); }
.reveryplays-aside__sports:not(.is-open) .reveryplays-aside__nav--sports { display:none; }
.reveryplays-aside__nav--sports .item {
  justify-content:flex-start;
  padding-left:50px;
  font-weight:400;
}
.reveryplays-aside__close.static { z-index:2; }

@media (max-width:1024px) {
  .reveryplays-aside { padding-top:58px; }
  .reveryplays-aside__close.static { position:absolute; top:7px; left:7px; margin:0; }
}

/* Header navigation from the supplied reference. */
@media (min-width:1025px) {
  .reveryplays-header {
    box-sizing:border-box;
    height:72px;
    padding:0;
    background:#03172f;
    border-top:1px solid #173552;
    border-bottom:2px solid #173552;
    box-shadow:none;
  }
  .reveryplays-header__row {
    box-sizing:border-box;
    width:100%;
    max-width:none;
    height:70px;
    min-height:70px;
    margin:0;
    padding:0 10px;
    justify-content:flex-start;
  }
  .reveryplays-header__wrap { display:none; }
  .reveryplays-header__user {
    display:flex;
    align-items:center;
    flex:0 0 auto;
    margin-left:auto;
  }
  .reveryplays-header__nav {
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:36px;
    width:auto;
    height:70px;
    margin:0 0 0 8px;
    padding:0;
    background:transparent;
  }
  .reveryplays-header__nav .item,
  .reveryplays-header__nav .item.active {
    display:flex;
    align-items:center;
    flex:0 0 auto;
    min-width:0;
    height:70px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    line-height:1;
    white-space:nowrap;
    text-decoration:none;
  }
  .reveryplays-header__nav .item:hover,
  .reveryplays-header__nav .item:focus-visible { color:#fff; opacity:.8; }
  .ginga-header-logo {
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 154px;
    width:154px;
    height:70px;
    padding:0;
    background:transparent;
  }
  .ginga-header-logo img {
    display:block;
    width:154px;
    height:70px;
    object-fit:contain;
  }
}

@media (max-width:1024px) {
  .ginga-header-logo { display:none; }
}

.reveryplays-banner picture,
.reveryplays-banner picture img {
  display:block;
  width:100%;
  height:100%;
}
.reveryplays-banner picture img { object-fit:cover; object-position:center; }
.reveryplays-banner .slick-list,
.reveryplays-banner .item { height:240px !important; }
.reveryplays-langs { width:220px; }
.reveryplays-langs .current.reveryplays-button {
  box-sizing:border-box;
  width:220px;
  height:50px;
  padding:0 20px;
  border:0;
  border-radius:10px;
  background:#102e52;
  color:#fff;
}
.reveryplays-langs .current__wrap {
  align-items:center;
  gap:10px;
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:16px;
  font-weight:700;
}
.reveryplays-langs .current svg { margin-left:auto; color:#71849a; }
.language-flag {
  display:block;
  flex:0 0 28px;
  width:28px;
  height:19px;
  border-radius:2px;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.12);
  line-height:1;
}
.reveryplays-langs .dd { width:220px; background:#102e52; }
.reveryplays-langs .lang { color:#fff; font-size:16px; font-weight:700; }
.reveryplays-footer__logo img { width:154px; height:70px; object-fit:contain; }
.reveryplays-footer__legal {
  max-width:1100px;
  margin:24px auto;
  color:var(--text--color, #e7f2ff);
  font-size:12px;
  line-height:1.6;
  text-align:left;
  opacity:.85;
}
.reveryplays-footer__legal p { margin:0 0 10px; }
.reveryplays-footer__legal p:last-child { margin-bottom:0; }
.reveryplays-footer__legal a { color:var(--accent-color, #f3ba5e); text-decoration:underline; }
.reveryplays-text .reveryplays-group { padding:32px; }
.reveryplays-text h1 { margin:0 0 24px; font-size:32px; line-height:1.25; }
.reveryplays-text h2 { margin:32px 0 14px; font-size:25px; line-height:1.3; }
.reveryplays-text h3 { margin:22px 0 8px; font-size:18px; line-height:1.4; }
.reveryplays-text p,
.reveryplays-text li { font-size:15px; line-height:1.75; }
.reveryplays-text p { margin:0 0 14px; }
.reveryplays-text ul,
.reveryplays-text ol { margin:0 0 20px; padding-left:24px; }
.reveryplays-text li { margin-bottom:8px; }

@media (max-width:768px) {
  .reveryplays-text .reveryplays-group { padding:20px; }
  .reveryplays-text h1 { font-size:26px; }
  .reveryplays-text h2 { font-size:22px; }
}

.bonuses-gallery { margin:28px 0 36px; }
.bonuses-gallery h1 { margin:0 0 20px; font-size:30px; line-height:1.25; }
.bonuses-gallery__grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}
.bonuses-gallery__grid img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:960 / 450;
  object-fit:cover;
  border-radius:10px;
}
.cadastro-hero { margin-top:22px; }
.cadastro-hero img {
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}
.app-page .cadastro-hero {
  float:right;
  width:360px;
  max-width:42%;
  margin:0 0 20px 28px;
}
.app-page .bonuses-gallery { display:flow-root; }

@media (max-width:768px) {
  .bonuses-gallery h1 { font-size:25px; }
  .bonuses-gallery__grid { grid-template-columns:1fr; gap:12px; }
  .app-page .cadastro-hero {
    float:none;
    width:100%;
    max-width:420px;
    margin:18px auto 22px;
  }
}

@media (max-width:768px) {
  .reveryplays-banner .slick-list,
  .reveryplays-banner .item { height:190px !important; }
}
