/* ================= MS250 · Language switch (both languages) ================= */
@font-face {
  font-family: "MS250 Switch AR";
  src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-600-arabic.woff2") format("woff2");
  font-weight: 600; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
.ms250-lang-switch {
  --ms250-ls-x: 22px; --ms250-ls-y: 22px; --ms250-ls-z: 1035;
  --ms250-ls-bg: rgba(16, 16, 20, .78);
  --ms250-ls-gold: linear-gradient(135deg, #f6dd8a 0%, #c9973b 42%, #fff1bf 68%, #b5832c 100%);
  position: fixed; z-index: var(--ms250-ls-z);
  inset-inline-start: var(--ms250-ls-x);
  bottom: calc(var(--ms250-ls-y) + var(--ms250-ls-lift, 0px) + env(safe-area-inset-bottom, 0px));   /* lift: set by ms250-core.js above a cookie notice */
  display: inline-flex; align-items: center; gap: 10px;
  padding-block: 7px; padding-inline: 7px 16px;
  border-radius: 999px; background: var(--ms250-ls-bg); color: #fff !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%);
  box-shadow: 0 14px 34px -14px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .12);
  font: 600 14px/1 "MS250 Switch AR", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0 !important; text-decoration: none !important; text-transform: none !important;
  -webkit-tap-highlight-color: transparent; isolation: isolate;
  transition: transform .28s cubic-bezier(.2, .8, .2, 1), bottom .3s cubic-bezier(.2, .8, .2, 1), box-shadow .28s ease, background-color .28s ease, opacity .2s ease;
}
.ms250-lang-switch::before {                 /* thin gold ring */
  content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: var(--ms250-ls-gold);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity: .55; transition: opacity .28s ease; pointer-events: none;
}
.ms250-lang-switch:hover, .ms250-lang-switch:focus-visible {
  transform: translateY(-2px); background: rgba(16, 16, 20, .9); color: #fff !important;
  box-shadow: 0 20px 44px -16px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, .18);
}
.ms250-lang-switch:hover::before, .ms250-lang-switch:focus-visible::before { opacity: 1; }
.ms250-lang-switch:focus-visible { outline: 2px solid #f6dd8a; outline-offset: 3px; }
.ms250-lang-switch:active { transform: translateY(0) scale(.97); }
.ms250-lang-switch__badge {
  flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;
  background: var(--ms250-ls-gold); color: #241a06; font-weight: 800; font-size: 14px; line-height: 1;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .12);
}
.ms250-lang-switch__label { white-space: nowrap; font-size: 14px; }
.ms250-lang-switch__icon { flex: none; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; opacity: .8; }
@media (max-width: 575.98px) {
  .ms250-lang-switch { --ms250-ls-x: 14px; --ms250-ls-y: 16px; padding: 5px; gap: 0; }
  .ms250-lang-switch__label, .ms250-lang-switch__icon {
    position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
  .ms250-lang-switch__badge { width: 42px; height: 42px; font-size: 15px; }
}
body.navbar-collapse-show .ms250-lang-switch { opacity: 0; visibility: hidden; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  .ms250-lang-switch, .ms250-lang-switch::before { transition: none; }
  .ms250-lang-switch:hover { transform: none; }
}
@media print { .ms250-lang-switch { display: none !important; } }

/* ================= MS250 · Local video popup ================= */
.ms250-video-popup { position: relative; width: min(92vw, 1100px); margin: 0 auto; aspect-ratio: 16 / 9; background: #000;
  border-radius: 6px; overflow: hidden; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .6); }
.ms250-video-popup video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }