/* reviews-video.css — خاص بفيديو صفحة reviews.html فقط (كل القواعد مقيّدة بـ #student-testimonial) */
#student-testimonial{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:48px 16px 28px!important;overflow:visible!important;background:transparent!important;text-align:center!important}
#student-testimonial *{box-sizing:border-box!important;min-width:0}
#student-testimonial .ei-video-wrap{width:100%!important;max-width:880px!important;margin:0 auto!important;text-align:center!important}
#student-testimonial .eyebrow{margin:0 0 8px!important;text-align:center!important}
#student-testimonial h2{margin:0 0 14px!important;text-align:center!important;font-size:clamp(1.4rem,5vw,2.1rem)!important;line-height:1.3!important;overflow-wrap:anywhere}
#student-testimonial .ei-video-intro{max-width:720px!important;margin:0 auto 24px!important;text-align:center!important;line-height:1.7!important;font-size:clamp(1rem,3.8vw,1.1rem)!important;overflow-wrap:anywhere}
/* إطار كحلي: يبقي شريط التحكم السفلي ظاهراً كاملاً */
#student-testimonial .ei-video-box{display:block!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:10px!important;border-radius:18px!important;background:#0b2340!important;box-shadow:0 12px 34px rgba(11,35,64,.25)!important;line-height:0!important;overflow:hidden!important}
/* الصورة/الفيديو يظهران كاملين بنسبة 16:9 دون قص، والباقي كحلي */
#student-testimonial .ei-video-box video{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9!important;max-height:70vh!important;margin:0 auto!important;border-radius:12px!important;background:#0b2340!important;object-fit:contain!important}
#student-testimonial .ei-video-box video::-webkit-media-controls-panel{background-image:linear-gradient(transparent,rgba(0,0,0,.65))}
#student-testimonial .ei-video-caption{margin:16px 0 0!important;text-align:center!important;font-size:.95rem!important;line-height:1.6!important;opacity:.85;overflow-wrap:anywhere}
@media (max-width:600px){
  #student-testimonial{padding:32px 12px 20px!important}
  #student-testimonial .ei-video-box{padding:6px!important;border-radius:14px!important}
  #student-testimonial .ei-video-box video{max-height:60vh!important;border-radius:9px!important}
}

/* منع التمرير الأفقي في هذه الصفحة فقط (نفس الحماية الموجودة داخل الصفحة، لكن في ملف خارجي) */
html{overflow-x:hidden!important}
body,main{max-width:100%!important;overflow-x:clip!important}

/* ===== Reviews: avatar, filter, read-more, links, FAQ, CTA (this page only) ===== */
.review-avatar{background:#0b2340!important;color:#f0c45c!important;flex:0 0 44px}
.reviews-links{text-align:center;margin:-10px 0 22px;font-size:.95rem;line-height:1.8}
.reviews-links a{text-decoration:underline;text-underline-offset:3px}
.reviews-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 24px}
.rf-btn{padding:9px 16px;border:1px solid #0b2340;border-radius:999px;background:#fff;color:#0b2340;font:600 .9rem/1.2 inherit;font-family:inherit;cursor:pointer}
.rf-btn:hover{background:#f3efe3}
.rf-btn.is-active{background:#0b2340;color:#fff}
.rf-btn:focus-visible,.rv-more:focus-visible,.reviews-faq summary:focus-visible{outline:3px solid #f0c45c;outline-offset:2px}
.review-card[hidden]{display:none!important}
.rv-clamp{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rv-more{margin-top:10px;padding:0;border:0;background:none;color:#8a5f0a;font:700 .92rem/1.2 inherit;font-family:inherit;text-decoration:underline;cursor:pointer}
.reviews-faq{max-width:900px;margin:0 auto;padding:10px 20px 50px}
.reviews-faq h2{text-align:center;margin:0 0 20px}
.reviews-faq details{border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff;margin:0 0 10px;overflow:hidden}
.reviews-faq summary{padding:16px 18px;font-weight:700;cursor:pointer;line-height:1.5}
.reviews-faq details p{margin:0;padding:0 18px 16px;line-height:1.75}
.rv-cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
