/* Socialrushspace Neon Gaming Theme */

:root {
  /* Neon Gaming Color Palette */
  --bg-primary: #0a0e27;
  --bg-secondary: #151934;
  --bg-tertiary: #1a1f3a;
  --text-primary: #ffffff;
  --text-secondary: #a5b4fc;
  --accent-purple: #8b5cf6;
  --accent-violet: #7c3aed;
  --accent-cyan: #06b6d4;
  --neon-glow-purple: rgba(139, 92, 246, 0.5);
  --neon-glow-cyan: rgba(6, 182, 212, 0.5);
}

/* Global Styles */
body {
  background-color: var(--bg-primary) !important;
  color: var(--text-secondary) !important;
  font-family: "Inter", sans-serif !important;
}

/* Typography */
h1 {
  color: var(--text-primary) !important;
  text-shadow: 0 0 20px var(--accent-purple) !important;
}

h2 {
  color: var(--text-primary) !important;
  text-shadow: 0 0 15px var(--accent-purple) !important;
}

h5 {
  color: var(--text-secondary) !important;
  line-height: 1.6 !important;
}

p {
  color: var(--text-secondary) !important;
  line-height: 1.7 !important;
}

/* Header Styles */
.site-header {
  background-color: var(--bg-primary) !important;
  border-bottom: 2px solid var(--accent-purple) !important;
  box-shadow: 0 0 20px var(--neon-glow-purple) !important;
}

.site-header .site-branding a {
  color: var(--text-primary) !important;
  text-shadow: 0 0 10px var(--accent-purple) !important;
}

.main-navigation .nav-menu li > a {
  color: var(--text-secondary) !important;
  transition: all 0.3s ease !important;
}

.main-navigation .nav-menu li > a:hover {
  color: var(--text-primary) !important;
  text-shadow: 0 0 10px var(--accent-purple) !important;
}

/* Footer Styles */
.site-footer {
  background: var(--bg-primary) !important;
  border-top: 2px solid var(--accent-purple) !important;
  box-shadow: 0 -5px 20px var(--neon-glow-purple) !important;
  padding: 30px 0 !important;
}

.site-footer p,
.site-footer a {
  color: var(--text-secondary) !important;
}

.site-footer a:hover {
  color: var(--accent-cyan) !important;
  text-shadow: 0 0 8px var(--accent-cyan) !important;
}

/* Button Styles */
.vc_btn3-color-default,
.vc_general.vc_btn3 {
  background: linear-gradient(
    135deg,
    var(--accent-violet),
    var(--accent-purple)
  ) !important;
  border: 2px solid var(--accent-purple) !important;
  border-radius: 25px !important;
  padding: 14px 35px !important;
  color: var(--text-primary) !important;
  font-weight: 600 !important;
  box-shadow: 0 0 15px var(--neon-glow-purple) !important;
  transition: all 0.3s ease !important;
}

.vc_btn3-color-default:hover,
.vc_general.vc_btn3:hover {
  background: linear-gradient(
    135deg,
    var(--accent-purple),
    var(--accent-cyan)
  ) !important;
  box-shadow: 0 0 25px rgba(139, 92, 246, 0.8),
    0 5px 15px rgba(124, 60, 237, 0.4) !important;
  transform: translateY(-2px) !important;
}

.vc_btn3-color-black {
  background: linear-gradient(
    135deg,
    var(--accent-violet),
    var(--accent-purple)
  ) !important;
  color: var(--text-primary) !important;
  border: 2px solid var(--accent-purple) !important;
  border-radius: 25px !important;
  box-shadow: 0 0 15px var(--neon-glow-purple) !important;
}

.vc_btn3-color-black:hover {
  background: linear-gradient(
    135deg,
    var(--accent-purple),
    var(--accent-cyan)
  ) !important;
  box-shadow: 0 0 25px rgba(139, 92, 246, 0.8),
    0 5px 15px rgba(124, 60, 237, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* Section Backgrounds */
#welcome-section {
  background: linear-gradient(
    135deg,
    var(--bg-primary) 0%,
    var(--bg-secondary) 50%,
    var(--bg-tertiary) 100%
  ) !important;
}

#gaming-hub {
  background: var(--bg-primary) !important;
  padding: 80px 0 !important;
}

#info-section {
  background: linear-gradient(
    to right,
    var(--bg-secondary),
    var(--bg-primary)
  ) !important;
}

#legal-notice {
  background: var(--bg-primary) !important;
  border: 3px solid var(--accent-purple) !important;
  box-shadow: 0 0 30px var(--neon-glow-purple) !important;
  padding: 80px 0 !important;
}

/* Notice Bar */
#notice-bar {
  background: linear-gradient(
    135deg,
    var(--accent-violet),
    var(--accent-purple)
  ) !important;
  padding: 10px !important;
  box-shadow: 0 0 20px var(--neon-glow-purple) !important;
}

/* Card Styles - Neon Gaming */
.vc_custom_1736150712564 {
  background: linear-gradient(
    135deg,
    rgba(21, 25, 52, 0.8),
    rgba(10, 14, 39, 0.8)
  ) !important;
  border: 2px solid var(--accent-purple) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.4), 0 0 40px rgba(6, 182, 212, 0.2) !important;
  backdrop-filter: blur(10px) !important;
}

.vc_custom_1736232184831,
.vc_custom_1736233780484 {
  background: linear-gradient(
    135deg,
    rgba(21, 25, 52, 0.9),
    rgba(10, 14, 39, 0.9)
  ) !important;
  border: 2px solid var(--accent-purple) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.4), 0 0 40px rgba(6, 182, 212, 0.2) !important;
  padding: 30px !important;
  backdrop-filter: blur(10px) !important;
}

/* Game Cards */
.wpb_column {
  transition: all 0.3s ease !important;
}

.wpb_column:hover {
  transform: translateY(-5px) !important;
}

.wpb_single_image {
  border-radius: 15px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.vc_single_image-wrapper {
  border: 2px solid var(--accent-purple) !important;
  border-radius: 15px !important;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.4), 0 0 40px rgba(6, 182, 212, 0.2) !important;
  transition: all 0.3s ease !important;
  animation: neon-pulse 3s ease-in-out infinite !important;
}

.vc_single_image-wrapper:hover {
  box-shadow: 0 0 30px rgba(139, 92, 246, 0.7), 0 0 60px rgba(6, 182, 212, 0.4) !important;
  transform: scale(1.02) !important;
}

/* Age Verification Modal */
#ageCheckModal {
  background: rgba(0, 0, 0, 0.95) !important;
}

.modal-box {
  background: linear-gradient(
    135deg,
    var(--bg-primary),
    var(--bg-secondary)
  ) !important;
  border: 3px solid var(--accent-purple) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 40px rgba(139, 92, 246, 0.8), 0 0 80px rgba(139, 92, 246, 0.4) !important;
  animation: neon-pulse 2s ease-in-out infinite !important;
}

.modal-box h1 {
  color: var(--text-primary) !important;
  text-shadow: 0 0 20px var(--accent-purple) !important;
}

.modal-box img {
  filter: drop-shadow(0 0 15px var(--accent-purple)) !important;
}

.modal-box p {
  color: var(--text-primary) !important;
}

.modal-box button {
  background: linear-gradient(
    135deg,
    var(--accent-violet),
    var(--accent-purple)
  ) !important;
  border: 2px solid var(--accent-purple) !important;
  box-shadow: 0 0 20px var(--neon-glow-purple) !important;
  transition: all 0.3s ease !important;
}

.modal-box button:hover {
  background: linear-gradient(
    135deg,
    var(--accent-purple),
    var(--accent-cyan)
  ) !important;
  box-shadow: 0 0 30px rgba(139, 92, 246, 0.9),
    0 10px 25px rgba(124, 60, 237, 0.5) !important;
  transform: translateY(-2px) scale(1.05) !important;
}

.modal-box small {
  color: var(--text-secondary) !important;
}

/* Cookie Notice */
#cookieNotice {
  background: rgba(10, 14, 39, 0.95) !important;
  border: 2px solid var(--accent-cyan) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 20px var(--neon-glow-cyan) !important;
  backdrop-filter: blur(10px) !important;
}

#cookieNotice p {
  color: var(--text-primary) !important;
}

#cookieNotice a {
  color: var(--accent-cyan) !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

#cookieNotice a:hover {
  color: var(--text-primary) !important;
  text-shadow: 0 0 10px var(--accent-cyan) !important;
}

