/* Dark-gold site theme. Logo image is left untouched. */
:root {
  --g26--preset--color--ti-bg: #100e0b;
  --g26--preset--color--ti-bg-alt: #1a150f;
  --g26--preset--color--ti-bg-inv: #0b0907;
  --g26--preset--color--ti-fg: #ffffff;
  --g26--preset--color--ti-fg-alt: #ffffff;
  --g26--preset--color--ti-accent: #c9a84c;
  --g26--preset--color--ti-accent-secondary: #8d7340;
  --g26--preset--color--cyan-bluish-gray: #ffffff;
}

body {
  background-color: #100e0b !important;
  background-image:
    radial-gradient(70% 42% at 88% 0%, rgba(201, 168, 76, 0.16), transparent 68%),
    radial-gradient(55% 36% at 0% 48%, rgba(201, 168, 76, 0.08), transparent 70%),
    radial-gradient(50% 30% at 100% 86%, rgba(141, 115, 64, 0.1), transparent 72%) !important;
  color: #fff !important;
}

header,
footer,
.blk-template-part,
.g26-modal__modal_content {
  background-color: #0c0a08 !important;
  color: #fff !important;
}

body :is(p, h1, h2, h3, h4, h5, h6, li, span, label, figcaption, td, th, blockquote),
.blk-paragraph,
.blk-heading,
.blk-navigation-item__label,
.has-text-color,
.has-ti-fg-color,
.has-ti-fg-alt-color,
.has-ti-accent-color,
.has-cyan-bluish-gray-color {
  color: #fff !important;
}

body a:where(:not(.blk-button__link):not(.g26-apk-btn):not(.custom-logo-link)) {
  color: #fff !important;
}

body a:where(:not(.blk-button__link):not(.g26-apk-btn)):hover {
  color: #f0e0b0 !important;
}

.blk-post-date,
.g26-card-date {
  display: none !important;
}

.g26-game-grid,
.g26-cat-games {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  width: min(1140px, calc(100% - 28px));
  margin: 12px auto 28px;
}

.g26-game-grid:not(.g26-game-grid-all) .g26-game-card:nth-child(n + 13) {
  display: none;
}

.g26-game-card {
  display: block;
  text-decoration: none;
  color: #fff;
  min-width: 0;
}

.g26-game-card img {
  width: 100%;
  aspect-ratio: 11 / 15;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

.g26-game-meta em,
.g26-game-meta p {
  display: none;
}

.g26-game-meta strong {
  display: block;
  margin-top: 6px;
  text-align: center;
  font-size: 13px;
  line-height: 1.25;
  color: #fff !important;
}

.g26-keunggulan {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  width: min(1140px, calc(100% - 28px));
  margin: 18px auto 28px;
}

.g26-keunggulan-card {
  background: #16130f;
  border: 1px solid #c9a84c;
  border-radius: 14px;
  overflow: hidden;
}

.g26-keunggulan-card img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

.g26-jackpot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  width: min(1140px, calc(100% - 28px));
  margin: 18px auto;
}

.g26-jackpot-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #c9a84c;
  background: #16130f;
  text-decoration: none;
}

.g26-jackpot-amount {
  color: #f3d27a !important;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.1;
}

.g26-daftar,
.g26-cat-row {
  width: min(1140px, calc(100% - 28px));
  margin: 12px auto 18px;
}

.g26-cat-title {
  margin: 16px 0 8px;
  color: #fff !important;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 800;
}

.g26-cat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.g26-cat-head .g26-cat-title {
  margin: 8px 0;
  flex: 0 0 auto;
}

.g26-cat-games {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body a.g26-lihat-semua,
body a.g26-lihat-semua:hover {
  color: #e8c56a !important;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  margin-left: auto;
}

#ti-block-advanced-column-12167e24,
#ti-block-advanced-column-4c1a2da3,
#ti-block-advanced-column-95438ef0 {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.g26-game-search {
  position: relative;
  flex: 0 1 460px;
  width: min(460px, 62%);
  margin-left: auto;
  display: flex;
  align-items: center;
  min-width: 180px;
}

.g26-game-search input {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #c9a84c;
  background: #14110d;
  color: #fff;
  padding: 0 44px 0 16px;
  font-size: 15px;
  line-height: 40px;
  outline: none;
  box-sizing: border-box;
}

.g26-game-search svg {
  position: absolute;
  right: 16px;
  width: 18px;
  height: 18px;
  color: #fff;
  pointer-events: none;
}

.g26-game-search input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

.g26-page-banner,
.g26-ref-banners,
#ti-block-advanced-columns-d81af37f {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  aspect-ratio: 1920 / 814 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden;
  background: #1a120c;
}

.g26-page-banner img,
.g26-ref-banners img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
  display: block;
}

.g26-page-banner-copy {
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  max-width: min(48%, 520px);
  z-index: 1;
}

.g26-page-banner-copy h1,
.g26-page-banner-copy p {
  color: #fff !important;
  margin: 0;
  text-align: left;
}

.g26-page-banner-copy h1 {
  font-size: clamp(22px, 4vw, 52px);
  line-height: 1.05;
  font-weight: 800;
}

.g26-page-banner-copy p {
  margin-top: 8px;
  font-size: clamp(12px, 1.5vw, 18px);
  line-height: 1.4;
}

#ti-block-advanced-columns-d81af37f {
  background-image: url("../img/banner-promosi.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 6% !important;
}

.peek-banner { display: none !important; }

.g26-app-promos {
  width: min(1140px, calc(100% - 28px));
  margin: 28px auto 10px;
}

.g26-app-promos h2 { color: #fff !important; margin: 0 0 14px; }

.g26-app-hero,
.g26-app-card img,
.g26-app-icons-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.g26-app-copy { margin: 14px 0 22px; }

.g26-app-copy h3,
.g26-app-card h3,
.g26-app-icon strong { color: #e8c56a !important; margin: 8px 0 6px; }

.g26-app-copy p,
.g26-app-card p,
.g26-app-icon span { color: #fff !important; margin: 0 0 8px; line-height: 1.5; }

.g26-app-trio {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.g26-app-icons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.g26-app-icons-img { margin-top: 18px; }

.g26-app-icon {
  background: #16130f;
  border: 1px solid #c9a84c;
  border-radius: 12px;
  padding: 12px 14px;
}

@media (max-width: 900px) {
  .g26-game-grid,
  .g26-cat-games { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .g26-keunggulan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .g26-page-banner-copy { max-width: 68%; }
  .g26-jackpot,
  .g26-app-trio,
  .g26-app-icons { grid-template-columns: 1fr; }
  .g26-game-grid,
  .g26-cat-games { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}