/* OMTOPUP V2 - Light Neon Blue */
:root {
  --omt-primary: #18bfff;
  --omt-neon: #00e5ff;
  --omt-light: #75eaff;
  --omt-dark: #071526;
  --omt-surface: #0d2038;
  --omt-border: rgba(24,191,255,.35);
  --omt-glow: 0 0 18px rgba(0,229,255,.35);
}

/* Warna utama */
body {
  accent-color: var(--omt-primary);
}

a:hover {
  color: var(--omt-light);
}

button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 2px solid var(--omt-neon);
  outline-offset: 3px;
}

/* Komponen standar frontend */
.btn-primary,
button.btn-primary,
.bg-primary {
  background-color: var(--omt-primary);
  border-color: var(--omt-primary);
}

.btn-primary:hover,
button.btn-primary:hover {
  background-color: var(--omt-neon);
  border-color: var(--omt-neon);
  box-shadow: var(--omt-glow);
}

.text-primary {
  color: var(--omt-primary);
}

.border-primary {
  border-color: var(--omt-border);
}


/* OMTOPUP-BLUE-OVERRIDE-V1 */

/* Palet warna biru light neon */
:root {
  --omt-primary: #18bfff;
  --omt-neon: #00e5ff;
  --omt-light: #75eaff;
  --omt-dark: #071526;
  --omt-surface: #0d2038;
  --omt-glow: 0 0 18px rgba(0,229,255,.35);
}

/* Aksen utama frontend */
body {
  accent-color: #18bfff;
}

a:hover,
.nav-menu a:hover,
.nav-menu a.active,
.site-footer a:hover,
.site-footer-rich a:hover {
  color: #75eaff;
}

/* Tombol utama */
.btn-primary,
button.btn-primary {
  background: linear-gradient(135deg,#18bfff,#00e5ff);
  border-color: #18bfff;
  color: #071526;
}

.btn-primary:hover,
button.btn-primary:hover {
  background: linear-gradient(135deg,#00e5ff,#75eaff);
  border-color: #00e5ff;
  box-shadow: 0 0 22px rgba(0,229,255,.4);
}

/* Interaksi kartu game */
.game-card:hover {
  border-color: rgba(24,191,255,.75);
  box-shadow: 0 10px 30px rgba(0,191,255,.18);
}

/* Tombol login/member */
.nav-menu .login-button:hover,
.login-button:hover {
  border-color: #18bfff;
  box-shadow: 0 0 18px rgba(0,229,255,.3);
}

/* Fokus keyboard */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid #00e5ff;
  outline-offset: 3px;
}

/* OMTOPUP-BLUE-OVERRIDE-V1-END */

/* OMTOPUP-NAVY-GOLD-V2-START */

/* Palet utama OMTOPUP */
:root {
  --omt-primary: #00bfff;
  --omt-neon: #00d9ff;
  --omt-light: #80eaff;
  --omt-dark: #06152e;
  --omt-surface: #0b2040;
  --omt-border: rgba(0,191,255,.36);
  --omt-glow: 0 0 22px rgba(0,191,255,.28);
  --omt-gold: #ffc928;
  --omt-text: #eaf5ff;
}

/* Background dark navy */
html {
  background: #06152e;
}

body {
  background-color: #06152e !important;
  color: #eaf5ff;
  accent-color: #00bfff;
}

/* Header dan navigasi */
.site-header,
.cici-header-v2,
.cici-navbar-v2,
.navbar {
  background-color: #071a35 !important;
  border-color: rgba(0,191,255,.25) !important;
}

.nav-menu a:hover,
.nav-menu a.active,
.cici-navbar-v2 a:hover,
.cici-navbar-v2 a.active {
  color: #00d9ff !important;
}

.nav-menu a.active::after {
  background: #00d9ff !important;
}

/* Kolom pencarian */
.cici-header-search,
.cici-header-search input {
  background-color: #0b2346 !important;
  border-color: rgba(0,191,255,.45) !important;
  color: #eaf5ff !important;
}

.cici-header-search:focus-within {
  border-color: #00d9ff !important;
  box-shadow: 0 0 18px rgba(0,191,255,.22) !important;
}

.cici-header-search button {
  color: #00d9ff !important;
}

/* Kartu game */
.game-card {
  background-color: #0b2040 !important;
  border-color: rgba(0,191,255,.25) !important;
}

.game-card:hover {
  border-color: #00d9ff !important;
  box-shadow: 0 8px 28px rgba(0,191,255,.22) !important;
}

/* Tombol utama */
.btn-primary,
button.btn-primary {
  background: linear-gradient(135deg,#008df5,#00d9ff) !important;
  border-color: #00bfff !important;
  color: #06152e !important;
}

.btn-primary:hover,
button.btn-primary:hover {
  box-shadow: 0 0 24px rgba(0,191,255,.45) !important;
}

/* Login */
.login-button,
.nav-menu .login-button {
  border-color: #00bfff !important;
  color: #80eaff !important;
  background: rgba(0,191,255,.08) !important;
}

.login-button:hover {
  background: rgba(0,191,255,.18) !important;
  box-shadow: 0 0 18px rgba(0,191,255,.3) !important;
}

/* Warna emas untuk promo */
.text-gold,
.omt-gold,
.omt-price-highlight {
  color: #ffc928 !important;
}

.bg-gold,
.omt-gold-button {
  background: linear-gradient(135deg,#ffdf62,#ffc928) !important;
  color: #06152e !important;
  border-color: #ffc928 !important;
}

/* Footer */
.site-footer,
.site-footer-rich {
  background-color: #051126 !important;
  border-color: rgba(0,191,255,.2) !important;
}

.site-footer a:hover,
.site-footer-rich a:hover {
  color: #00d9ff !important;
}

/* Fokus dan aksesibilitas */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid #00d9ff;
  outline-offset: 3px;
}

/* Mobile */
@media (max-width: 768px) {
  .site-header,
  .cici-header-v2,
  .cici-navbar-v2 {
    background-color: #071a35 !important;
  }

  .game-card {
    border-color: rgba(0,191,255,.3) !important;
  }
}

/* OMTOPUP-NAVY-GOLD-V2-END */


/* OMTOPUP-CLEAN-DECOR-V1 */

/* Hilangkan bubble, love, dan cahaya dekoratif homepage */
body:has(.cici-flash-section) .cici-flash-section::before,
body:has(.cici-flash-section) .cici-flash-section::after,
body:has(.cici-flash-section) .cici-flash-head::before,
body:has(.cici-flash-section) .cici-flash-head::after,
body:has(.cici-flash-section) #games::before,
body:has(.cici-flash-section) #games::after,
body:has(.cici-flash-section) #games .section-head::before,
body:has(.cici-flash-section) #games .section-head::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Hilangkan atmosfer gradient di belakang konten */
body:has(.cici-flash-section) .cici-flash-section,
body:has(.cici-flash-section) #games {
    background-color: #06152e !important;
    background-image: none !important;
}

/* Pastikan latar belakang halaman tetap Dark Navy */
html,
body {
    background-color: #06152e !important;
    background-image: none !important;
}

/* Akhir OMTOPUP-CLEAN-DECOR-V1 */


/* OMTOPUP-REMOVE-DECOR-V2 */

/* Hilangkan dekorasi tambahan banner */
.cici-banner-section::before,
.cici-banner-section::after,
.cici-banner-section > .container::before,
.cici-banner-section > .container::after,

/* Hilangkan dekorasi Flash Sale */
.cici-flash-section::before,
.cici-flash-section::after,
.cici-flash-head::before,
.cici-flash-head::after,

/* Hilangkan dekorasi Game Populer */
#games::before,
#games::after,
#games .section-head::before,
#games .section-head::after,
.cici-flash-section + #games > .container::before {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Hilangkan latar dekoratif tambahan */
.cici-banner-section,
.cici-flash-section,
#games {
    background-color: #06152e !important;
    background-image: none !important;
}