#cookieNotice button {
  background: var(--accent-cyan) !important;
  border: 2px solid var(--accent-cyan) !important;
  box-shadow: 0 0 15px var(--neon-glow-cyan) !important;
  transition: all 0.3s ease !important;
}

#cookieNotice button:hover {
  background: var(--accent-purple) !important;
  border-color: var(--accent-purple) !important;
  box-shadow: 0 0 25px rgba(139, 92, 246, 0.8) !important;
  transform: translateY(-2px) !important;
}

/* Custom Section Styles */
.vc_custom_1751267871749 {
  background: linear-gradient(
    135deg,
    var(--accent-violet),
    var(--accent-purple)
  ) !important;
  box-shadow: 0 0 20px var(--neon-glow-purple) !important;
}

.vc_custom_1751284094737 {
  background: var(--bg-primary) !important;
  border: 3px solid var(--accent-purple) !important;
  box-shadow: 0 0 30px var(--neon-glow-purple),
    inset 0 0 20px rgba(139, 92, 246, 0.1) !important;
}

/* Animations */
@keyframes neon-pulse {
  0%,
  100% {
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.4),
      0 0 40px rgba(6, 182, 212, 0.2);
  }
  50% {
    box-shadow: 0 0 30px rgba(139, 92, 246, 0.6),
      0 0 60px rgba(6, 182, 212, 0.3);
  }
}

@keyframes border-glow {
  0%,
  100% {
    border-color: var(--accent-purple);
    box-shadow: 0 0 20px var(--neon-glow-purple);
  }
  50% {
    border-color: var(--accent-cyan);
    box-shadow: 0 0 20px var(--neon-glow-cyan);
  }
}

@keyframes text-glow {
  0%,
  100% {
    text-shadow: 0 0 10px var(--accent-purple);
  }
  50% {
    text-shadow: 0 0 20px var(--accent-purple), 0 0 30px var(--accent-cyan);
  }
}

/* Apply animations to specific elements */
.vc_custom_heading {
  animation: text-glow 3s ease-in-out infinite !important;
}

/* Legal Notice Icons */
#legal-notice .vc_single_image-wrapper {
  transition: all 0.3s ease !important;
}

#legal-notice .vc_single_image-wrapper:hover {
  transform: scale(1.1) !important;
  filter: drop-shadow(0 0 15px var(--accent-purple)) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  /* Reduce glow intensity on mobile for performance */
  .vc_single_image-wrapper,
  .modal-box,
  #cookieNotice {
    animation: none !important;
  }

  .vc_single_image-wrapper {
    box-shadow: 0 0 10px rgba(139, 92, 246, 0.3) !important;
  }

  h1 {
    text-shadow: 0 0 10px var(--accent-purple) !important;
  }

  h2 {
    text-shadow: 0 0 8px var(--accent-purple) !important;
  }
}

/* Contact Form Styles */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container textarea {
  background: rgba(21, 25, 52, 0.5) !important;
  border: 2px solid var(--accent-purple) !important;
  color: var(--text-primary) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  transition: all 0.3s ease !important;
}

.wpforms-container input[type="text"]:focus,
.wpforms-container input[type="email"]:focus,
.wpforms-container textarea:focus {
  box-shadow: 0 0 20px var(--neon-glow-purple) !important;
  border-color: var(--accent-cyan) !important;
  outline: none !important;
}

.wpforms-container label {
  color: var(--text-secondary) !important;
}

.wpforms-submit {
  background: linear-gradient(
    135deg,
    var(--accent-violet),
    var(--accent-purple)
  ) !important;
  border: 2px solid var(--accent-purple) !important;
  border-radius: 25px !important;
  padding: 14px 35px !important;
  color: var(--text-primary) !important;
  font-weight: 600 !important;
  box-shadow: 0 0 15px var(--neon-glow-purple) !important;
  transition: all 0.3s ease !important;
}

.wpforms-submit:hover {
  background: linear-gradient(
    135deg,
    var(--accent-purple),
    var(--accent-cyan)
  ) !important;
  box-shadow: 0 0 25px rgba(139, 92, 246, 0.8),
    0 5px 15px rgba(124, 60, 237, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* Content Area */
.uicore-content {
  background: var(--bg-primary) !important;
}

/* Strong tags */
strong,
b {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}