/* ==========================================================================
   PDIKM Lite Mode — E-Ticket, Statistik, Adventure flows (mobile + desktop)
   ========================================================================== */

/* —— Shared tokens (inherit from lite-mode.css) —— */

/* —— E-Ticket mobile —— */
[data-pdikm-mode='lite'] .eticket-page {
  background: var(--pdikm-lite-bg) !important;
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .eticket-header .header-image {
  filter: none;
}

[data-pdikm-mode='lite'] .eticket-badge {
  color: var(--pdikm-lite-accent);
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .eticket-subtitle,
[data-pdikm-mode='lite'] .eticket-package-meta,
[data-pdikm-mode='lite'] .eticket-package-desc,
[data-pdikm-mode='lite'] .eticket-empty,
[data-pdikm-mode='lite'] .eticket-my-meta,
[data-pdikm-mode='lite'] .eticket-qr-hint,
[data-pdikm-mode='lite'] .eticket-bank-note,
[data-pdikm-mode='lite'] .eticket-package-summary p {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .eticket-flow-step:not(:last-child)::after {
  background: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .eticket-flow-step.is-active:not(:last-child)::after,
[data-pdikm-mode='lite'] .eticket-flow-step.is-done:not(:last-child)::after {
  background: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .eticket-flow-num {
  background: #f1f5f9;
  border-color: var(--pdikm-lite-border);
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .eticket-flow-step.is-active .eticket-flow-num {
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .eticket-flow-step.is-done .eticket-flow-num {
  background: #d1fae5;
  border-color: #6ee7b7;
  color: #059669;
}

[data-pdikm-mode='lite'] .eticket-flow-label {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .eticket-flow-step.is-active .eticket-flow-label,
[data-pdikm-mode='lite'] .eticket-flow-step.is-done .eticket-flow-label {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .eticket-info-card {
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .eticket-info-card h3,
[data-pdikm-mode='lite'] .eticket-section-title {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .eticket-info-card ol {
  color: #334155;
}

[data-pdikm-mode='lite'] .eticket-package-card,
[data-pdikm-mode='lite'] .eticket-my-item,
[data-pdikm-mode='lite'] .eticket-package-summary,
[data-pdikm-mode='lite'] .eticket-form-card {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .eticket-package-body h3,
[data-pdikm-mode='lite'] .eticket-my-item strong,
[data-pdikm-mode='lite'] .eticket-package-summary h2 {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .eticket-package-price {
  color: #059669;
}

[data-pdikm-mode='lite'] .eticket-form-card label {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .eticket-form-card input,
[data-pdikm-mode='lite'] .eticket-form-card select {
  background: #fff;
  border-color: var(--pdikm-lite-border);
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .eticket-form-card input:focus,
[data-pdikm-mode='lite'] .eticket-form-card select:focus {
  border-color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .eticket-price-box {
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .eticket-price-box strong {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .eticket-error {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}

[data-pdikm-mode='lite'] .eticket-success {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #047857;
}

[data-pdikm-mode='lite'] .eticket-pending-msg {
  background: #fffbeb;
  color: #b45309;
}

[data-pdikm-mode='lite'] .eticket-ticket-card {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-accent);
  box-shadow: var(--pdikm-lite-shadow);
}

[data-pdikm-mode='lite'] .eticket-ticket-row span:first-child {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .eticket-ticket-row span:last-child {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .eticket-ticket-code {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .eticket-status-paid,
[data-pdikm-mode='lite'] .eticket-status-lunas {
  color: #059669 !important;
}

[data-pdikm-mode='lite'] .eticket-status-pending {
  color: #d97706 !important;
}

[data-pdikm-mode='lite'] .eticket-bank-card {
  background: #eff6ff;
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .eticket-bank-row span {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .eticket-bank-row strong,
[data-pdikm-mode='lite'] .eticket-bank-number {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .eticket-bank-number {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .eticket-receipt-uploaded {
  color: #059669;
}

[data-pdikm-mode='lite'] .eticket-receipt-uploaded a {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .eticket-back {
  color: var(--pdikm-lite-accent) !important;
}

[data-pdikm-mode='lite'] .eticket-my-item:active {
  border-color: var(--pdikm-lite-accent);
}

/* —— E-Ticket desktop —— */
@media (min-width: 992px) {
  [data-pdikm-mode='lite'] .etix-dtop-cinema-vignette {
    background:
      linear-gradient(90deg, rgba(248, 250, 252, 0.92) 0%, rgba(248, 250, 252, 0.55) 38%, rgba(248, 250, 252, 0.88) 100%),
      linear-gradient(0deg, rgba(248, 250, 252, 0.9) 0%, transparent 35%, transparent 70%, rgba(248, 250, 252, 0.92) 100%);
  }

  [data-pdikm-mode='lite'] .etix-dtop-cinema-rail {
    background: rgba(255, 255, 255, 0.88);
    border-right-color: var(--pdikm-lite-border);
  }

  [data-pdikm-mode='lite'] .etix-dtop-rail-head h2,
  [data-pdikm-mode='lite'] .etix-dtop-stage-title,
  [data-pdikm-mode='lite'] .etix-dtop-show-x-intro h1,
  [data-pdikm-mode='lite'] .etix-dtop-package-body h3,
  [data-pdikm-mode='lite'] .etix-dtop-rail-copy strong {
    color: var(--pdikm-lite-text) !important;
    text-shadow: none;
  }

  [data-pdikm-mode='lite'] .etix-dtop-rail-item {
    background: #f8fafc;
    border-color: var(--pdikm-lite-border);
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .etix-dtop-rail-item:hover,
  [data-pdikm-mode='lite'] .etix-dtop-rail-item.is-active {
    background: var(--pdikm-lite-accent-soft);
    border-color: #bfdbfe;
  }

  [data-pdikm-mode='lite'] .etix-dtop-rail-copy small,
  [data-pdikm-mode='lite'] .etix-dtop-stage-price,
  [data-pdikm-mode='lite'] .etix-dtop-price,
  [data-pdikm-mode='lite'] .etix-dtop-price--lg {
    color: #d97706 !important;
  }

  [data-pdikm-mode='lite'] .etix-dtop-stage-badge,
  [data-pdikm-mode='lite'] .etix-dtop-stage-meta,
  [data-pdikm-mode='lite'] .etix-dtop-stage-desc,
  [data-pdikm-mode='lite'] .etix-dtop-meta,
  [data-pdikm-mode='lite'] .etix-dtop-desc,
  [data-pdikm-mode='lite'] .etix-dtop-sidebar-desc,
  [data-pdikm-mode='lite'] .etix-dtop-howto ol,
  [data-pdikm-mode='lite'] .etix-dtop-note {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .etix-dtop-stage-badge {
    background: #f1f5f9;
    border-color: var(--pdikm-lite-border);
  }

  [data-pdikm-mode='lite'] .about-dtop-title,
  [data-pdikm-mode='lite'] .etix-dtop-section-title,
  [data-pdikm-mode='lite'] .etix-dtop-howto h3 {
    color: var(--pdikm-lite-accent) !important;
  }

  [data-pdikm-mode='lite'] .etix-dtop-package {
    background: var(--pdikm-lite-surface);
    border-color: var(--pdikm-lite-border);
    box-shadow: var(--pdikm-lite-shadow);
  }

  [data-pdikm-mode='lite'] .etix-dtop-package:hover {
    border-color: #bfdbfe;
  }

  [data-pdikm-mode='lite'] .etix-dtop-show-x-overlay {
    background: linear-gradient(105deg, rgba(248, 250, 252, 0.94) 0%, rgba(248, 250, 252, 0.78) 45%, rgba(248, 250, 252, 0.9) 100%);
  }

  [data-pdikm-mode='lite'] .etix-dtop-show-x-form,
  [data-pdikm-mode='lite'] .etix-dtop-panel {
    background: var(--pdikm-lite-surface);
    border-color: var(--pdikm-lite-border);
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .etix-dtop-field label {
    color: var(--pdikm-lite-muted);
  }

  [data-pdikm-mode='lite'] .etix-dtop-row {
    border-bottom-color: var(--pdikm-lite-border);
  }

  [data-pdikm-mode='lite'] .etix-dtop-row span {
    color: var(--pdikm-lite-muted);
  }

  [data-pdikm-mode='lite'] .etix-dtop-row strong {
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .etix-dtop-pending {
    color: #d97706 !important;
  }

  [data-pdikm-mode='lite'] .etix-dtop-paid {
    color: #059669 !important;
  }

  [data-pdikm-mode='lite'] .etix-dtop-divider,
  [data-pdikm-mode='lite'] .about-dtop-divider {
    background: linear-gradient(90deg, transparent, var(--pdikm-lite-border), transparent);
  }

  [data-pdikm-mode='lite'] .etix-dtop-howto {
    border-top-color: var(--pdikm-lite-border);
  }

  [data-pdikm-mode='lite'] .etix-dtop-alert--error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
  }

  [data-pdikm-mode='lite'] .etix-dtop-alert--success {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
  }

  [data-pdikm-mode='lite'] .etix-dtop-my-row {
    border-bottom-color: var(--pdikm-lite-border);
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .etix-dtop-my-row:hover {
    background: #f8fafc;
  }

  [data-pdikm-mode='lite'] .etix-dtop-my-row strong {
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .etix-dtop-my-meta {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .etix-dtop-empty {
    color: var(--pdikm-lite-muted) !important;
  }
}

/* —— Statistik mobile —— */
[data-pdikm-mode='lite'] .stat-dashboard {
  background: var(--pdikm-lite-bg) !important;
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .stat-hero-logo {
  filter: none;
}

[data-pdikm-mode='lite'] .stat-hero-badge {
  color: var(--pdikm-lite-accent);
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .stat-hero-title {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .stat-hero-sub {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .stat-card {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
  backdrop-filter: none;
}

[data-pdikm-mode='lite'] .stat-card--accent-emerald {
  background: linear-gradient(145deg, #ecfdf5, #fff);
  border-color: #a7f3d0;
}

[data-pdikm-mode='lite'] .stat-card--accent-gold {
  background: linear-gradient(145deg, #fffbeb, #fff);
  border-color: #fde68a;
}

[data-pdikm-mode='lite'] .stat-card--live {
  background: linear-gradient(145deg, #eff6ff, #fff);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .stat-card-label,
[data-pdikm-mode='lite'] .stat-card-meta {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .stat-card-value {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] .stat-card--accent-emerald .stat-card-value {
  color: #059669 !important;
}

[data-pdikm-mode='lite'] .stat-card--accent-gold .stat-card-value {
  color: #d97706 !important;
}

[data-pdikm-mode='lite'] .stat-card--live .stat-card-value {
  color: var(--pdikm-lite-accent) !important;
}

[data-pdikm-mode='lite'] .stat-feature {
  background: linear-gradient(135deg, #eff6ff, #f8fafc);
  border-color: #bfdbfe;
  backdrop-filter: none;
}

[data-pdikm-mode='lite'] .stat-feature-title {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .stat-feature-desc {
  color: #475569 !important;
}

[data-pdikm-mode='lite'] .stat-footer-link {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .stat-footer-link:hover {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] .stat-footer-cta {
  color: var(--pdikm-lite-accent) !important;
}

/* —— Statistik desktop —— */
@media (min-width: 992px) {
  [data-pdikm-mode='lite'] .stat-dtop-x-hero {
    background:
      linear-gradient(135deg, rgba(219, 234, 254, 0.5) 0%, rgba(255, 255, 255, 0.95) 40%, rgba(254, 243, 199, 0.35) 100%),
      var(--pdikm-lite-bg) !important;
    border-color: var(--pdikm-lite-border);
    box-shadow: var(--pdikm-lite-shadow);
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-hero::before {
    background: linear-gradient(120deg, rgba(248, 250, 252, 0.4), rgba(248, 250, 252, 0.15));
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-kpi {
    background: var(--pdikm-lite-surface);
    border-color: var(--pdikm-lite-border);
    backdrop-filter: none;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-kpi-label,
  [data-pdikm-mode='lite'] .stat-dtop-x-kpi small {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-kpi strong {
    color: var(--pdikm-lite-text) !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-kpi--emerald strong {
    color: #059669 !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-kpi--gold strong {
    color: #d97706 !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-kpi--live strong {
    color: #dc2626 !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-chart-head h2,
  [data-pdikm-mode='lite'] .stat-dtop-cta-title {
    color: var(--pdikm-lite-accent) !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-chart-head p,
  [data-pdikm-mode='lite'] .stat-dtop-cta-desc {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-metric-card {
    background: var(--pdikm-lite-surface);
    border-color: var(--pdikm-lite-border);
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-metric-card span {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-metric-card strong {
    color: var(--pdikm-lite-text) !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-metric-card--accent {
    background: #fffbeb;
    border-color: #fde68a;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-metric-card--accent strong {
    color: #d97706 !important;
  }

  [data-pdikm-mode='lite'] .stat-dtop-x-cta {
    background: var(--pdikm-lite-surface);
    border: 1px solid var(--pdikm-lite-border);
    border-radius: 20px;
    box-shadow: var(--pdikm-lite-shadow);
  }
}

/* —— Adventure / game flow (start → scan → finish) —— */
[data-pdikm-mode='lite'] .pdikm-page--start,
[data-pdikm-mode='lite'] .pdikm-page--game,
[data-pdikm-mode='lite'] .pdikm-page--clue,
[data-pdikm-mode='lite'] .pdikm-page--question,
[data-pdikm-mode='lite'] .pdikm-page--end,
[data-pdikm-mode='lite'] .pdikm-page--finish,
[data-pdikm-mode='lite'] .pdikm-page--leaderboard {
  background: var(--pdikm-lite-bg) !important;
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .pdikm-alert--error {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
  backdrop-filter: none;
}

[data-pdikm-mode='lite'] .pdikm-level-card {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
  backdrop-filter: none;
}

[data-pdikm-mode='lite'] .pdikm-level-card:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

[data-pdikm-mode='lite'] .pdikm-level-card--easy {
  box-shadow: var(--pdikm-lite-shadow), inset 3px 0 0 #22c55e;
}

[data-pdikm-mode='lite'] .pdikm-level-card--medium {
  box-shadow: var(--pdikm-lite-shadow), inset 3px 0 0 #f59e0b;
}

[data-pdikm-mode='lite'] .pdikm-level-card--hard {
  box-shadow: var(--pdikm-lite-shadow), inset 3px 0 0 #ef4444;
}

[data-pdikm-mode='lite'] .pdikm-level-label {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] .pdikm-level-desc {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .pdikm-level-info {
  color: var(--pdikm-lite-accent);
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .pdikm-level-info:hover {
  background: #dbeafe;
  border-color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-level-icon {
  background: #f1f5f9;
  border-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .pdikm-game-image-wrap {
  background: #f1f5f9;
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
}

[data-pdikm-mode='lite'] .pdikm-game-stat-divider {
  background: linear-gradient(90deg, transparent, var(--pdikm-lite-border), transparent);
}

[data-pdikm-mode='lite'] .pdikm-footer-link {
  color: var(--pdikm-lite-accent) !important;
}

/* Level info SweetAlert */
[data-pdikm-mode='lite'] body.pdikm-app .pdikm-level-swal {
  background: #fff !important;
  border-color: var(--pdikm-lite-border) !important;
  box-shadow: var(--pdikm-lite-shadow) !important;
}

[data-pdikm-mode='lite'] body.pdikm-app .pdikm-level-swal-title {
  color: var(--pdikm-lite-accent) !important;
}

[data-pdikm-mode='lite'] body.pdikm-app .pdikm-level-swal-text,
[data-pdikm-mode='lite'] body.pdikm-app .pdikm-level-swal .swal2-html-container {
  color: #334155 !important;
}

/* Scan page */
[data-pdikm-mode='lite'] .scan-page {
  background: var(--pdikm-lite-bg) !important;
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .scan-header {
  background: rgba(255, 255, 255, 0.95);
  border-bottom-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .scan-header h4 {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] .scan-back {
  color: var(--pdikm-lite-accent) !important;
}

[data-pdikm-mode='lite'] .scan-back:hover {
  color: #1d4ed8 !important;
}

[data-pdikm-mode='lite'] .scan-hint,
[data-pdikm-mode='lite'] .scan-status-text,
[data-pdikm-mode='lite'] .scan-footer-note {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .scan-frame {
  border-color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .scan-result-card {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .scan-status-bar {
  background: rgba(255, 255, 255, 0.95);
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
  backdrop-filter: none;
}

[data-pdikm-mode='lite'] #scan-status {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] .scan-progress {
  background: #e2e8f0;
}

[data-pdikm-mode='lite'] .scan-progress-fill {
  background: linear-gradient(90deg, #3b82f6, #2563eb);
  box-shadow: none;
}

[data-pdikm-mode='lite'] .scan-footer {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.85) 70%, transparent 100%);
}

[data-pdikm-mode='lite'] .scan-mode-badge {
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .scan-loading {
  background: rgba(248, 250, 252, 0.95);
  backdrop-filter: none;
}

[data-pdikm-mode='lite'] #scan-loading-text {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .scan-spinner {
  border-color: #e2e8f0;
  border-top-color: var(--pdikm-lite-accent);
}

/* Legacy mobile game UI (jika dipakai di alur game) */
[data-pdikm-mode='lite'] body.mobile-game,
[data-pdikm-mode='lite'] .mobile-game-wrapper.pdikm-page--game {
  background: var(--pdikm-lite-bg) !important;
}

[data-pdikm-mode='lite'] .game-header {
  color: var(--pdikm-lite-text);
  text-shadow: none;
}

[data-pdikm-mode='lite'] .game-header p,
[data-pdikm-mode='lite'] .clue-content {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] .btn-back {
  background: #94a3b8;
  color: #fff;
}

[data-pdikm-mode='lite'] .game-error-alert {
  background: #fef2f2;
  border-color: #fecaca;
}

[data-pdikm-mode='lite'] .game-error-text {
  color: #b91c1c !important;
}

[data-pdikm-mode='lite'] .referral-link-wrap {
  background: #f8fafc;
  border-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .referral-link-input {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .referral-share-label {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .border-gold-adventure {
  border-color: var(--pdikm-lite-accent) !important;
  box-shadow: var(--pdikm-lite-shadow) !important;
}

/* Tombol ghost / secondary di latar terang */
[data-pdikm-mode='lite'] .btn-eticket--ghost,
[data-pdikm-mode='lite'] .btn-scan--back,
[data-pdikm-mode='lite'] .scan-btn-secondary {
  background: #f1f5f9 !important;
  color: var(--pdikm-lite-text) !important;
  border-color: var(--pdikm-lite-border) !important;
  box-shadow: none !important;
}

[data-pdikm-mode='lite'] .btn-eticket--ghost:active,
[data-pdikm-mode='lite'] .btn-scan--back:active,
[data-pdikm-mode='lite'] .scan-btn-secondary:active {
  box-shadow: none !important;
  background: #e2e8f0 !important;
}

/* Tombol default merah tetap kontras */
[data-pdikm-mode='lite'] .btn-eticket:not(.btn-eticket--ghost):not(.btn-eticket--gold):not(.btn-eticket--blue):not(.finish),
[data-pdikm-mode='lite'] .btn-adventure:not(.btn-adventure--gold):not(.btn-adventure--sm):not(.finish) {
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25) !important;
}

[data-pdikm-mode='lite'] .btn-eticket--gold,
[data-pdikm-mode='lite'] .btn-adventure--gold,
[data-pdikm-mode='lite'] .btn-adventure.finish,
[data-pdikm-mode='lite'] .btn-eticket.finish {
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3) !important;
}

[data-pdikm-mode='lite'] .btn-eticket--blue,
[data-pdikm-mode='lite'] .btn-scan--blue {
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;
}

/* Media viewer */
[data-pdikm-mode='lite'] .media-countdown {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .pdikm-page--media {
  background: var(--pdikm-lite-bg) !important;
}

[data-pdikm-mode='lite'] .pdikm-game-topbar {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: var(--pdikm-lite-border);
  backdrop-filter: none;
}

[data-pdikm-mode='lite'] .pdikm-game-back {
  color: #475569;
}

[data-pdikm-mode='lite'] .pdikm-game-back:hover {
  color: #0f172a;
}

[data-pdikm-mode='lite'] .pdikm-game-topbar-title {
  color: #d97706;
}

[data-pdikm-mode='lite'] .pdikm-page--media .game-card {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
}

/* About / tutorial dalam alur adventure */
[data-pdikm-mode='lite'] .pdikm-page--about,
[data-pdikm-mode='lite'] .pdikm-page--tutorial {
  background: var(--pdikm-lite-bg) !important;
}

[data-pdikm-mode='lite'] .about-dtop-content,
[data-pdikm-mode='lite'] .tut-dtop-content {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .about-dtop-content p,
[data-pdikm-mode='lite'] .tut-dtop-content p {
  color: #475569 !important;
}

/* —— About desktop (alur adventure) —— */
@media (min-width: 992px) {
  [data-pdikm-mode='lite'] .about-dtop-x-hero-bg {
    background:
      linear-gradient(120deg, rgba(248, 250, 252, 0.92) 0%, rgba(248, 250, 252, 0.75) 55%, rgba(248, 250, 252, 0.9) 100%),
      var(--pdikm-lite-bg) !important;
  }

  [data-pdikm-mode='lite'] .about-dtop-x-hero {
    border-bottom-color: var(--pdikm-lite-border);
  }

  [data-pdikm-mode='lite'] .about-dtop-x-stat {
    background: var(--pdikm-lite-surface);
    border-color: var(--pdikm-lite-border);
    backdrop-filter: none;
  }

  [data-pdikm-mode='lite'] .about-dtop-x-stat strong {
    color: #d97706 !important;
  }

  [data-pdikm-mode='lite'] .about-dtop-x-stat span {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .about-dtop-x-cell .pdikm-dtop-panel,
  [data-pdikm-mode='lite'] .about-dtop-x-cell--vision .pdikm-dtop-panel,
  [data-pdikm-mode='lite'] .about-dtop-x-cell--message .pdikm-dtop-panel,
  [data-pdikm-mode='lite'] .about-dtop-x-cell--reviews .pdikm-dtop-panel {
    background: var(--pdikm-lite-surface);
    border-color: var(--pdikm-lite-border);
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .about-dtop-title {
    color: var(--pdikm-lite-accent) !important;
  }

  [data-pdikm-mode='lite'] .about-dtop-body,
  [data-pdikm-mode='lite'] .about-dtop-body p {
    color: #475569 !important;
  }

  [data-pdikm-mode='lite'] .about-dtop-review-item {
    background: #f8fafc;
    border-left-color: var(--pdikm-lite-accent);
  }

  [data-pdikm-mode='lite'] .about-dtop-review-item small {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .about-dtop-review-item p {
    color: #334155 !important;
  }

  [data-pdikm-mode='lite'] .about-dtop-empty {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .about-dtop-x-map {
    border-color: var(--pdikm-lite-border);
  }

  /* Tutorial desktop */
  [data-pdikm-mode='lite'] .tut-dtop-x-overlay {
    background:
      radial-gradient(circle at 20% 20%, rgba(219, 234, 254, 0.4), transparent 40%),
      linear-gradient(120deg, rgba(248, 250, 252, 0.94) 0%, rgba(248, 250, 252, 0.8) 50%, rgba(248, 250, 252, 0.92) 100%);
  }

  [data-pdikm-mode='lite'] .tut-dtop-x-bg {
    opacity: 0.35;
  }

  [data-pdikm-mode='lite'] .tut-dtop-x-timeline {
    background: rgba(255, 255, 255, 0.9);
    border-right-color: var(--pdikm-lite-border);
    backdrop-filter: none;
  }

  [data-pdikm-mode='lite'] .tut-dtop-x-step {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .tut-dtop-x-step:hover,
  [data-pdikm-mode='lite'] .tut-dtop-x-step.is-active {
    color: var(--pdikm-lite-accent) !important;
    background: var(--pdikm-lite-accent-soft);
    border-color: #bfdbfe;
  }

  [data-pdikm-mode='lite'] .tut-dtop-x-step-dot {
    background: #f1f5f9;
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .tut-dtop-x-step.is-active .tut-dtop-x-step-dot {
    background: var(--pdikm-lite-accent);
    color: #fff;
    box-shadow: 0 0 12px rgba(37, 99, 235, 0.25);
  }

  [data-pdikm-mode='lite'] .tut-dtop-x-panel {
    background: var(--pdikm-lite-surface);
    border: 1px solid var(--pdikm-lite-border);
    box-shadow: var(--pdikm-lite-shadow);
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .tut-dtop-x-text {
    color: #334155 !important;
  }

  [data-pdikm-mode='lite'] .tut-dtop-x-icon-ring {
    background: var(--pdikm-lite-accent-soft);
    border-color: #bfdbfe;
  }

  [data-pdikm-mode='lite'] .tut-dtop-slide-step {
    color: var(--pdikm-lite-accent) !important;
  }

  [data-pdikm-mode='lite'] .tut-dtop-progress {
    background: #e2e8f0;
  }

  [data-pdikm-mode='lite'] .tut-dtop-progress-fill {
    background: linear-gradient(90deg, #3b82f6, #2563eb);
  }

  [data-pdikm-mode='lite'] .about-dtop-rating {
    color: #d97706 !important;
  }

  /* E-ticket ticket desktop extras */
  [data-pdikm-mode='lite'] .etix-dtop-ticket-label {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .etix-dtop-code {
    color: var(--pdikm-lite-accent) !important;
  }

  [data-pdikm-mode='lite'] .etix-dtop-alert--warn {
    background: #fffbeb;
    border-color: #fde68a;
    color: #b45309;
  }
}

/* —— News portal —— */
[data-pdikm-mode='lite'] .news-page {
  background: var(--pdikm-lite-bg) !important;
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .news-card,
[data-pdikm-mode='lite'] .news-dtop-card,
[data-pdikm-mode='lite'] .news-dtop-featured-card,
[data-pdikm-mode='lite'] .news-featured-card,
[data-pdikm-mode='lite'] .news-dtop-article-main,
[data-pdikm-mode='lite'] .news-dtop-sidebar-card,
[data-pdikm-mode='lite'] .news-comment-item,
[data-pdikm-mode='lite'] .news-engage {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  backdrop-filter: none;
  box-shadow: var(--pdikm-lite-shadow);
}

[data-pdikm-mode='lite'] .news-card-title,
[data-pdikm-mode='lite'] .news-article-title,
[data-pdikm-mode='lite'] .news-article-body {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] .news-subtitle,
[data-pdikm-mode='lite'] .news-card-excerpt,
[data-pdikm-mode='lite'] .news-card-meta,
[data-pdikm-mode='lite'] .news-article-meta,
[data-pdikm-mode='lite'] .news-comment-text,
[data-pdikm-mode='lite'] .news-comment-time {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .news-badge {
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .news-card-category,
[data-pdikm-mode='lite'] .news-comments h3 {
  color: #d97706 !important;
}

[data-pdikm-mode='lite'] .news-back {
  color: var(--pdikm-lite-accent) !important;
}

[data-pdikm-mode='lite'] .news-comment-form textarea {
  background: #fff;
  border-color: var(--pdikm-lite-border);
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .news-comment-login {
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
  color: #334155;
}

[data-pdikm-mode='lite'] .news-portal,
[data-pdikm-mode='lite'] .news-portal-mobile {
  background: var(--pdikm-lite-bg) !important;
}

[data-pdikm-mode='lite'] .news-portal__title,
[data-pdikm-mode='lite'] .news-portal-mobile__head h1 {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] .news-dtop-section-title,
[data-pdikm-mode='lite'] .news-section-title {
  color: var(--pdikm-lite-accent) !important;
}

[data-pdikm-mode='lite'] .news-dtop-featured-card__title,
[data-pdikm-mode='lite'] .news-featured-card__title {
  color: #fff !important;
}