/* =========================================================
   lang-gate.css
   -----------------------------------------------------------
   ستایلی ڤیدیۆی باکگراوندی بەشی هەڵبژاردنی زمان.
   ئەم فایلە بە تەواوی جیایە لە sultan.css ـەوە، بۆ ئەوەی
   دەستکاریکردنی ئەم بەشە کاریگەری لەسەر بەشەکانی تری
   ماڵپەڕەکە نەبێت.
   ========================================================= */

#lang-gate{
  /* پێویستە position:relative بێت بۆ ئەوەی ڤیدیۆکە بە دروستی
     لە پشتەوە دابمەزرێت */
  position: fixed;
}

.lang-gate-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  /* هیچ کارتێکردنێک لەسەر کلیک نییە، تەنها باکگراوندە */
  pointer-events: none;
}

/* تاریکبوونەوەیەکی نەرم بەسەر ڤیدیۆکەدا بۆ ئەوەی نووسینەکان بە ئاسانی بخوێندرێنەوە */
.lang-gate-overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(29,18,37,.55), rgba(21,12,28,.88) 70%);
}

/* دڵنیابوونەوە لەوەی ناوەڕۆکی سەرەکی (لۆگۆ + دوگمەکانی زمان) لەسەر ڤیدیۆکە دەردەکەوێت */
#lang-gate .gate-card{
  position: relative;
  z-index: 2;
}

/* دوگمەی چاڵاک/ناچالاککردنی دەنگ (silent mode) */
.lang-gate-sound-btn{
  position: absolute;
  top: 22px;
  inset-inline-end: 22px;
  z-index: 3;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(230,200,140,0.35);
  background: rgba(21,12,28,0.55);
  backdrop-filter: blur(6px);
  color: #f6efe2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  transition: all .3s ease;
}
.lang-gate-sound-btn:hover{
  border-color: #c9a227;
  transform: translateY(-2px);
}

/* ئەگەر ڤیدیۆکە بار نەبوو یان براوسەرەکە پشتگیری نەکرد،
   باکگراوندی مۆری ئاسایی ماڵپەڕ دەردەکەوێت، هیچ شتێک ناشکێت */
.lang-gate-video-missing .lang-gate-video{
  display: none;
}