/* Custom CSS for Palamu11 Fantasy Cricket Platform */

/* Cricket Ball Bounce Animation */
@keyframes cricket-ball-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

/* Bat Swing Animation */
@keyframes bat-swing {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(30deg); }
    100% { transform: rotate(0deg); }
}

/* Wicket Fall Animation */
@keyframes wicket-fall {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-45deg); }
}

/* Global Styles */
body {
    background-color: #ffffff;
    color: #1a1a1a;
    font-family: 'Arial', sans-serif;
}

/* Cricket-themed Hover Effects */
.cricket-hover {
    transition: all 0.3s ease;
}

.cricket-hover:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(220, 38, 38, 0.2);
}

/* Animated Cricket Elements */
.cricket-ball {
    animation: cricket-ball-bounce 1.5s infinite;
}

.cricket-bat {
    animation: bat-swing 2s infinite;
}

.cricket-wicket {
    transition: transform 0.5s ease;
}

.cricket-wicket:hover {
    animation: wicket-fall 0.5s ease;
}

/* Red and White Theme */
.bg-cricket-primary {
    background-color: #dc2626; /* Red */
}

.text-cricket-primary {
    color: #dc2626; /* Red */
}

.bg-cricket-secondary {
    background-color: #ffffff; /* White */
}

.text-cricket-secondary {
    color: #ffffff; /* White */
}

/* Feature Card Animations */
.feature-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.feature-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 15px 30px rgba(220, 38, 38, 0.15);
}

/* Button Styles */
.cricket-btn {
    background-color: #dc2626;
    color: white;
    border: 2px solid #dc2626;
    transition: all 0.3s ease;
}

.cricket-btn:hover {
    background-color: white;
    color: #dc2626;
    transform: translateY(-5px);
}

/* Responsive Typography */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #ffffff;
}

::-webkit-scrollbar-thumb {
    background: #dc2626;
    border-radius: 5px;
}

/* Subtle Text Animation */
@keyframes text-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.cricket-text-pulse {
    animation: text-pulse 2s infinite;
}

/* Loading Spinner */
.cricket-spinner {
    border: 4px solid rgba(220, 38, 38, 0.3);
    border-top: 4px solid #dc2626;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}