/*
Theme Name: WhyIslam Next
Theme URI: https://whyislam.org
Author: WhyIslam Team
Description: Custom lightweight theme for WhyIslam.org — React-powered Islamic educational platform
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.0
License: Private
Text Domain: whyislam-next
*/

/* Minimal reset — React handles all styling */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #fff; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
#whyislam-root { min-height: 100vh; }

/* Loading state before React mounts */
.wi-loading {
  display: flex; align-items: center; justify-content: center;
  min-height: 100vh; background: #f9fafb;
}
.wi-loading-spinner {
  width: 40px; height: 40px; border: 3px solid #e5e7eb;
  border-top-color: #1b5e20; border-radius: 50%;
  animation: wi-spin 0.8s linear infinite;
}
@keyframes wi-spin { to { transform: rotate(360deg); } }