/*
 * Jun88 India SEO - Custom Additional Styles
 * Dark & Gold betting platform theme
 */

/* Game showcase row on front page */
.game-showcase {
  display: flex; gap: 16px; overflow-x: auto; padding: 20px 0;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.game-showcase::-webkit-scrollbar { display: none; }
.game-showcase-item {
  flex: 0 0 120px; text-align: center;
  background: var(--bg-card); border-radius: var(--radius-md);
  padding: 16px 12px; border: 1px solid var(--border-color);
  transition: all 0.3s;
}
.game-showcase-item:hover {
  border-color: var(--accent-gold); box-shadow: 0 4px 16px rgba(255,193,7,.15);
  transform: translateY(-3px);
}
.game-showcase-item img {
  width: 64px; height: 64px; margin: 0 auto 8px; object-fit: contain;
}
.game-showcase-item span {
  display: block; font-size: 0.75rem; font-weight: 600;
  color: var(--text-secondary);
}

/* Decorative gold border accent */
.gold-accent {
  position: relative;
}
.gold-accent::after {
  content: ''; position: absolute; bottom: -8px; left: 50%;
  transform: translateX(-50%); width: 60px; height: 3px;
  background: var(--gradient-gold); border-radius: 2px;
}

/* Marquee for announcements */
.announcement-bar {
  background: var(--accent-gradient); color: #0a0a1a;
  padding: 10px 0; overflow: hidden; font-size: 0.875rem;
  font-weight: 600;
}
.announcement-bar .marquee {
  white-space: nowrap; animation: marquee 30s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* Print styles */
@media print {
  .site-header, .site-footer, .ssb-share, .cta-section { display: none; }
  body { background: #fff; color: #000; }
  .single-post-content { font-size: 12pt; }
}