/* static/css/custom.css */
.garden-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-radius: 15px;
    overflow: hidden;
    background: linear-gradient(145deg, #ffffff, #e8f5e9);
}
.garden-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(40, 167, 69, 0.3);
}
.plant-icon {
    width: 48px;
    height: 48px;
}
.seed {
    color: #795548; /* Brown for seed */
}
.sprout {
    color: #8BC34A; /* Light green for sprout */
    animation: wiggle 2s ease-in-out infinite;
}
.growing {
    color: #4CAF50; /* Medium green for growing */
    animation: grow 3s ease-in-out infinite;
}
.flower {
    color: #2E7D32; /* Dark green for mature plant */
    animation: bloom 4s ease-in-out infinite;
}

/* Animations for plant states */
@keyframes wiggle {
    0%, 100% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
}
@keyframes grow {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}
@keyframes bloom {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.9; }
}