/* PGS555 — red gradient + white/yellow type + yellow ornaments */
:root {
  --pgs-red: #dc2626;
  --pgs-red-dark: #991b1b;
  --pgs-red-deep: #450a0a;
  --pgs-yellow: #facc15;
  --pgs-yellow-light: #fde047;
  --pgs-yellow-dark: #ca8a04;
  --pgs-text: #ffffff;
  --pgs-text-muted: #e5e5e5;
  --pgs-text-accent: #fde047;
  --pgs-on-yellow: #0a0a0a;
  --body-theme-bg: #0a0a0a;
  --banner-bg: #0a0a0a;
  --home-info-cntr-bg: #0f0f0f;
  --popular-games-bg: #0a0a0a;
  --popular-games-nav-tabs-li-a-bg: #111111;
  --popular-games-tab-pane-bg: #0f0f0f;
  --promotion-cntr-bg: #0a0a0a;
  --promotion-list-bg: #111111;
  --provider-slide-bg: #0a0a0a;
  --jackpot-winners-bg: #0f0f0f;
  --download-apk-content-bg: #0a0a0a;
  --announcement-cntr-bg: #eab308;
  --announcement-cntr-color: #0a0a0a;
  --announcement-cntr-section-announcement-bg: #facc15;
  --announcement-cntr-section-announcement-color: #0a0a0a;
  --announcement-cntr-list-li-color: #0a0a0a;
  --popular-games-left-section-title-bg: #facc15;
  --popular-games-left-section-title-color: #0a0a0a;
  --popular-games-nav-tabs-li-a-active-bg: #ca8a04;
  --download-apk-section-i-color: #facc15;
  --download-apk-details-btn-bg: linear-gradient(to bottom, #fde047 0%, #eab308 100%);
  --download-apk-details-btn-color: #0a0a0a;
  --download-apk-btn-bg: linear-gradient(to bottom, #ef4444 0%, #ca8a04 100%);
  --home-progressive-jackpot-bg: linear-gradient(110deg, #450a0a, #dc2626, #450a0a);
}

html body {
  background: radial-gradient(ellipse at 16% 4%, #dc262614, transparent 48%),
    radial-gradient(ellipse at 88% 38%, #991b1b18, transparent 42%),
    radial-gradient(ellipse at 50% 100%, #facc1506, transparent 55%),
    linear-gradient(180deg, #030303 0%, #0a0a0a 42%, #101010 100%) !important;
  color: var(--pgs-text) !important;
}

html body::before {
  background-image: radial-gradient(circle, #fde04728 1px, transparent 2px),
    radial-gradient(circle, #450a0a99 1.5px, transparent 2.5px) !important;
  opacity: 0.32 !important;
}

html body::after {
  background: radial-gradient(circle at 12% 65%, #dc26260f, transparent 32%) !important;
}

html body .site-header,
html body .topbar-container {
  background: linear-gradient(110deg, #0a0a0a, #1c0808 50%, #0a0a0a) !important;
  border-bottom: 2px solid var(--pgs-yellow) !important;
  box-shadow: 0 4px 24px #000000aa, inset 0 -1px 0 #dc262633 !important;
}

html body .site-header:after {
  background: repeating-linear-gradient(
    110deg,
    #050505 0 20px,
    var(--pgs-yellow) 20px 35px,
    #050505 35px 55px
  ) !important;
}

/* Layout sections — hitam + border merah halus */
html body .main-content,
html body .site-description,
html body .home-info-container,
html body .popular-games-container,
html body .popular-games-tab-pane,
html body .promotion-container,
html body .provider-slide,
html body .jackpot-winners-container,
html body .home-game-list-container,
html body .home-inner-container {
  background-color: var(--body-theme-bg) !important;
}

html body .popular-games-nav-tabs li a {
  background: #111111 !important;
  border-color: #2a2a2a !important;
}

html body .popular-games-nav-tabs li a.active,
html body .popular-games-nav-tabs li a:hover {
  background: linear-gradient(110deg, #2a1212, #1a0a0a) !important;
  border-color: var(--pgs-red) !important;
  color: var(--pgs-text-accent) !important;
}

html body .game-list-container,
html body .popular-games-tab-content,
html body .jackpot-winners {
  background: linear-gradient(180deg, #0a0a0a, #0f0f0f) !important;
}

html body .site-footer,
html body .site-footer .container,
html body .site-footer .footer-description-section {
  background: linear-gradient(180deg, #030303, #0a0a0a 70%) !important;
  border-top: 1px solid #dc262644 !important;
}

html body .banner,
html body .banner-carousel,
html body .banner .slide-item {
  background: #0a0a0a !important;
}

/* Header logo PGS555 — lebih besar & jelas */
html body .site-header .logo {
  background-image: none !important;
  padding-top: 0 !important;
  min-height: 100px;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 6px !important;
}

html body .site-header .logo > img,
html body .site-header .logo > picture {
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 100px !important;
  min-height: 80px !important;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
}

@media (min-width: 768px) {
  html body .site-header .logo > img,
  html body .site-header .logo > picture {
    max-height: 124px !important;
    min-height: 96px !important;
  }

  html body .site-header .logo {
    min-height: 128px;
  }
}

/* Yellow section bars — black label text */
html body .container-title,
html body .section-title,
html body .popular-game-title-container .container-title,
html body .home-game-list-container .container-title {
  background: linear-gradient(110deg, #fde047, #facc15, #eab308) !important;
  color: var(--pgs-on-yellow) !important;
  border-left-color: #ca8a04 !important;
  border-bottom-color: #a16207 !important;
  text-shadow: none !important;
}

html body .popular-games-left-section-title,
html body .left-section-title {
  background: linear-gradient(110deg, #fde047, #facc15) !important;
  color: var(--pgs-on-yellow) !important;
}

html body .announcement-container {
  background: var(--announcement-cntr-bg) !important;
  color: var(--announcement-cntr-color) !important;
}

html body .announcement-container [data-section="title"],
html body .announcement-container [data-section="date"],
html body .announcement-container [data-section="announcements"],
html body .announcement-list,
html body .announcement-list li {
  color: var(--pgs-on-yellow) !important;
}

html body .announcement-container [data-section="title"] i {
  filter: brightness(0.15);
}

html body h1,
html body h2,
html body h3,
html body .site-description h1,
html body .site-description h2,
html body .site-description h3 {
  color: var(--pgs-text-accent) !important;
  text-shadow: 0 2px 10px #00000066 !important;
}

html body .site-description h1 {
  font-size: clamp(1rem, 2.15vw, 1.28rem) !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.015em;
  margin: 0 0 22px !important;
  max-width: 48em;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(250, 204, 21, 0.2);
  text-wrap: balance;
}

html body .site-description a,
html body a:not(.login-button):not(.register-button):not(.register-btn) {
  color: var(--pgs-text-accent) !important;
}

html body .site-description p,
html body .site-description li,
html body .site-footer p,
html body .tkb-review-card p,
html body .tkb-faq-accordion .tkb-faq-answer p {
  color: var(--pgs-text-muted) !important;
}

html body .login-button {
  background: linear-gradient(110deg, #3f1515, #2a1212) !important;
  color: var(--pgs-text) !important;
  border-color: var(--pgs-yellow) !important;
}

html body .register-button,
html body .register-btn,
html body .standard-button-group .btn,
html body .btn-primary {
  background: linear-gradient(110deg, #dc2626, #991b1b) !important;
  color: var(--pgs-text) !important;
  border-color: var(--pgs-yellow) !important;
}

html body .modal-content,
html body .popup-modal {
  border-color: var(--pgs-yellow) !important;
  color: var(--pgs-text) !important;
}

html body .tkb-review-section {
  background: linear-gradient(145deg, #0f0f0f 0%, #141414 55%, #1a0a0a 100%) !important;
  border: 1px solid var(--pgs-yellow) !important;
  box-shadow: 0 0 0 1px #dc262622, 0 12px 40px #00000088 !important;
}

html body .tkb-review-section h2,
html body .tkb-review-section .tkb-review-note {
  color: var(--pgs-text) !important;
}

html body .tkb-review-note {
  color: var(--pgs-text-accent) !important;
}

html body .tkb-review-card,
html body .tkb-faq-accordion .tkb-faq-item {
  background: linear-gradient(145deg, #121212, #080808) !important;
  border: 1px solid #7f1d1d !important;
  box-shadow: inset 0 0 0 1px #00000088 !important;
  color: var(--pgs-text) !important;
}

html body .tkb-faq-accordion .tkb-faq-item {
  border-color: var(--pgs-red) !important;
}

html body .tkb-review-card h3,
html body .tkb-faq-accordion summary {
  color: var(--pgs-text) !important;
}

html body .tkb-review-card p,
html body .tkb-review-card .tkb-review-role,
html body .tkb-faq-accordion .tkb-faq-item *,
html body .tkb-faq-accordion .tkb-faq-answer,
html body .tkb-faq-accordion .tkb-faq-answer p {
  color: var(--pgs-text-muted) !important;
}

html body .tkb-faq-accordion summary::after {
  color: var(--pgs-text-accent) !important;
}

html body .tkb-faq-accordion details[open] summary {
  background: linear-gradient(110deg, #991b1b, #dc2626) !important;
  color: var(--pgs-text) !important;
}

html body .tkb-review-card .tkb-review-avatar {
  background: linear-gradient(135deg, #fde047, #facc15) !important;
  color: var(--pgs-on-yellow) !important;
}

html body .tkb-review-card .tkb-review-stars {
  color: var(--pgs-text-accent) !important;
}

html body #pgs555-welcome-overlay {
  background: transparent !important;
  backdrop-filter: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body #pgs555-welcome-overlay::before {
  content: "" !important;
  position: absolute !important;
  inset: -18% !important;
  z-index: 0 !important;
  background: url(images/pgs555-banner.webp) center center / cover no-repeat !important;
  filter: blur(24px) brightness(0.42) saturate(1.05) !important;
  transform: scale(1.14) !important;
  pointer-events: none !important;
}

html body #pgs555-welcome-overlay::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.78) 100%) !important;
  pointer-events: none !important;
}

html body #pgs555-welcome-card {
  position: relative !important;
  z-index: 1 !important;
  background: linear-gradient(145deg, #141414, #0a0a0a 78%) !important;
  border: 2px solid var(--pgs-yellow) !important;
  box-shadow: 0 0 0 1px #dc262644, 0 25px 90px #000000cc !important;
  color: var(--pgs-text) !important;
}

html body #pgs555-welcome-card h2 {
  color: var(--pgs-text-accent) !important;
}

html body #pgs555-welcome-card p {
  color: var(--pgs-text-muted) !important;
}

html body #pgs555-welcome-register {
  background: linear-gradient(110deg, #fde047, #facc15) !important;
  color: var(--pgs-on-yellow) !important;
}

html body #pgs555-welcome-login {
  background: linear-gradient(110deg, #450a0a, #7f1d1d) !important;
  border-color: var(--pgs-yellow) !important;
  color: var(--pgs-text) !important;
}

html body .burgundy-ribbon {
  background: linear-gradient(90deg, #ca8a04, #fde047, #ca8a04) !important;
  color: var(--pgs-on-yellow) !important;
  border-color: #eab308 !important;
  font-weight: 800;
}

html body .burgundy-ribbon span {
  color: var(--pgs-on-yellow) !important;
}

html body table th {
  background: linear-gradient(110deg, #fde047, #facc15) !important;
  color: var(--pgs-on-yellow) !important;
}

html body table td {
  color: var(--pgs-text-muted) !important;
}

/* Download APK gold/brown buttons → yellow + black text */
html body .download-apk-details-btn,
html body .download-apk .btn-gold {
  color: var(--pgs-on-yellow) !important;
}

/* Header banner — Golden Casino showcase (1024×541, no stretch) */
html body .banner img.banner-img {
  max-width: 1024px;
}

/* Logo PGS555 — tengah halaman (ganti blok download APK) */
html body .pgs555-logo-center-section {
  padding: 56px 16px 64px;
  background: radial-gradient(ellipse at 50% 40%, #dc262610, transparent 55%),
    linear-gradient(180deg, #050505, #0a0a0a 50%, #050505) !important;
  border-top: 2px solid var(--pgs-yellow);
  border-bottom: 2px solid var(--pgs-yellow);
  text-align: center;
}

html body a.pgs555-logo-center {
  display: inline-block;
  max-width: min(100%, 480px);
  margin: 0 auto;
  line-height: 0;
}

html body a.pgs555-logo-center img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 10px 32px #000000cc);
}

@media (min-width: 768px) {
  html body a.pgs555-logo-center {
    max-width: min(100%, 560px);
  }

  html body .pgs555-logo-center-section {
    padding: 72px 16px 80px;
  }
}

/* Download APK — foto singa sebagai background (layout seperti referensi) + overlay gelap */
html body .download-apk-container.pgs555-download-apk-bg {
  position: relative;
  background-image: var(--image-src) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  padding: 36px 0 42px !important;
  border-top: 3px solid var(--pgs-yellow);
  border-bottom: 3px solid var(--pgs-yellow);
}

html body .download-apk-container.pgs555-download-apk-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    rgba(0, 0, 0, 0.72) 0%,
    rgba(0, 0, 0, 0.58) 45%,
    rgba(0, 0, 0, 0.68) 100%
  );
}

html body .download-apk-container.pgs555-download-apk-bg .container {
  position: relative;
  z-index: 1;
}

html body .download-apk-container.pgs555-download-apk-bg .download-apk > div {
  opacity: 1 !important;
  transform: none !important;
}

html body .download-apk-container.pgs555-download-apk-bg .download-apk {
  align-items: flex-end;
  gap: 12px;
}

html body .download-apk-container.pgs555-download-apk-bg .download-apk .img-responsive {
  max-width: min(100%, 420px);
  height: auto;
  filter: drop-shadow(0 8px 24px #000000aa);
}

html body .download-apk-container.pgs555-download-apk-bg .download-apk .h2,
html body .download-apk-container.pgs555-download-apk-bg .download-apk .h3,
html body .download-apk-container.pgs555-download-apk-bg .download-apk-detail,
html body .download-apk-container.pgs555-download-apk-bg .download-apk-section span {
  color: #ffffff !important;
  text-shadow: 0 2px 8px #000000cc;
}

html body .download-apk-container.pgs555-download-apk-bg .download-apk .h2 strong {
  color: var(--pgs-text-accent) !important;
}

html body .download-apk-container.pgs555-download-apk-bg .download-apk-section span i {
  color: var(--pgs-text-accent) !important;
  font-style: normal;
}

html body .download-apk-container.pgs555-download-apk-bg .download-apk-detail .btn {
  color: var(--pgs-on-yellow) !important;
  background: linear-gradient(to bottom, #fde047, #eab308) !important;
  border-color: #ca8a04 !important;
}

/* Telegram promo — foto 2 + overlay hitam agar teks di gambar lebih terbaca */
html body .telegram-banner-container {
  padding: 24px 0;
  background: #0a0a0a !important;
}

html body a.pgs555-telegram-hero {
  position: relative;
  display: block;
  max-width: 1024px;
  margin: 0 auto;
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid var(--pgs-yellow);
  box-shadow: 0 12px 36px #000000aa;
}

html body a.pgs555-telegram-hero img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  vertical-align: middle;
}

/* Footer — kartu emas/kuning: judul & isi hitam agar terbaca */
html body .site-footer {
  --footer-featured-product-card-header-color: #0a0a0a;
  --footer-featured-product-card-note-color: #141414;
  --footer-transaction-service-header-color: #0a0a0a;
  --footer-transaction-service-note-color: #141414;
  --footer-bank-list-note-color: #0a0a0a;
  --footer-featured-product-bg: #facc15;
}

html body .site-footer .footer-featured-product-section .site-info-description,
html body .site-footer .footer-banking-section .bank-service-container .site-info-description,
html body .site-footer .footer-banking-section .bank-list-container {
  background: linear-gradient(145deg, #fde047, #facc15) !important;
  border: 1px solid #ca8a04 !important;
}

html body .site-footer .site-info-description h4,
html body .site-footer .site-info-img-header h4,
html body .site-footer .footer-banking-section .bank-list-container > p {
  color: #0a0a0a !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

html body .site-footer .site-info-description p {
  color: #141414 !important;
}

html body .site-footer .footer-section-title {
  color: #ffffff !important;
}

html body .site-footer .footer-banking-section hr.footer-separator {
  border-color: #525252 !important;
}

/* Jackpot Play — teks kontras + angka merah */
html body .home-progressive-jackpot {
  --home-progressive-jackpot-jackpot-play-text-color: #0a0a0a;
  --home-progressive-jackpot-jackpot-play-text-label-color: #b91c1c;
  --home-progressive-jackpot-jackpot-currency-color: #dc2626;
}

html body .home-progressive-jackpot .jackpot-play-text {
  color: #0a0a0a !important;
  text-shadow: 0 1px 0 #ffffff55;
}

html body .home-progressive-jackpot .jackpot-play-text label {
  color: #dc2626 !important;
  text-shadow: none;
}

html body .home-progressive-jackpot #progressive_jackpot {
  color: #ffffff !important;
  text-shadow: 0 0 8px #dc2626aa;
}

html body .home-progressive-jackpot .jackpot-currency {
  color: #dc2626 !important;
  font-weight: 800;
}

/* Keyword guide — selaras hitam, aksen biru-merah */
html body .pgs-slot-keyword-guide {
  background: linear-gradient(165deg, #050505 0%, #0a0a0a 55%, #0f0f0f 100%) !important;
  border-color: #dc2626 !important;
  box-shadow: inset 0 0 0 1px #facc1522 !important;
}

html body .pgs-slot-keyword-item {
  border-bottom-color: #2a2a2a !important;
}

html body .pgs-slot-keyword-item > h3 {
  color: var(--pgs-text-accent) !important;
}

html body .pgs-slot-table-wrap {
  border-color: var(--pgs-red) !important;
  background: #050505 !important;
}

/* Footer WhatsApp / Telegram — aktif, klik ke homepage */
html body .footer-sitemap-section .contact-list > li a {
  pointer-events: auto !important;
  cursor: pointer !important;
  color: var(--pgs-text-accent) !important;
}

html body .footer-sitemap-section .contact-list > li a:hover {
  color: #ffffff !important;
}

html body .footer-sitemap-section .contact-list > li a i {
  background: #1a1a1a !important;
  border: 1px solid #525252 !important;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

html body .footer-sitemap-section .contact-list > li a:hover i {
  border-color: var(--pgs-yellow) !important;
  box-shadow: 0 0 12px #dc262644;
}

html body .footer-sitemap-section .contact-list > li:first-child a:hover i {
  background: linear-gradient(145deg, #14532d, #166534) !important;
}

html body .footer-sitemap-section .contact-list > li:nth-child(2) a:hover i {
  background: linear-gradient(145deg, #1e3a5f, #2563eb) !important;
}

html body .footer-sitemap-section .contact-list > li a i img {
  filter: none !important;
  opacity: 1 !important;
}