/*
Theme Name: Xin Ha Tian Ma
Theme URI: https://www.xinhatianma.com
Author: AI Assistant
Description: 1:1 Replica of Xin Ha Tian Ma React App using Tailwind CSS.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: xinhatianma
*/

/* Reset & Base */
body {
    font-family: 'Noto Sans SC', system-ui, -apple-system, sans-serif;
    overflow-x: hidden;
    background-color: #fff;
}

/* Custom Scrollbar */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Animations */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.animate-fade-in { animation: fadeIn 0.5s ease-in-out forwards; }

@keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in-down { animation: fadeInDown 0.5s ease-in-out forwards; }

@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in-up { animation: fadeInUp 0.5s ease-in-out forwards; }

@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob { animation: blob 7s infinite; }
.animation-delay-2000 { animation-delay: 2s; }

@keyframes bounce-slow {
    0%, 100% { transform: translate(-50%, -50%) translateY(-5%); }
    50% { transform: translate(-50%, -50%) translateY(0); }
}
.animate-bounce-slow { animation: bounce-slow 2s infinite; }

/* WP Alignment Classes */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 0 1.5em 1.5em 0; }
.alignright { float: right; margin: 0 0 1.5em 1.5em; }