/*
Theme Name: Makoons Hanumangarh
Description: A beautiful, child-friendly WordPress theme for Makoons Preschool Hanumangarh with modern design and mobile optimization
Author: Makoons Team
Version: 1.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: makoons
*/

/* Import Google Fonts for child-friendly design */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Comic+Neue:wght@300;400;700&family=Nunito:wght@300;400;500;600;700;800&display=swap');

/* Root Variables - Child-friendly colors */
:root {
  --font-size: 14px;
  --background: #fdfcfc;
  --foreground: #2d3748;
  --card: #ffffff;
  --card-foreground: #2d3748;
  
  /* Child-friendly colors */
  --kid-primary: #ff6b9d;
  --kid-secondary: #4ecdc4;
  --kid-accent: #ffd93d;
  --kid-success: #6bcf7f;
  --kid-info: #4d96ff;
  --kid-warning: #ffb347;
  --kid-purple: #b19cd9;
  --kid-orange: #ff8c42;
  --kid-green: #98d8c8;
  --kid-blue: #84c3ce;
  
  --radius: 0.625rem;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
}

/* Base Styles */
* {
  box-sizing: border-box;
}

body {
  font-family: 'Fredoka', 'Comic Neue', 'Nunito', system-ui, -apple-system, sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

/* Container */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Child-friendly animations */
@keyframes bounce-gentle {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.bounce-gentle {
  animation: bounce-gentle 2s infinite;
}

.wiggle {
  animation: wiggle 1s ease-in-out infinite;
}

.float {
  animation: float 3s ease-in-out infinite;
}

/* Utility Classes */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.bg-kid-primary { background-color: var(--kid-primary); }
.bg-kid-secondary { background-color: var(--kid-secondary); }
.bg-kid-accent { background-color: var(--kid-accent); }
.bg-kid-success { background-color: var(--kid-success); }
.bg-kid-info { background-color: var(--kid-info); }
.bg-kid-warning { background-color: var(--kid-warning); }

.text-kid-primary { color: var(--kid-primary); }
.text-kid-secondary { color: var(--kid-secondary); }
.text-kid-accent { color: var(--kid-accent); }

.rounded-2xl { border-radius: 1rem; }
.rounded-3xl { border-radius: 1.5rem; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }

/* WordPress specific styles */
.wp-block-group {
  margin: 0;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .mobile-hidden { 
    display: none !important; 
  }
  
  .mobile-text-center { 
    text-align: center !important; 
  }
  
  .mobile-padding {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  .container {
    padding: 0 1rem;
  }
}

/* Print styles */
@media print {
  .no-print {
    display: none !important;
  }
}