/* ===============================
   HERO VIDEO – FINAL STABLE + POLISH
================================ */

/* الحاوية الرئيسية */
.home-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

/* حاوية الفيديو */
.home-hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

/* الفيديو نفسه */
.home-hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #000;
}

/* طبقة التعتيم */
.home-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.45);
}

/* النص */
.home-hero-inner {
  position: relative;
  z-index: 2;
  min-height: 40vh;
  display: flex;
  align-items: center;
}

/* ===============================
   TEXT POLISH (CARD + LOGO)
================================ */

.home-hero-inner--single{
  padding: clamp(80px, 10vh, 140px) 0 clamp(40px, 6vh, 70px);
}

.home-hero-col--left{
  width: 100%;
  max-width: 720px;
}

/* كرت النص فوق الفيديو */
.hero-copy-card{
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.30));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: clamp(14px, 2vw, 22px);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* شعار + اسم */
.hero-brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.hero-brand__logo{
  width: clamp(54px, 7vw, 78px);
  height: clamp(54px, 7vw, 78px);
  border-radius: 16px;
  background: rgba(255,255,255,.95);
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow: 0 10px 22px rgba(0,0,0,.22);
  flex: 0 0 auto;
}

/* الشعار داخل المربع */
.hero-brand__logo img{
  width: 88%;
  height: 88%;
  object-fit: contain;  /* هذا أهم شيء للتناسب */
}

/* نصوص الشعار */
.hero-brand__meta{
  display:flex;
  flex-direction:column;
  line-height:1.15;
}

.hero-brand__name{
  font-weight:900;
  font-size: clamp(15px, 2vw, 18px);
  color:#fff;
}

.hero-brand__tag{
  margin-top:4px;
  font-size:13px;
  color: rgba(255,255,255,.85);
}

/* kicker */
.home-hero-kicker{
  margin:0 0 10px;
  font-weight:800;
  letter-spacing:.4px;
  font-size: clamp(12px, 1.4vw, 14px);
  color: rgba(255,255,255,.9);
}

/* العنوان */
.home-hero-title{
  margin:0 0 12px;
  font-weight:800;
  line-height:1.12;
  font-size: clamp(26px, 4vw, 46px);
  color:#fff;
  text-wrap: balance;
}

/* سطر ثانوي */
.home-hero-sub{
  margin:0 0 8px;
  font-size: clamp(14px, 2vw, 18px);
  color: rgba(255,255,255,.92);
  line-height:1.7;
}

/* وصف */
.home-hero-desc{
  margin:0;
  font-size: clamp(13px, 1.8vw, 19px);
  color: rgba(255,255,255,.82);
  line-height:1.9;
}

/* ميتا/بادجات */
.home-hero-meta{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.home-hero-meta span{
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}

/* RTL دعم */
html[dir="rtl"] .hero-brand{
  flex-direction:row-reverse;
}
html[dir="rtl"] .home-hero-col--left{
  text-align:right;
}

/* ===============================
   موبايل
================================ */

@media (max-width: 768px) {
  .home-hero {
    min-height: 85vh;
  }
  .home-hero-inner{
    min-height: 85vh;
  }
}