/* fullscreen-feed.css — v21: شاشة فيديو بملء الشاشة بهوية Jokt الخاصة (يُحمَّل آخر ملف ويعلو على theme.css)
   الفيديو بدون إطار، أزرار التفاعل عمود شفاف على الجانب، قائمة سفلية بألوان Jokt.
   لحذف الميزة: احذف هذا الملف وسطره من index.html فيرجع الشكل القديم كما هو. */
:root,:root body{--frame-top:0px;--frame-side:0px;--radius:0px;--nav-h:56px;--frame-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}
@media (max-height:700px){:root{--frame-top:0px;--frame-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}}
@media (max-height:640px){:root{--frame-top:0px;--frame-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}}
body.on-home{background:#000}
.vframe{display:none!important}

/* ===== الفيديو بملء الشاشة ===== */
.video-card{background:#000}
.video-card video{top:0;left:0;right:0;bottom:var(--frame-bottom);width:100%;height:calc(100% - var(--frame-bottom));border-radius:0}
.video-card .vcanvas{top:0;left:0;right:0;width:100%;height:calc(100% - var(--frame-bottom))}
.video-card:after{top:0;left:0;right:0;bottom:var(--frame-bottom);border-radius:0;box-shadow:none;
  background:linear-gradient(180deg,#0000008c 0%,transparent 16%,transparent 58%,#000000b3 100%)}
.tap-layer{top:0;left:0;right:0;bottom:var(--frame-bottom)}

/* ===== الشريط العلوي شفاف فوق الفيديو ===== */
.topbar{height:56px;padding:calc(8px + env(safe-area-inset-top)) 12px 0;background:none}
.brand-logo{width:28px;height:28px;border-radius:8px;box-shadow:none}
.brand-name{font-size:16px}
.top-tabs{gap:18px;padding:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.tab,.tab.active{padding:4px 2px 6px;border-radius:0;background:none;font-size:16px;font-weight:800;color:#ffffffa6;text-shadow:0 1px 4px #0008;position:relative}
.tab.active{color:#fff}
.tab.active:after{content:'';position:absolute;left:50%;bottom:0;width:22px;height:4px;margin-left:-11px;border-radius:4px;background:linear-gradient(90deg,var(--pink),var(--cyan))}
.icon-btn{width:36px;height:36px;border-radius:50%;background:none;border:0}
.search-glyph{filter:drop-shadow(0 1px 3px #000a)}

/* ===== عمود التفاعل الجانبي (يسار — بجانب يد الإبهام) ===== */
.actions{left:6px;right:auto;bottom:calc(var(--frame-bottom) + 14px);flex-direction:column;justify-content:flex-end;gap:14px;
  padding:0;border-radius:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;width:60px}
.action{flex-direction:column;gap:2px;min-width:0;padding:0;border-radius:0;font-size:12px;font-weight:700;text-shadow:0 1px 3px #000c}
.action i{width:34px;height:34px;filter:drop-shadow(0 1px 3px #0009)}
.action i svg{width:32px;height:32px}
.action.save span,.action.share span,.action.more span{display:block}
.action.more span{display:none}
.action.more i svg{width:26px;height:26px}
.action:active{background:none;transform:scale(.88)}
.action.gift-act i{font-size:26px;line-height:34px}
.avatar-act{margin-bottom:6px}
.avatar-act img{width:46px;height:46px;border-radius:15px;border:2px solid var(--pink)}
.avatar-act .plus{bottom:-9px;width:20px;height:20px;border-radius:7px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:15px;border:0}
/* نبضة عند الإعجاب */
.action.like.liked i{animation:likePop .4s ease-out}
@keyframes likePop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* ===== اسم الصانع والوصف (يمين) ===== */
.video-info{right:12px;left:76px;bottom:calc(var(--frame-bottom) + 14px)}
.creator{font-size:16px;margin-bottom:4px}
.caption{font-size:14px;line-height:1.6;text-shadow:0 1px 3px #000c}
.sound{background:none;padding:0;margin-top:6px;font-size:13px}
.follow-btn{background:none;border:1px solid #ffffffb3;padding:1px 10px}

/* إعلان */
.ad-badge{top:58px;right:12px}
.ad-visit{left:76px;right:12px;bottom:calc(var(--frame-bottom) + 14px);height:40px;border-radius:6px}
.video-card:has(.ad-visit) .video-info{bottom:calc(var(--frame-bottom) + 64px)}

/* ===== شريط التقدّم رفيع على حافة الفيديو ===== */
.progress{left:0;right:0;bottom:var(--frame-bottom);height:2px;border-radius:0;background:#ffffff33}
.progress i{border-radius:0;background:linear-gradient(90deg,var(--pink),var(--cyan))}
.video-card.paused .progress{height:4px}

.seek-zone{left:0;right:0;bottom:calc(var(--frame-bottom) - 12px);height:26px}
.seek-bubble{bottom:calc(var(--frame-bottom) + 60px)}

/* ===== أيقونة الإيقاف: سهم شفاف فقط ===== */
.play-hint{width:78px;height:78px;border-radius:26px;background:#140b3080;backdrop-filter:blur(6px)}
.play-hint svg{width:34px;height:34px;color:#fff;filter:drop-shadow(0 2px 8px #0008)}
.video-card.paused .play-hint{opacity:1}

/* ===== العناصر الصغيرة أعلى الفيديو ===== */
.mute-btn{top:calc(58px + env(safe-area-inset-top));left:12px;right:auto;width:34px;height:34px;border-radius:50%;background:#00000059;border:0;backdrop-filter:blur(6px)}
.mute-btn.on{background:#00000040;color:#fff}
.mute-btn svg{width:18px;height:18px}
.points-pill{top:calc(58px + env(safe-area-inset-top));right:12px;padding:4px 9px;border-radius:14px;background:#00000059;border:0}
.wheel-fab{top:calc(96px + env(safe-area-inset-top));right:12px;width:38px;height:38px;background:#00000059;border:0}
.wheel-mini{width:24px;height:24px}
.jokt-wm{left:auto;right:14px;top:calc(140px + env(safe-area-inset-top));opacity:.55;animation-name:wmMove21}
@keyframes wmMove21{0%,44%{transform:translateY(0)}50%,94%{transform:translateY(calc(100dvh - var(--frame-bottom) - 400px))}100%{transform:translateY(0)}}
.install-bar{top:calc(140px + env(safe-area-inset-top))}
.sound-hint{bottom:calc(var(--frame-bottom) + 170px)}
.toast{top:calc(100px + env(safe-area-inset-top))}

/* سرعة 2x: الشارة تظهر فقط أثناء الضغط، والأزرار تختفي ليظهر الفيديو كاملًا */
.speed-badge{top:calc(64px + env(safe-area-inset-top))}
.video-card.paused .speed-badge{opacity:0!important}
.video-card.fast .actions,.video-card.fast .video-info,.video-card.fast .jokt-wm{opacity:0;transition:opacity .2s}
body:has(.video-card.fast[data-vid]) .topbar,body:has(.video-card.fast) .bottom-nav{opacity:.0;transition:opacity .2s}

/* ===== القائمة السفلية: شريط ثابت بلون Jokt البنفسجي ===== */
.bottom-nav{left:0;right:0;bottom:0;height:var(--frame-bottom);padding:0 8px env(safe-area-inset-bottom);border-radius:0;align-items:center;
  background:#0b0620;border:0;border-top:1px solid #ffffff12;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.nav-item{color:#ffffff8c;padding-top:0;flex:1}
.nav-item.active{color:var(--pink)}
.nav-item.active:after{display:block;bottom:-5px;width:5px;height:5px;border-radius:50%;background:var(--pink)}
.nav-ico svg{width:24px;height:24px}
.nav-item small{font-size:10px}
/* زر النشر: معيّن Jokt المتدرّج (أصغر حتى لا يغطي الفيديو) */
.upload-fab{flex:none;width:40px;height:40px;margin:0 10px;border-radius:13px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 4px 16px #ff2d8755}
.upload-fab:active{transform:rotate(45deg) scale(.9)}
.upload-fab b{transform:rotate(-45deg);color:#fff}
.upload-fab b svg{width:20px;height:20px;stroke-width:3}

/* المشغّل بملء الشاشة (من الملف الشخصي والبحث) بلا قائمة سفلية */
.player{--frame-top:0px;--frame-bottom:0px;background:#000}
.player .actions,.player .video-info{bottom:calc(24px + env(safe-area-inset-bottom))}
.player .progress{bottom:env(safe-area-inset-bottom)}
.player-close{top:calc(10px + env(safe-area-inset-top));right:10px;background:#00000059;border:0;border-radius:50%}
.player .mute-btn{top:calc(10px + env(safe-area-inset-top))}

/* الصفحات الأخرى: خلفية الهوية كما هي */
body:not(.on-home){background:var(--bg)}