/* פאנל ניהול */
.evl-admin-form { background: #fff; padding: 20px; border: 1px solid #ccd0d4; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }

/* חזית האתר - פילטרים - תיקון דריסות תבנית */
.evl-wrapper { font-family: inherit; margin: 30px 0; }
.evl-filters { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; background: #f9f9f9; padding: 20px; border-radius: 12px; border: 1px solid #eaeaea; }
.evl-filter-group { flex: 1; min-width: 200px; position: relative; }
.evl-search-input { width: 100%; padding: 10px 15px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; box-sizing: border-box; height: 42px; }

/* מונה סרטונים */
.evl-counter { font-size: 16px; font-weight: 500; color: #334155; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 2px solid #e2e8f0; }
.evl-counter strong { color: #2563eb; font-size: 18px; }

/* --- תיקון עיצוב Select2 בחזית עקב עיוותי אלמנטור --- */
.evl-wrapper .select2-container { width: 100% !important; }
.evl-wrapper .select2-container .select2-selection--multiple { min-height: 42px; padding: 2px; border: 1px solid #ccc; border-radius: 4px; display: flex; align-items: center; background: #fff; }
.evl-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: flex; flex-wrap: wrap; margin: 0; padding: 0; align-items: center; }
.evl-wrapper .select2-container .select2-search--inline { float: none; margin-top: 0; }
.evl-wrapper .select2-container .select2-search--inline .select2-search__field { margin-top: 5px; font-family: inherit; }
.select2-dropdown { margin-top: 0 !important; border-color: #cbd5e1 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 4px; z-index: 9999; }

/* חזית האתר - גריד קלפים */
.evl-video-grid { display: grid; gap: 30px; margin-bottom: 30px; }
.evl-grid-3 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.evl-grid-4 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

/* כרטיסיית וידאו עכשווית */
.evl-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; }
.evl-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.12); }
.evl-video-wrap { position: relative; padding-bottom: 56.25%; height: 0; background: #000; overflow: hidden; }
.evl-video-wrap iframe, .evl-video-wrap a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; display: block; }
.evl-video-wrap a img { width: 100%; height: 100%; object-fit: cover; border: 0; display: block; transition: transform 0.3s ease; }
.evl-card:hover .evl-video-wrap a img { transform: scale(1.05); }

.evl-card-content { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }

/* תיאור הסרטון */
.evl-desc { font-size: 15px; line-height: 1.6; color: #1e293b; margin-bottom: 15px; }
.evl-read-more { color: #2563eb; cursor: pointer; font-weight: 600; font-size: 13px; text-decoration: underline; margin-right: 5px; }
/* --- עיצוב תוכן הכרטיסייה למראה נקי וללא שוליים לבנים --- */
.evl-card-content { 
    padding: 20px 20px 0 20px; /* ביטול הפדינג התחתון כדי שהצבע ייגע בתחתית */
    display: flex; 
    flex-direction: column; 
    flex-grow: 1; 
}

/* תיאור הסרטון */
.evl-desc { 
    font-size: 15px; 
    line-height: 1.6; 
    color: #1e293b; 
    margin-bottom: 10px; /* מרווח מינימלי למרצה/כפתור */
    flex-grow: 1; /* מוודא שכרטיסיות נשארות באותו גובה */
}

.evl-read-more { color: #2563eb; cursor: pointer; font-weight: 600; font-size: 13px; text-decoration: underline; margin-right: 5px; }

/* כפתור מקורות מחקר */
.evl-sources { margin-bottom: 15px; text-align: center; }
.evl-btn-outline { display: inline-block; padding: 6px 15px; border: 1px solid #cbd5e1; border-radius: 6px; color: #334155; text-decoration: none !important; font-size: 13px; font-weight: 600; transition: all 0.2s; }
.evl-btn-outline:hover { background: #f1f5f9; color: #0f172a; }

/* --- רשימת המונחים (בלוקים מלאים מקצה לקצה) --- */
.evl-meta-list { 
    display: flex; 
    flex-direction: column; 
    margin-left: -20px; 
    margin-right: -20px; 
    margin-bottom: 0; 
    border-top: none; 
    padding-top: 0; 
    gap: 0; 
}

.evl-meta-block {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 15px; 
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    border-radius: 0; 
    transition: background 0.3s ease;
}

/* כשהבלוק ניתן להרחבה, מוסיפים ריווח משמאל בשביל החץ ומשנים סמן לעכבר לחיץ */
.evl-meta-block.is-expandable {
    padding-left: 35px;
    cursor: pointer;
}

.evl-meta-block:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* תוכן הבלוק - מגביל לשורה אחת בלבד עם 3 נקודות (...) */
.evl-meta-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

/* במצב פתוח, מחזירים לשבירת שורות רגילה */
.evl-meta-block.expanded .evl-meta-content {
    white-space: normal;
}

/* החץ הקטן שיושב בצד שמאל */
.evl-meta-expand {
    display: none; /* מוסתר כברירת מחדל, ה-JS יפעיל אותו */
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.6;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.evl-meta-block.is-expandable:hover .evl-meta-expand {
    opacity: 1;
}

/* סיבוב החץ למעלה בעת פתיחה */
.evl-meta-block.expanded .evl-meta-expand {
    transform: translateY(-50%) rotate(180deg);
}

.evl-meta-block i.dashicons { vertical-align: text-bottom; margin-left: 5px; font-size: 16px; width: 16px; height: 16px; }
.evl-meta-block strong { font-weight: 700; margin-left: 4px; }

/* צבעי רקע וטקסט */
.evl-lect { background: #fef3c7; color: #92400e; }
.evl-cat { background: #e0f2fe; color: #075985; }
.evl-inst { background: #f3e8ff; color: #6b21a8; }

/* כפתורים ודלפק - כללי */
.evl-btn { background: #1e293b; color: #fff; border: none; padding: 10px 25px; border-radius: 6px; cursor: pointer; font-size: 15px; transition: background 0.2s; }
.evl-btn:hover { background: #0f172a; }
.evl-load-more-wrap { text-align: center; margin-top: 20px; }

/* התאמות ל-DataTables בניהול בעברית (RTL) */
.dataTables_wrapper .dataTables_filter { float: left; text-align: left; margin-bottom: 10px; }
.dataTables_wrapper .dataTables_length { float: right; margin-bottom: 10px; }
.dataTables_wrapper .dataTables_paginate { float: left; margin-top: 10px; }
.dataTables_wrapper .dataTables_info { float: right; margin-top: 10px; }
#evl-videos-table th { cursor: pointer; position: relative; padding-right: 20px; }
#evl-videos-table th.sorting:after, #evl-videos-table th.sorting_asc:after, #evl-videos-table th.sorting_desc:after { content: '\2195'; position: absolute; right: 5px; opacity: 0.5; }

/* כפתורים */
.evl-btn { background: #1e293b; color: #fff; border: none; padding: 10px 25px; border-radius: 6px; cursor: pointer; font-size: 15px; transition: background 0.2s; }
.evl-btn:hover { background: #0f172a; }
.evl-btn-outline { display: inline-block; padding: 6px 12px; border: 1px solid #cbd5e1; border-radius: 6px; color: #334155; text-decoration: none !important; font-size: 13px; font-weight: 600; transition: all 0.2s; margin-top: auto; text-align: center; }
.evl-btn-outline:hover { background: #f1f5f9; color: #0f172a; }
.evl-load-more-wrap { text-align: center; margin-top: 20px; }

/* התאמות ל-DataTables בניהול בעברית (RTL) */
.dataTables_wrapper .dataTables_filter { float: left; text-align: left; margin-bottom: 10px; }
.dataTables_wrapper .dataTables_length { float: right; margin-bottom: 10px; }
.dataTables_wrapper .dataTables_paginate { float: left; margin-top: 10px; }
.dataTables_wrapper .dataTables_info { float: right; margin-top: 10px; }
#evl-videos-table th { cursor: pointer; position: relative; padding-right: 20px; }
#evl-videos-table th.sorting:after, #evl-videos-table th.sorting_asc:after, #evl-videos-table th.sorting_desc:after { content: '\2195'; position: absolute; right: 5px; opacity: 0.5; }