/* Rovanzia 1.2.2 — touch-safe country picker and VAVADA theme */
@media (max-width: 620px) {
  html:has(.country-menu.is-open),
  body:has(.country-menu.is-open) {
    overflow: hidden;
    overscroll-behavior: none;
  }

  main:has(.country-menu.is-open) {
    overflow: visible;
  }

  main:has(.country-menu.is-open)::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 902;
    background: rgba(1, 7, 15, .76);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
  }

  .hero-copy:has(.country-menu.is-open),
  .page-hero:has(.country-menu.is-open),
  .review-facts:has(.country-menu.is-open),
  .vip-country-panel:has(.country-menu.is-open) {
    z-index: 903 !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .hero-copy:has(.country-menu.is-open) > :not(.country-control),
  .page-hero:has(.country-menu.is-open) > :not(.page-hero-control),
  .review-facts:has(.country-menu.is-open) > :not(.country-control),
  .vip-country-panel:has(.country-menu.is-open) > :not(.country-control) {
    opacity: .08;
    pointer-events: none;
  }

  .page-hero-control:has(.country-menu.is-open) {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }

  .page-hero-control:has(.country-menu.is-open) > :not(.country-control) {
    opacity: .08;
    pointer-events: none;
  }

  .country-menu.is-open {
    z-index: 905 !important;
  }

  .country-menu.is-open .menu-trigger {
    opacity: 0;
    pointer-events: none;
  }

  .country-menu .menu-popover {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    z-index: 906 !important;
    display: flex;
    flex-direction: column;
    width: auto !important;
    height: min(680px, calc(100dvh - 104px));
    max-height: calc(100vh - 104px) !important;
    max-height: calc(100dvh - 104px) !important;
    padding: 20px 10px 10px;
    border-color: rgba(104, 238, 229, .42);
    border-radius: 22px;
    background: linear-gradient(160deg, rgba(10, 31, 54, .998), rgba(3, 13, 26, .998));
    box-shadow: 0 32px 110px rgba(0, 0, 0, .76), inset 0 1px rgba(255, 255, 255, .04);
    overflow: hidden;
  }

  .country-menu .menu-popover::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    width: 40px;
    height: 4px;
    border-radius: 999px;
    background: rgba(180, 203, 230, .3);
    transform: translateX(-50%);
  }

  .country-menu .menu-search {
    flex: 0 0 auto;
    height: 52px;
    min-height: 52px;
    margin-bottom: 7px;
    padding-inline: 14px;
    border-color: rgba(118, 166, 220, .32);
    border-radius: 12px;
  }

  .country-menu .menu-search input {
    font-size: 16px;
  }

  .country-menu .menu-options {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    padding: 3px 2px 6px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  .country-menu .menu-option {
    grid-template-columns: 36px minmax(0, 1fr) 22px;
    gap: 10px;
    min-height: 52px;
    padding: 9px 12px;
    border-radius: 11px;
    font-size: 15px;
    touch-action: manipulation;
  }

  .country-menu .menu-option:hover {
    padding-left: 12px;
  }

  .country-menu .option-prefix {
    font-size: 17px;
  }
}

.casino-mark.lime,
.mini-mark.lime {
  color: #fff;
  border-color: rgba(254, 40, 74, .48);
  background: linear-gradient(145deg, #4d0d2d, #13091e 68%);
}

.brand-card.brand-vavada {
  border-color: rgba(254, 40, 74, .24);
  background:
    radial-gradient(circle at 88% 8%, rgba(254, 40, 74, .15), transparent 32%),
    linear-gradient(135deg, rgba(38, 8, 37, .92), rgba(7, 17, 31, .9));
}

.brand-card.brand-vavada:hover {
  border-color: rgba(254, 40, 74, .62);
  box-shadow: 0 24px 60px rgba(84, 5, 38, .28);
}

.review-layout-arena {
  --brand-rgb: 254, 40, 74;
  --brand-2-rgb: 160, 255, 65;
  background:
    radial-gradient(circle at 82% 5%, rgba(254, 40, 74, .14), transparent 28%),
    radial-gradient(circle at 14% 28%, rgba(160, 255, 65, .055), transparent 25%);
}

.review-layout-arena .review-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(112deg, rgba(38, 6, 33, .76), rgba(4, 17, 31, .38)),
    repeating-radial-gradient(circle at 88% 46%, transparent 0 52px, rgba(254, 40, 74, .09) 53px 54px);
}

.review-layout-arena .review-hero::after {
  content: "TOURNAMENT EDITION";
  position: absolute;
  right: 5vw;
  bottom: 12px;
  z-index: -1;
  color: rgba(254, 40, 74, .075);
  font: 700 clamp(34px, 6vw, 86px)/1 Arial, sans-serif;
  letter-spacing: .06em;
  white-space: nowrap;
}

.review-layout-arena .review-mark {
  border-color: rgba(254, 40, 74, .55);
  background: linear-gradient(145deg, rgba(77, 13, 45, .96), rgba(16, 8, 28, .96));
  box-shadow: 0 22px 64px rgba(95, 4, 42, .32), inset 0 0 36px rgba(254, 40, 74, .08);
}

.review-layout-arena .review-hero h1,
.review-layout-arena .review-article h2,
.review-layout-arena .review-article h3 {
  text-shadow: 0 0 34px rgba(254, 40, 74, .12);
}

.review-layout-arena .review-facts {
  border-color: rgba(254, 40, 74, .24);
  background:
    linear-gradient(155deg, rgba(39, 8, 35, .94), rgba(5, 19, 34, .94));
}

.review-layout-arena .review-lead > p:last-child {
  border-left-color: #fe284a;
  background: rgba(254, 40, 74, .055);
}

.review-layout-arena .article-grid section:nth-child(3n + 1) {
  background: linear-gradient(145deg, rgba(254, 40, 74, .045), transparent 72%);
}

.review-layout-arena .article-grid section:nth-child(3n + 2) {
  background: linear-gradient(145deg, rgba(160, 255, 65, .025), transparent 72%);
}

.review-layout-arena .article-grid section > span,
.review-layout-arena .review-dual-list li .ui-icon,
.review-layout-arena .faq-block summary::after {
  color: #fe5873;
}

@media (max-width: 620px) {
  .review-layout-arena .review-hero::after {
    right: -14px;
    bottom: 18px;
    font-size: 38px;
  }
}