/* Custom CSS for IronPump Fitness Fortress */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #dc2626;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #b91c1c;
}

/* Animation for CTA buttons */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

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

/* Table styling */
table {
    border-collapse: separate;
    border-spacing: 0;
}

th, td {
    text-align: center;
    vertical-align: middle;
}

th {
    font-weight: 600;
}

tr:last-child td {
    border-bottom: none;
}

/* Trainer card hover effect */
.trainer-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Form input focus styles */
input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2);
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .schedule-table {
        font-size: 0.875rem;
    }
}

/* Membership card hover */
.membership-card:hover .membership-features li {
    transform: translateX(5px);
    transition: transform 0.3s ease;
}

/* Transformation gallery overlay */
.transformation-overlay {
    transition: all 0.3s ease;
    opacity: 0;
}

.transformation-item:hover .transformation-overlay {
    opacity: 1;
}