/* Pertahankan gambar banner dan produk */
.cici-banner-section img,
.cici-flash-section img,
#games img {
    visibility: visible;
}

/* OMTOPUP-REMOVE-DECOR-V2-END */


/* OMTOPUP-FOOTER-NAVY-BLUE-V1 */

/* Footer Dark Navy */
.site-footer,
.site-footer-rich,
.footer,
footer {
    background: #06152e !important;
    background-image: none !important;
    border-color: rgba(0,200,255,.15) !important;
}

/* Hilangkan bubble dan love dekoratif footer */
.site-footer::before,
.site-footer::after,
.site-footer-rich::before,
.site-footer-rich::after,
.footer::before,
.footer::after,
footer::before,
footer::after,
.footer-inner::before,
.footer-inner::after,
.footer-bottom::before,
.footer-bottom::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Warna teks dan tautan footer */
.site-footer a:hover,
.site-footer-rich a:hover,
.footer a:hover,
footer a:hover {
    color: #00e5ff !important;
}

/* Border dan tombol sosial footer */
.site-footer .social-links a,
.site-footer-rich .social-links a,
.footer .social-links a,
footer .social-links a {
    border-color: rgba(0,200,255,.35) !important;
}

/* Tombol WhatsApp mengambang */
a[href*="wa.me"][style*="background"],
a[href*="api.whatsapp.com"][style*="background"],
.floating-whatsapp,
.whatsapp-float,
.wa-floating,
.wa-float {
    background: #00c8ff !important;
    background-image: none !important;
    border-color: #00e5ff !important;
    color: #06152e !important;
    box-shadow: 0 0 18px rgba(0,200,255,.25) !important;
}

/* OMTOPUP-FOOTER-NAVY-BLUE-V1-END */