/* Per-template gaming platform layout variants */

/* ── g01 EVIP Hub (evip3indo) ── */
.gt-g01 { --gp-brand: #7c4dff; --gp-dark: #512da8; --gp-gold: #ffd740; }
.gt-g01 .gp-header { border-bottom-color: var(--gp-gold); }
.gt-g01 .gp-btn-primary { background: linear-gradient(135deg, var(--gp-brand), var(--gp-dark)); }

/* ── g02 Hoki Catalog (hokiwon) ── */
.gt-g02 { --gp-brand: #2196f3; --gp-dark: #1565c0; --gp-gold: #ff9800; }
.gt-g02 .gp-hero-catalog { background-size: cover; background-position: center; min-height: 360px; display: flex; align-items: center; }
.gt-g02 .gp-section-warm { border-top: 3px solid var(--gp-gold); }

/* ── g03 Ledak Radar (ledakgg) ── */
.gt-g03 { --gp-brand: #42a5f5; --gp-dark: #1565c0; }
.gt-g03 .gp-hero-radar { min-height: 400px; display: flex; align-items: center; position: relative; }
.gt-g03 .gp-hero-bg {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  opacity: .35; z-index: 0;
}
.gt-g03 .gp-hero-radar .gp-container { position: relative; z-index: 1; }
.gt-g03 .gp-kicker { text-transform: uppercase; letter-spacing: 2px; font-size: 11px; color: var(--gp-brand); font-weight: 700; }

/* ── g04 JOS77 Platform ── */
.gt-g04 { background: #f5f5f5; color: #333; }
.gt-g04 .gp-section { background: #fff; color: #444; }
.gt-g04 .gp-section-alt { background: #f0f4f8; }
.gt-g04 .gp-title { color: #222; }
.gt-g04 .gp-header-light { background: #fff; border-bottom: 1px solid #e0e0e0; }
.gt-g04 .gp-logo { color: #222; }
.gt-g04 .gp-nav a { color: #555; }
.gt-g04 .gp-hero-clean { background: #fff; color: #222; padding: 48px 0; }
.gt-g04 .gp-hero-clean-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.gt-g04 .gp-hero-img-wrap img { width: 100%; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.1); }
.gt-g04 .gp-about { color: #555; }
.gt-g04 .gp-contact-box { background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; padding: 32px; }
.gt-g04 .gp-legal-note h3 { font-size: 16px; margin: 20px 0 8px; color: #222; }
.gt-g04 .gp-legal-note p { color: #666; font-size: 13px; }
.gt-g04 .gp-faq { background: #fff; border-color: #e0e0e0; }
.gt-g04 .gp-faq summary { color: #222; }
.gt-g04 .gp-stat strong { color: var(--gp-brand); }

/* ── g05 Raja Mobile (raja.v3game) ── */
.gt-g05 { --gp-brand: #e91e63; --gp-gold: #ffc107; }
.gt-g05 .gp-header-mobile .gp-container { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; }
.gt-g05 .gp-header-mobile { background: #1a1a2e; position: sticky; top: 0; z-index: 100; }
.gt-g05 .gp-mobile-grid { display: grid; grid-template-columns: 200px 1fr 120px; gap: 24px; align-items: start; }
.gt-g05 .gp-mobile-poster img { width: 100%; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.4); object-fit: cover; aspect-ratio: 9/16; max-height: 480px; }
.gt-g05 .gp-mobile-icon img { width: 100%; border-radius: 20px; aspect-ratio: 1/1; object-fit: cover; }
.gt-g05 .gp-specs th { background: rgba(233,30,99,.15); }

/* ── g06 Neon Esports ── */
.gt-g06 .gp-hero-neon { background-size: cover; background-position: center; min-height: 420px; display: flex; align-items: center; text-align: center; }
.gt-g06 .gp-hero-neon .gp-container { width: 100%; }
.gt-g06 .gp-stats-hero { justify-content: center; }
.gt-g06 .gp-cards-neon .gp-card { border-color: rgba(0,245,255,.3); box-shadow: 0 0 20px rgba(191,0,255,.15); }

/* ── g07 Arcade Glow ── */
.gt-g07 { --gp-brand: #ff1744; --gp-gold: #ffd600; }
.gt-g07 .gp-hero-arcade {
  background-size: cover; background-position: center; min-height: 380px;
  display: flex; align-items: center; text-align: center;
  box-shadow: inset 0 0 80px rgba(255,23,68,.4);
}
.gt-g07 .gp-stats-glow .gp-stat strong { color: var(--gp-gold); text-shadow: 0 0 10px rgba(255,214,0,.5); }
.gt-g07 .gp-arcade-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; }
.gt-g07 .gp-arcade-main img { width: 100%; border-radius: 12px; margin-bottom: 16px; aspect-ratio: 1/1; object-fit: cover; }

/* ── g08 Mobile Splash ── */
.gt-g08 .gp-splash-grid { display: grid; grid-template-columns: 220px 1fr; gap: 32px; align-items: center; padding: 40px 0; }
.gt-g08 .gp-splash-portrait img { width: 100%; border-radius: 20px; aspect-ratio: 9/16; object-fit: cover; max-height: 520px; box-shadow: 0 12px 40px rgba(108,92,231,.4); }
.gt-g08 .gp-hero-splash { background: linear-gradient(135deg, #1a1035, #0f0f14); }

/* ── g09 Tournament ── */
.gt-g09 { --gp-brand: #1e88e5; --gp-gold: #ffb300; }
.gt-g09 .gp-hero-tournament { background-size: cover; background-position: center; min-height: 360px; display: flex; align-items: center; }
.gt-g09 .gp-stats-tournament { justify-content: flex-start; }
.gt-g09 .gp-stats-tournament .gp-stat strong { color: var(--gp-gold); font-size: 32px; }

/* ── g10 Cyber Portal ── */
.gt-g10 { --gp-brand: #00cec9; --gp-dark: #6c5ce7; }
.gt-g10 .gp-hero-cyber { min-height: 360px; display: flex; align-items: center; position: relative; overflow: hidden; }
.gt-g10 .gp-cyber-bg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .25; }
.gt-g10 .gp-hero-cyber .gp-container { position: relative; z-index: 1; }
.gt-g10 .gp-cyber-grid { display: grid; grid-template-columns: 280px 1fr; gap: 32px; }
.gt-g10 .gp-cyber-card img { width: 100%; border-radius: 12px; aspect-ratio: 3/4; object-fit: cover; margin-bottom: 16px; }
.gt-g10 .gp-cyber-card { background: rgba(0,206,201,.08); border: 1px solid rgba(0,206,201,.2); border-radius: 16px; padding: 20px; }

@media (max-width: 768px) {
  .gt-g04 .gp-hero-clean-inner { grid-template-columns: 1fr; }
  .gt-g05 .gp-mobile-grid { grid-template-columns: 1fr; }
  .gt-g05 .gp-mobile-poster { max-width: 220px; margin: 0 auto; }
  .gt-g05 .gp-mobile-icon { display: none; }
  .gt-g07 .gp-arcade-grid { grid-template-columns: 1fr; }
  .gt-g08 .gp-splash-grid { grid-template-columns: 1fr; }
  .gt-g08 .gp-splash-portrait { max-width: 240px; margin: 0 auto; }
  .gt-g10 .gp-cyber-grid { grid-template-columns: 1fr; }
}