/* MonMenu custom styles — extends Tailwind */

/* Star rating display */
.stars {
    display: inline-flex;
    gap: 2px;
}

.stars .star {
    color: #d1d5db;
    font-size: 1.1rem;
}

.stars .star.filled {
    color: #f59e0b;
}

/* Star rating input */
.star-rating {
    display: flex;
    gap: 4px;
    direction: rtl;
    justify-content: flex-end;
}

.star-rating input {
    display: none;
}

.star-rating label {
    cursor: pointer;
    font-size: 1.5rem;
    color: #d1d5db;
    transition: color 0.15s;
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label {
    color: #f59e0b;
}

/* Shopping list checked items */
.shopping-item.checked {
    opacity: 0.5;
    text-decoration: line-through;
}

/* Smooth transitions for theme toggle */
* {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Menu planner grid */
.menu-grid {
    display: grid;
    grid-template-columns: auto repeat(7, 1fr);
    gap: 1px;
}

@media (max-width: 768px) {
    .menu-grid {
        grid-template-columns: 1fr;
    }
}

/* Recipe card hover */
.recipe-card {
    transition: transform 0.15s, box-shadow 0.15s;
}

.recipe-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Pantry status badges */
.badge-expired {
    background-color: #fecaca;
    color: #991b1b;
}

.badge-expiring {
    background-color: #fed7aa;
    color: #9a3412;
}

.dark .badge-expired {
    background-color: #7f1d1d;
    color: #fecaca;
}

.dark .badge-expiring {
    background-color: #7c2d12;
    color: #fed7aa;
}