/**
 * ============================================================
 * REINS — Content Module: Shared Utility CSS
 * מחלקות משותפות ל-reins-lecture-view.css, reins-lectures-library.css
 * ו-reins-articles-library.css. נרשם (register) תמיד דרך
 * content-shared.php, נטען בפועל רק כתלות (dep) של קבצי ה-CSS
 * הספציפיים שמשתמשים במחלקות האלה.
 * ============================================================
 */

/* --- שורת כפתורי פעולה (CTA row) ---
   בשימוש ב-.reins-lecture-card__actions (lectures-library) וב-
   .reins-lecture__actions (lecture-view). --- */
.reins-cta-row{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row-reverse;
    align-items:center;
    gap:10px;
}
.reins-cta-row__btn{
    text-decoration:none;
}
@media (max-width:767px){
    .reins-cta-row{
        flex-direction:column;
        align-items:stretch;
    }
    .reins-cta-row__btn{
        width:100%;
        text-align:center;
    }
}

/* --- גריד כרטיסים רספונסיבי (3 → 2 → 1 עמודות) ---
   בשימוש ב-.reins-articles-grid (articles-library) וב-
   .reins-lectures-library__grid (lectures-library). */
.reins-card-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
}
@media (max-width:1024px){
    .reins-card-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media (max-width:767px){
    .reins-card-grid{
        grid-template-columns:1fr;
    }
}

/* --- תמונת כרטיס אחידה ---
   בשימוש ב-.reins-lecture-card__image וב-.reins-article-card__thumb img.
   שימוש: להוסיף כקלאס נוסף על ה-<img>, לצד הקלאס הסמנטי הייחודי. */
.reins-card-img{
    width:100%;
    aspect-ratio:4 / 3;
    object-fit:cover;
    display:block;
}

/* --- תיאור/טיזר כרטיס, ללא רקע עצמאי ---
   בשימוש ב-.reins-article-card__summary וב-.reins-lecture-card__description -
   ממשיך בטבעיות את הכותרת, בלי רקע/מסגרת נפרדים. */
.reins-card-summary{
    margin:0;
    line-height:1.7;
    font-size:.98rem;
}