/*
Theme Name: Arcade V5
Theme URI: https://example.com/
Description: WordPress theme converted from the Block Blast static site (Landing, About, Contact, and Game pages).
Author: You
Author URI: https://example.com/
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Text Domain: arcade-v5
*/

/* Minimal base so WordPress has a stylesheet; Tailwind handles most styling. */
html.dark body {
  background-color: #0D001A;
}

/* Design tokens for block styles */
:root {
  --bg-dark: #0D001A;
  --primary: #00FFA3;
  --secondary: #FF00C7;
  --accent: #F2FF00;
}

/* Button: Neon Primary style (safe is-style- class) */
.wp-block-button.is-style-neon-primary .wp-block-button__link {
  background-color: var(--primary);
  color: var(--bg-dark);
  border-radius: 0.75rem;
  box-shadow: 0 0 8px rgba(0,255,163,0.4), 0 0 16px rgba(0,255,163,0.25);
  transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}
.wp-block-button.is-style-neon-primary .wp-block-button__link:hover {
  background-color: var(--secondary);
  color: #fff;
  box-shadow: 0 0 10px rgba(255,0,199,0.5), 0 0 20px rgba(255,0,199,0.3);
}

/* Group: Section container paddings to mirror px- and py- utilities */
.wp-block-group.is-style-section-container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .wp-block-group.is-style-section-container { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  .wp-block-group.is-style-section-container { padding-left: 10rem; padding-right: 10rem; }
}

/* Cover: Hero cover min-height */
.wp-block-cover.is-style-hero-cover { min-height: 480px; border-radius: 1rem; }

/* Heading: Neon title text shadow */
.wp-block-heading.is-style-neon-title { text-shadow: 0 0 10px #FF00C7, 0 0 20px #FF00C7; }

/* Details: FAQ card treatment */
details.wp-block-details.is-style-faq-card {
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 0.75rem;
  padding: 1rem;
}
details.wp-block-details.is-style-faq-card summary {
  cursor: pointer;
  font-weight: 600;
  color: #fff;
}