/* ========== START user‑courses module (purple‑orange palette) ========== */
/* =================================================
   🎨  Palette — CSS Variables
================================================= */
:root{
    /* בסיס כרטיס + טיפוגרפיה */
    --clr-bg-card:#ffffff;
    --clr-border-card:#dfddf5;      /* סגול‑בהיר */
    --clr-shadow:rgba(0,0,0,.06);
    --clr-text-head:#321863;        /* סגול כהה */
    --clr-text-body:#371f6c;
    --clr-text-lite:#786bb3;

    /* כתום / הדגשות */
    --clr-accent:#ff6700;           /* כתום ראשי */
    --clr-accent-dark:#ff5f1f;

    /* Progress Bar (סגול) */
    --clr-progress:#321863;

    /* “אין קורסים” */
    --clr-bg-highlight:#ffdfd2;
}

/* -------------------------------------------------
   Grid — Desktop עד Mobile
------------------------------------------------- */
.user-courses .courses-grid{
    display:grid;
    gap:32px;
    width:100%;
    margin:0 auto 5rem;                              /* רווח לפני הכפתור */
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    justify-content:center;
    direction:ltr;                                   /* שלא יידבק לימין ב‑RTL */
}

/* -------------------------------------------------
   Cards
------------------------------------------------- */
.user-courses .course-card{
    background:var(--clr-bg-card);
    border:1px solid var(--clr-border-card);
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 4px 8px var(--clr-shadow);
    transition:transform .3s;
    display:flex;flex-direction:column;
}
.user-courses .course-card:hover{transform:translateY(-6px);}
.user-courses .course-card a{display:block;text-decoration:none;color:inherit;height:100%;}
.user-courses .course-card img{width:100%;display:block;}
.user-courses .course-title{font-size:1.25rem;margin:1rem auto;font-weight:600;color:var(--clr-text-body);text-align:center;}

/* -------------------------------------------------
   Progress  (Label + % באותה שורה)
------------------------------------------------- */
.user-courses .course-progress-container{margin:0 1rem 1.25rem;}
.user-courses .progress-row{
    display:flex;justify-content:space-between;align-items:center;
    gap:8px;font-size:.9rem;font-weight:600;margin-bottom:6px;
}
.user-courses .progress-label{color:var(--clr-text-lite);}
.user-courses .progress-text{font-weight:700;white-space:nowrap;color:var(--clr-text-body);}
.user-courses .course-progress{
    width:100%;height:14px;margin-top:6px;
    background:#e0e0e0;border-radius:7px;overflow:hidden;
}
.user-courses .progress-bar{height:100%;background:var(--clr-progress);}

/* -------------------------------------------------
   Heading / Button / “No courses”
------------------------------------------------- */
.user-courses .courses-heading{
    text-align:center;margin:0 0 2rem;
    font-size:1.9rem;font-weight:700;color:var(--clr-text-head);
}

.user-courses .view-all-courses{text-align:center;margin-top:0;} /* אין כפילות מרווחים */
.user-courses .view-all-courses .button{
    display:inline-block;padding:.75rem 1.75rem;font-size:1rem;
    border:1px solid var(--clr-accent) !important;
    border-radius:6px;background:transparent !important;
    color:var(--clr-accent) !important;transition:.3s;
}
.user-courses .view-all-courses .button:hover{
    background:var(--clr-accent-dark) !important;color:#fff !important;
}

.user-courses .no-courses-message{
    text-align:center;padding:2rem;font-size:1.2rem;
    color:var(--clr-text-head);background:var(--clr-bg-highlight);
    border-radius:8px;margin:2rem auto;max-width:800px;
}

/* -------------------------------------------------
   Mobile fine‑tuning
------------------------------------------------- */
@media (max-width:575px){
    .user-courses .courses-heading{font-size:1.6rem;}
    .user-courses .course-title{font-size:1.1rem;}
    .user-courses .progress-label,.user-courses .progress-text{font-size:.8rem;}
    .user-courses .view-all-courses .button{width:100%;}
    .user-courses .course-card{margin-bottom:32px;padding-bottom:12px;} /* רווח ל‑Progress */
}
/* =========== END user‑courses module =========== */