/* PVP 4-H Club - Central Stylesheet */

/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Base Styles */
body {
    font-family: 'Inter', sans-serif;
}

/* Common Layout Styles */
.gradient-bg {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.animate-fade-in {
    animation: fadeIn 0.6s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Navigation Styles */
nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
}

/* Step Process Styles (for enrollment and volunteer pages) */
.step-connector {
    border-left: 2px dashed #10b981;
    margin-left: 1.5rem;
    padding-left: 2rem;
    margin-top: -1rem;
    padding-top: 2rem;
}

@media (max-width: 768px) {
    .step-connector {
        border-left: 1px dashed #10b981;
        margin-left: 1rem;
        padding-left: 1rem;
    }
}

.step-number {
    background: linear-gradient(135deg, #059669, #10b981);
}

/* Payment Page Styles */
.payment-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

.price-highlight {
    background: linear-gradient(135deg, #059669, #10b981);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}