/* ========================================
   Wishes
   ======================================== */

.wishes-section {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 248, 252, 0.92));
}

.wish-form {
    grid-template-columns: minmax(220px, 1.2fr) minmax(140px, 0.75fr) minmax(140px, 0.75fr) minmax(150px, 0.8fr);
    grid-template-areas:
        "title title set-date target-date"
        "category priority submit submit";
    align-items: end;
}

.wish-title-field {
    grid-area: title;
}

.wish-set-date-field {
    grid-area: set-date;
}

.wish-target-date-field {
    grid-area: target-date;
}

.wish-category-field {
    grid-area: category;
}

.wish-priority-field {
    grid-area: priority;
}

.wish-form .memory-tool-primary {
    grid-area: submit;
    min-height: 46px;
    align-self: end;
}

.wish-form .custom-select-trigger {
    background: #fdf5ff;
    border-color: #f0e0f6;
    color: var(--text-dark);
    font-weight: 800;
}

.wish-form .custom-select-trigger:hover {
    border-color: var(--primary-light);
    background: #fff0f6;
}

.wish-item.is-completed .memory-tool-title {
    color: var(--text-light);
    text-decoration: line-through;
}

.wish-status-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border-radius: 50%;
    background: #fdf5ff;
    color: var(--primary-color);
    font-size: 0.78rem;
    vertical-align: middle;
}

.wish-item.is-completed .wish-status-dot {
    background: #effbf5;
    color: #5fbf97;
}

.wish-priority-stars {
    color: #ff8ec7;
    letter-spacing: 1px;
}

.wish-date-muted {
    color: var(--text-light);
}

@media (max-width: 980px) {
    .wish-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "title title"
            "set-date target-date"
            "category priority"
            "submit submit";
    }
}

@media (max-width: 620px) {
    .wish-form {
        grid-template-columns: 1fr;
        grid-template-areas:
            "title"
            "set-date"
            "target-date"
            "category"
            "priority"
            "submit";
        gap: 10px;
    }
}