/* Custom styles for MomDragon Store */

/* Additional component styles */
.product-card {
    transition: transform 0.2s ease-in-out;
}

.product-card:hover {
    transform: translateY(-2px);
}

/* Loading states */
.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Star ratings */
.star-rating {
    display: inline-flex;
    font-size: 1.2rem;
    color: #fbbf24;
}

.star-rating .star-empty {
    color: #d1d5db;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.3s ease-out;
}

/* Mobile menu */
.mobile-menu {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}

.mobile-menu.open {
    transform: translateX(0);
}

/* Form enhancements */
.form-group {
    @apply mb-4;
}

.form-label {
    @apply block text-sm font-medium text-gray-700 mb-1;
}

.form-error {
    @apply text-red-600 text-sm mt-1;
}

/* Alert messages - Updated to use brand colors */
.alert {
    @apply px-4 py-3 rounded border transition-all duration-300 shadow-sm;
}

.alert-success {
    @apply bg-nature-50 border-nature-400 text-nature-800;
}

.alert-error {
    @apply bg-red-50 border-accent-400 text-accent-800;
}

.alert-warning {
    @apply bg-yellow-50 border-yellow-400 text-yellow-800;
}

.alert-info {
    @apply bg-secondary-50 border-secondary-400 text-primary-700;
}