/* רשימות בסגנון יוטיוב — רשת של שני טורים (עיצוב 6) */
.list:has(> .yt) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; padding: 4px 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.yt { list-style: none; min-width: 0; }
.yt-hit { display: flex; flex-direction: column; gap: 8px; color: inherit; text-decoration: none; }
.yt-thumb { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: var(--navy-2); }
.yt-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; display: block; transition: transform .3s var(--ease); }
.yt-hit:hover .yt-thumb img { transform: scale(1.04); }
.yt-dur {
  position: absolute; inset-inline-end: 6px; bottom: 6px; padding: 1px 6px; border-radius: 4px;
  background: rgba(0, 0, 0, .85); color: #fff; font-size: .75rem; font-weight: 600;
}
.yt-main { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.yt-title { color: #fff; font-weight: 600; font-size: .98rem; line-height: 1.35; }
.yt-meta { color: var(--ink-soft); font-size: .8rem; line-height: 1.4; margin: 0; }
.yt.playing .yt-thumb { outline: 2px solid var(--gold); outline-offset: 2px; }
.hub-box, .hub-cat { background: none !important; border-inline: 0 !important; border-bottom: 0 !important; border-radius: 0 !important; padding-inline: 0 !important; }
.today .list, .lib-list { background: none; border: 0; box-shadow: none; padding: 0; }
@media (min-width: 761px) { .list:has(> .yt) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .list:has(> .yt) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* עמוד הצפייה (עיצוב 5) */
.watch { padding-top: env(safe-area-inset-top); }
.w-wrap { max-width: 980px; margin: 0 auto; }
.w-stage { position: relative; aspect-ratio: 16 / 9; background: #000; }
.w-stage img, .w-stage iframe { width: 100%; height: 100%; object-fit: cover; border: 0; display: block; }
.w-body { padding: 14px 16px 40px; }
.w-title { font-size: clamp(1.25rem, 4.5vw, 1.8rem); color: #fff; line-height: 1.35; }
#w-meta { margin-top: 6px; font-size: .9rem; }
.w-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 6px; }
.w-btn {
  border: 0; border-radius: 999px; padding: 9px 18px; background: #1e1e21; color: var(--ink);
  font: 600 .95rem var(--sans); cursor: pointer; text-decoration: none;
}
.w-btn.gold { background: var(--gold); color: var(--navy); }
.w-next-h { font-size: 1.1rem; color: var(--gold-2); margin: 22px 0 10px; }
.un { display: flex; gap: 10px; padding: 7px 0; color: inherit; text-decoration: none; }
.un-thumb { position: relative; flex: none; width: 168px; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: var(--navy-2); }
.un-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; display: block; }
.un-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.un-title { color: #fff; font-weight: 600; font-size: .95rem; line-height: 1.35; }
@media (max-width: 380px) { .un-thumb { width: 140px; } }
#pages > section.watch:not([hidden]) { padding-top: 0; }
.w-btn.on { background: rgba(212, 173, 90, .18); color: var(--gold-2); }

/* נגן השמע על התמונה */
.a-stage { cursor: pointer; overflow: hidden; }
.a-shade { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .15) 40%, rgba(0, 0, 0, .8)); }
.a-center { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 28px; }
.a-center button, .a-row button { border: 0; background: none; color: #fff; cursor: pointer; display: grid; place-items: center; }
.a-pp { width: 68px; height: 68px; border-radius: 50%; background: rgba(212, 173, 90, .95) !important; color: var(--navy) !important; box-shadow: 0 6px 20px rgba(0, 0, 0, .5); }
.a-skip { width: 48px; height: 48px; border-radius: 50%; background: rgba(0, 0, 0, .45) !important; }
.a-bottom { position: absolute; inset-inline: 0; bottom: 0; padding: 0 10px 6px; }
.a-seek { width: 100%; accent-color: var(--gold); height: 22px; cursor: pointer; direction: ltr; }
.a-row { display: flex; align-items: center; gap: 4px; color: #fff; }
.a-small { min-width: 40px; min-height: 36px; }
.a-time { font-size: .8rem; margin-inline-start: 6px; direction: ltr; unicode-bidi: isolate; }
.a-speed { margin-inline-start: auto; border: 1px solid rgba(255, 255, 255, .5) !important; border-radius: 999px; padding: 3px 10px; font: 700 .85rem var(--sans); min-height: 30px; }
body.is-playing .a-stage:not(:hover) .a-center .a-skip { opacity: .85; }

/* בעמוד הצפייה אין נגן תחתון; בשאר העמודים — מיני־נגן בשורה אחת */
body.on-watch .player { display: none !important; }
body.on-watch.has-player { padding-bottom: env(safe-area-inset-bottom); }
.player audio, #btn-prev, #btn-next, #btn-queue { display: none !important; }
.player { grid-template-columns: auto 1fr auto !important; }
.player-ctrl { grid-column: auto !important; }
.player-title, .player-img { cursor: pointer; }
body.has-player:not(.on-watch) { padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important; }
body.has-player:not(.on-watch) .wa-float { bottom: calc(90px + env(safe-area-inset-bottom)) !important; }
.a-center, .a-row { direction: ltr; } .a-speed { margin-inline-start: 0; margin-left: auto; }

/* כפתורי עמוד השיעור — עיצוב 1: אייקון בעיגול ומילה מתחת */
.w-actions { display: flex; gap: 22px; margin: 16px 0 4px; flex-wrap: nowrap; }
.w-act { display: flex; flex-direction: column; align-items: center; gap: 5px; background: none; border: 0; padding: 0; color: var(--ink); text-decoration: none; cursor: pointer; font: inherit; }
.w-act-ic { width: 46px; height: 46px; border-radius: 50%; background: #1c1c1f; display: grid; place-items: center; transition: background-color .2s; }
.w-act:hover .w-act-ic { background: #2a2a2e; }
.w-act-t { font-size: .78rem; color: var(--ink-soft); }
.w-next-head { display: flex; align-items: center; justify-content: space-between; margin: 24px 0 10px; }
.w-next-head .w-next-h { margin: 0; }
.w-switch { display: inline-flex; align-items: center; gap: 8px; background: none; border: 0; color: var(--ink-soft); font: .85rem var(--sans); cursor: pointer; padding: 6px 0; }
.w-switch-k { position: relative; width: 38px; height: 22px; border-radius: 11px; background: #3a3a3e; transition: background-color .2s; }
.w-switch-k::after { content: ""; position: absolute; top: 3px; inset-inline-start: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .2s; }
.w-switch[aria-checked="true"] .w-switch-k { background: var(--gold); }
.w-switch[aria-checked="true"] .w-switch-k::after { transform: translateX(-16px); background: var(--navy); }

/* כפתורי הנגן בסגנון זכוכית כהה מעושנת (אפשרות 3 שיקיר בחר) */
.a-stage .a-skip, .a-stage .a-small, .a-stage .a-speed, .a-collapse, .fp-collapse, .fp-fs {
  background: rgba(12, 12, 14, .35) !important; color: #fff;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, .14) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
}
.a-stage .a-pp {
  background: rgba(255, 255, 255, .22) !important; color: #fff !important;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, .4) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 24px rgba(0, 0, 0, .35);
}
.a-stage .a-skip { width: 50px; height: 50px; }
.a-stage .a-small { width: 38px; min-width: 38px; height: 38px; min-height: 38px; border-radius: 50%; }
.a-stage .a-row { gap: 6px; }
.a-stage .a-speed { height: 32px; min-height: 32px; padding: 0 12px; border-radius: 999px; }
.a-stage button:hover { background: rgba(255, 255, 255, .16) !important; }
.a-stage .a-pp:hover { background: rgba(255, 255, 255, .3) !important; }
/* הכפתורים מתחת לשיעור — זכוכית כהה עם אייקון זהב */
.w-act-ic { background: #17171a; border: 1px solid rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); color: var(--gold-2); }
.w-act:hover .w-act-ic { background: #1f1f23; }