/*
Theme Name: Joyful Day Birthday Contest
Theme URI: https://joyfuldaybirthdaycontest.site
Author: JoyfulDay Team
Description: Custom theme for the Joyful Day Birthday Picture Contest powered by Femi Elijah. React-based single-page frontend with Paystack voting integration.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: joyful-day-theme
*/

/* Reset & Base — React handles all rendering */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
    background: #08081a;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
#jdc-app { min-height: 100vh; }
img { max-width: 100%; height: auto; }
input::placeholder { color: rgba(255,255,255,.18); }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; }

/* Animations */
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
@keyframes slideDown { from { transform: translate(-50%, -20px); opacity: 0; } to { transform: translate(-50%, 0); opacity: 1; } }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }