/* cti-video — הנגן. צבעים מטוקני האתר (--bm-*) עם נפילה חזרה ניטרלית. */
.cti-video { position: relative; width: 100%; direction: rtl; }
.cti-video--video .cti-video__media { display: block; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: var(--bm-radius, 8px); }
.cti-video--audio .cti-video__media { display: block; width: 100%; }
.cti-video__bar { display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding: 6px 2px; font-size: 0.85em; color: var(--bm-text-muted, #666); }
.cti-video__quality { display: inline-flex; align-items: center; gap: 6px; }
.cti-video__quality select { font: inherit; padding: 2px 6px; border-radius: 4px; border: 1px solid var(--bm-border, #ccc); background: var(--bm-surface, #fff); color: inherit; }
.cti-video__notice:empty { display: none; }
.cti-video__notice { color: var(--bm-accent, #b3261e); }
/* הורדה: כפתור "⋮" שקט בפינת הנגן — מופיע רק במעבר עכבר / מיקוד מקלדת / נגיעה / תפריט פתוח */
.cti-video__more { position: absolute; top: 8px; inset-inline-end: 8px; z-index: 3; opacity: 0; transition: opacity .15s; }
.cti-video:hover .cti-video__more, .cti-video:focus-within .cti-video__more, .cti-video.is-touched .cti-video__more, .cti-video__more.is-open { opacity: 1; }
/* הצבעים כאן הם של שכבה מעל הסרטון (תמיד כהה עם טקסט לבן), ולכן משתמשים רק בטוקנים שלא מתהפכים
   במצב קריאה בהיר (--bm-navy-deep / --bm-navy-soft / --bm-surface-white) — לא ב---bm-text/--bm-accent שמתהפכים. */
.cti-video .cti-video__more-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; font-size: 20px; line-height: 1; cursor: pointer; border-radius: 50%; border: 1px solid var(--bm-surface-white); background: var(--bm-navy-deep); color: var(--bm-surface-white); opacity: .85; }
.cti-video .cti-video__more-btn:hover, .cti-video .cti-video__more-btn:focus, .cti-video .cti-video__more-btn:focus-visible, .cti-video .cti-video__more-btn:active { opacity: 1; background: var(--bm-navy-soft); color: var(--bm-surface-white); border-color: var(--bm-surface-white); }
/* התפריט נפתח לצד הכפתור (בצד ה"פנימי" של הנגן), בגודל הטקסט שבו */
.cti-video .cti-video__menu { position: absolute; top: 0; inset-inline-end: calc(100% + 6px); display: flex; align-items: center; width: max-content; min-height: 32px; padding: 0; border-radius: var(--bm-radius, 8px); border: 1px solid var(--bm-surface-white); background: var(--bm-navy-deep); box-shadow: var(--bm-shadow); overflow: hidden; }
.cti-video .cti-video__menu[hidden] { display: none; }
/* הקישור חייב ספציפיות גבוהה: בפורום יש כללים גורפים לקישורים בתוך פוסט/תגובה
   (body.bm-reading-light .bm-forum-post__content a → צבע navy, ו-.bm-forum-post__content a → קו תחתון),
   והם היו צובעים את הטקסט כחול-כהה על רקע כחול-כהה ומוסיפים קו תחתון קבוע. */
.cti-video .cti-video__menu a.cti-video__download,
.cti-video .cti-video__menu a.cti-video__download:link,
.cti-video .cti-video__menu a.cti-video__download:visited { display: block; padding: 6px 12px; font-size: 0.85em; line-height: 1.3; text-decoration: none; white-space: nowrap; color: var(--bm-surface-white); background: transparent; }
.cti-video .cti-video__menu a.cti-video__download:hover,
.cti-video .cti-video__menu a.cti-video__download:focus,
.cti-video .cti-video__menu a.cti-video__download:focus-visible,
.cti-video .cti-video__menu a.cti-video__download:active { background: var(--bm-navy-soft); color: var(--bm-surface-white); text-decoration: underline; text-decoration-thickness: auto; }
.cti-video--pending { padding: 24px; text-align: center; background: var(--bm-surface-alt, #f3f3f3); border-radius: var(--bm-radius, 8px); color: var(--bm-text-muted, #666); }
.cti-video--pending p { margin: 0; }