/* ============================================================================
   BARIS IKON NAV DESKTOP — DISAMAKAN DENGAN TESSA77.
   Markup-nya sekarang sama untuk semua tenant (templates/base.html): sembilan
   tautan kategori dengan artwork dari static/togel-nav/. Berkas ini memberi
   tata letak barisnya untuk tenant SELAIN togel_z1play; TESSA77 sudah punya
   aturan sendiri di theme-togel-z1play-2026.css dan sengaja tidak disentuh.
   magenta_arena (Z ARENA) memakai nav dropdown "classic", juga tidak disentuh.
   Warna latar bar tetap milik masing-masing tema — yang diseragamkan adalah
   ikon, ukuran, dan susunannya (ikon di atas, label di bawah).
   Nav ini memang hanya tampil di desktop: di bawah 900px public-frontend.css
   sudah menyembunyikannya.
   ========================================================================= */
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar > div{
  width:min(1240px,96%);
  height:auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-wrap:wrap;
  gap:20px;
  padding:9px 16px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a{
  display:flex;
  min-width:62px;
  flex:0 0 auto;
  align-items:center;
  flex-direction:column;
  gap:4px;
  padding:4px 2px;
  border:0;
  border-radius:10px;
  background:none;
  box-shadow:none;
  transform:none;
}
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a > i{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  flex:0 0 40px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  transition:transform .18s ease;
}
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a > i > img{
  width:40px;
  height:40px;
  display:block;
  object-fit:contain;
}
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a:hover > i,
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a.active > i{
  border:0;
  background:none;
  box-shadow:none;
  transform:translateY(-2px);
}
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a > span{
  align-items:center;
  gap:0;
}
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a span small{display:none}
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a span b{
  color:#dbe5ea;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.2;
  white-space:nowrap;
}
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a:hover span b,
body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a.active span b{
  color:var(--gold,#e1b94f);
}
/* Bar sempit (901–1050px): rapatkan supaya sembilan ikon tetap satu baris. */
@media(max-width:1050px) and (min-width:901px){
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar > div{gap:12px;padding:8px 10px}
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a{min-width:54px;gap:3px}
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a > i,
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a > i > img{width:34px;height:34px}
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a > i{flex-basis:34px}
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-desktop-nav-bar a span b{font-size:10px}
}

/* ============================================================================
   BANNER DESKTOP — DISAMAKAN DENGAN TESSA77.
   Di TESSA77 banner menempel penuh kiri-kanan (theme-togel-z1play-2026.css:
   `main` dilepas dari kolom 1200px, lalu isinya yang dikurung kembali). Di
   tenant lain banner masih ikut kolom 1240px dengan sudut membulat dan garis
   samping. Blok ini meniru cara TESSA77 — TANPA trik 100vw yang memunculkan
   scrollbar mendatar — hanya pada halaman yang memang berbanner (dikenali
   lewat `main:has(> .public-home-banner)` untuk beranda dan
   `main:has(> .member-shared-banner-slot)` untuk halaman katalog).
   Hanya desktop: di bawah 901px global-mobile-public.css sudah mengurus
   banner penuh layar versi ponsel, jadi tidak disentuh.
   ========================================================================= */
@media(min-width:901px){
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main:has(> .public-home-banner),
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main:has(> .member-shared-banner-slot){
    width:100%;
    max-width:none;
    padding-top:0;
    padding-inline:0;
  }
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main > .public-home-banner,
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main > .member-shared-banner-slot,
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main > .member-shared-banner-slot > .public-home-banner{
    width:100%;
    max-width:none;
    margin-inline:0;
    padding:0;
  }
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-home-banner .banner-slider{
    width:100%;
    max-width:none;
    margin:0;
    border-radius:0;
    border-inline:0;
    box-shadow:none;
  }
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-home-banner .banner-slider:before,
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) .public-home-banner .banner-slide img{border-radius:0}
  /* Isi halaman dikembalikan ke kolom seperti sebelumnya — hanya bannernya
     yang keluar dari kolom. */
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main > .reference-home,
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main > .category-provider-page,
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main > .global-mobile-inline-login,
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main > .global-mobile-inline-register{
    width:min(1240px,calc(100% - 24px));
    max-width:none;
    margin-inline:auto;
  }
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main > .reference-home,
  body:not(.theme-togel_z1play):not(.theme-magenta_arena) main > .category-provider-page{margin-top:12px}
}

/* ============================================================================
   PITA IKON KATEGORI DI BAWAH BANNER — DIHAPUS DI DESKTOP.
   `.global-mobile-game-menu` memang pita versi ponsel dan sudah tersembunyi
   secara bawaan, tetapi `body.slot-provider-only .global-mobile-game-menu
   {display:flex!important}` di global-mobile-public.css memaksanya tampil juga
   di desktop pada halaman katalog (?category=...). Sejak baris ikon kategori
   ada di ATAS banner, pita itu jadi duplikat — dimatikan di desktop untuk
   SEMUA tenant (TESSA77 pun memang sudah diniatkan begitu sejak 31 Agu 2026).
   Di ponsel pita ini tetap tampil seperti biasa.
   ========================================================================= */
@media(min-width:901px){
  body .global-mobile-game-menu{display:none!important}
}

/* ============================================================================
   PITA KATEGORI DI BAWAH BANNER — DIHAPUS DI DESKTOP (lanjutan).
   Dua elemen lain masih memunculkan deretan ikon TOGEL/SLOT/LIVE CASINO/
   SPORTSBOOK/ARCADE/POKER/SABUNG tepat di bawah banner:
   1. `.category-provider-tabs` — pita tab di halaman katalog /?category=...
      (templates/core/category_providers.html).
   2. `.global-mobile-game-menu` saat body ber-kelas `slot-provider-only`:
      aturan pemaksanya di global-mobile-public.css berbobot lebih tinggi
      daripada penyembunyi sederhana, jadi di sini bobotnya disamakan.
   Keduanya duplikat dari baris ikon kategori di ATAS banner, jadi dimatikan
   di desktop. Di ponsel tetap tampil seperti biasa.
   Tenant z1play dikecualikan: pita tab di sana memakai set ikon sendiri
   (_z1play_category_tabs.html) dan tata letak halaman yang berbeda.
   CATATAN (6 Sep 2026): sempat dibatasi ke `body:not(.member-authenticated)`
   karena member yang login tidak mendapat .public-desktop-nav-bar di luar
   /userarea/, sehingga pitanya jadi satu-satunya navigasi kategori. Pemilik
   memilih jalan sebaliknya: baris ikon di ATAS banner kini dirender untuk
   SEMUA pengunjung (syarat di base.html dihapus), jadi pita bawah boleh
   disembunyikan di desktop tanpa ada yang kehilangan navigasi.
   ========================================================================= */
@media(min-width:901px){
  body.slot-provider-only .global-mobile-game-menu,
  body:not(.site-z1play) .category-provider-tabs{display:none!important}
}

/* ============================================================================
   PITA KATEGORI DI HALAMAN MEMBER (/userarea/) — DIHAPUS DI DESKTOP.
   `.ua-category-menu` di core/_member_shared_top.html tampil di bawah banner
   pada /userarea/, /userarea/wallet/, dan /userarea/transactions/. Di ketiga
   halaman itu baris ikon kategori di ATAS banner juga tampil (base.html
   memunculkan .public-desktop-nav-bar untuk semua path /userarea/), jadi
   pita bawah ini duplikat dan dimatikan di desktop — pembungkusnya sekalian,
   supaya tidak menyisakan jarak kosong. Di ponsel tetap tampil.
   ========================================================================= */
@media(min-width:901px){
  body:not(.site-z1play) .ua-shared-category-wrap,
  body:not(.site-z1play) .ua-category-menu{display:none!important}
}