/* BudunOS games page variants
 * Body: bos-games-v-{id}
 */

body.bos-games-v-soft .bos-dir--games {
  /* default soft */
}

/* compact */
body.bos-games-v-compact .bos-dir--games .bos-dir-hero,
body.bos-games-v-compact .bos-dir--games .bos-support-hero,
body.bos-games-v-compact .bos-dir--games .mk-panel,
body.bos-games-v-compact .bos-dir--games .bos-settings-nav,
body.bos-games-v-compact .bos-dir--games .bos-settings-panel,
body.bos-games-v-compact .bos-dir--games .bos-support-panel {
  border-radius: 14px;
}

body.bos-games-v-compact .bos-dir--games .bos-dir-hero {
  padding: 14px 14px 12px;
  margin-bottom: 12px;
}

body.bos-games-v-compact .bos-dir--games .bos-dir-hero-title strong,
body.bos-games-v-compact .bos-dir--games .bos-support-hero-copy h1 {
  font-size: 15px;
}

body.bos-games-v-compact .bos-dir--games .bos-dir-tabs > a,
body.bos-games-v-compact .bos-dir--games .bos-support-tabs > a,
body.bos-games-v-compact .bos-dir--games .side-nav > li > a {
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 8px;
}

body.bos-games-v-compact .bos-dir--games .bos-dir-side,
body.bos-games-v-compact .bos-dir--games .card,
body.bos-games-v-compact .bos-dir--games .mk-panel {
  border-radius: 12px;
}

/* glass */
body.bos-games-v-glass .bos-dir--games .bos-dir-hero,
body.bos-games-v-glass .bos-dir--games .bos-dir-side,
body.bos-games-v-glass .bos-dir--games .bos-support-hero,
body.bos-games-v-glass .bos-dir--games .bos-support-panel,
body.bos-games-v-glass .bos-dir--games .bos-settings-nav,
body.bos-games-v-glass .bos-dir--games .bos-settings-panel,
body.bos-games-v-glass .bos-dir--games .mk-panel,
body.bos-games-v-glass .bos-dir--games .bos-notif-panel,
body.bos-games-v-glass .bos-dir--games.reels-wrapper,
body.bos-games-v-glass .bos-dir--games .reels-wrapper {
  border-color: rgba(255, 255, 255, 0.65) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 14px 40px -24px rgba(20, 24, 32, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
}

body.bos-games-v-glass .bos-dir--games .bos-dir-search,
body.bos-games-v-glass .bos-dir--games .mk-search-mobile .form-control {
  background: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
}

body.night-mode.bos-games-v-glass .bos-dir--games .bos-dir-hero,
body.night-mode.bos-games-v-glass .bos-dir--games .bos-dir-side,
body.night-mode.bos-games-v-glass .bos-dir--games .bos-support-hero,
body.night-mode.bos-games-v-glass .bos-dir--games .bos-support-panel,
body.night-mode.bos-games-v-glass .bos-dir--games .bos-settings-nav,
body.night-mode.bos-games-v-glass .bos-dir--games .bos-settings-panel,
body.night-mode.bos-games-v-glass .bos-dir--games .mk-panel,
body.night-mode.bos-games-v-glass .bos-dir--games .bos-notif-panel,
html[data-bs-theme="dark"].bos-games-v-glass .bos-dir--games .bos-dir-hero,
html[data-bs-theme="dark"].bos-games-v-glass .bos-dir--games .bos-dir-side,
html[data-bs-theme="dark"].bos-games-v-glass .bos-dir--games .bos-support-hero,
html[data-bs-theme="dark"].bos-games-v-glass .bos-dir--games .bos-support-panel,
html[data-bs-theme="dark"].bos-games-v-glass .bos-dir--games .bos-settings-nav,
html[data-bs-theme="dark"].bos-games-v-glass .bos-dir--games .bos-settings-panel,
html[data-bs-theme="dark"].bos-games-v-glass .bos-dir--games .mk-panel,
html[data-bs-theme="dark"].bos-games-v-glass .bos-dir--games .bos-notif-panel {
  background: rgba(30, 37, 43, 0.78) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ink */
body.bos-games-v-ink .bos-dir--games .bos-dir-hero,
body.bos-games-v-ink .bos-dir--games .bos-dir-side,
body.bos-games-v-ink .bos-dir--games .bos-support-hero,
body.bos-games-v-ink .bos-dir--games .bos-support-panel,
body.bos-games-v-ink .bos-dir--games .bos-settings-nav,
body.bos-games-v-ink .bos-dir--games .bos-settings-panel,
body.bos-games-v-ink .bos-dir--games .mk-panel,
body.bos-games-v-ink .bos-dir--games .bos-notif-panel {
  background: #141a20 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f0f3f6;
}

body.bos-games-v-ink .bos-dir--games .bos-dir-hero-title strong,
body.bos-games-v-ink .bos-dir--games .bos-dir-side-head,
body.bos-games-v-ink .bos-dir--games .bos-dir-section-head h3,
body.bos-games-v-ink .bos-dir--games .bos-support-hero-copy h1,
body.bos-games-v-ink .bos-dir--games .bos-support-panel-head,
body.bos-games-v-ink .bos-dir--games .side-nav > li > a,
body.bos-games-v-ink .bos-dir--games .mk-panel__title {
  color: #f0f3f6 !important;
}

body.bos-games-v-ink .bos-dir--games .bos-dir-hero-copy p,
body.bos-games-v-ink .bos-dir--games .bos-support-hero-copy p,
body.bos-games-v-ink .bos-dir--games .bos-dir-cats a {
  color: #8b949e !important;
}

body.bos-games-v-ink .bos-dir--games .bos-dir-tabs > a,
body.bos-games-v-ink .bos-dir--games .bos-support-tabs > a {
  color: #8b949e;
}

body.bos-games-v-ink .bos-dir--games .bos-dir-tabs > a.active,
body.bos-games-v-ink .bos-dir--games .bos-support-tabs > a.active,
body.bos-games-v-ink .bos-dir--games .side-nav > li.active > a {
  color: #f0f3f6 !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.bos-games-v-ink .bos-dir--games .bos-dir-search,
body.bos-games-v-ink .bos-dir--games .bos-dir-search .form-control {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: #f0f3f6;
}

body.bos-games-v-ink .bos-dir--games .bos-dir-search .btn,
body.bos-games-v-ink .bos-dir--games .bos-dir-cta,
body.bos-games-v-ink .bos-dir--games .bos-support-create,
body.bos-games-v-ink .bos-dir--games .mk-btn-accent {
  background: #fff !important;
  border-color: #fff !important;
  color: #141a20 !important;
}

/* special: arcade */

body.bos-games-v-arcade .bos-dir--games .bos-games-grid .bos-game-card {
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 16px 36px -24px rgba(20, 24, 32, 0.4);
}
body.bos-games-v-arcade .bos-dir--games .bos-game-card .img {
  border-radius: 16px 16px 0 0;
}
body.bos-games-v-arcade .bos-dir--games .bos-dir-cta {
  border-radius: 999px;
}