/* =========================================================
   REINS — Card / Pills / Actions / Pager (רכיבי UI כלליים)
   ------------------------------------------------------------
   רכיבים גנריים בשימוש בכל האתר: דף הבית, ספריית מאמרים, ארכיון
   הרצאות, ולוחות מערכת הדרושים (stable-link). אינו כולל את מסגרת
   עמוד הלוח המלאה (board-wrap/sidebar/filter) — זו ספציפית
   למערכת הדרושים, ב-css/stable-link/.
========================================================= */
.reins-card{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:16px;
    border:1px solid var(--reins-border);
    border-radius:var(--reins-radius-md);
    background:inherit;
    box-shadow:0 4px 14px rgba(0,0,0,.04);
}

.reins-card__head{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:4px;
    padding-inline-end:38px;
}

.reins-card__title{
    margin:0;
    line-height:1.3;
    font-size:1.05rem;
}

.reins-card__sub{
    font-size:.92em;
    opacity:.75;
    line-height:1.3;
}

.reins-pills{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.reins-pill{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:4px 10px;
    border-radius:var(--reins-radius-pill);
    border:1px solid var(--reins-border);
    background:rgba(0,0,0,.04);
    font-size:.9em;
    line-height:1.2;
}

.reins-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-top:auto;
}

.reins-actions > :is(a,button,.ast-button,.button,.wp-element-button),
.board-filter-actions > :is(a,button,.ast-button,.button,.wp-element-button),
.reins-pager__links > :is(a,button,.ast-button,.button,.wp-element-button){
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:10px 18px;
    line-height:1.2;
    text-decoration:none;
    cursor:pointer;
}

.reins-actions > .reins-btn--secondary,
.board-filter-actions > .reins-btn--secondary{
    margin-inline-start:auto;
}

/* רספונסיביות — נשארת צמודה לרכיב שהיא נוגעת בו (reins-actions) */
@media(max-width:480px){
    .reins-actions{ width:100%; }
    .reins-actions > *{ max-width:100%; }
}