/* ADS PWA install prompt — Portal UI V4 */
.ads-pwa-install {
  position: fixed;
  inset-inline: 14px;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  z-index: 2147483000;
  display: none;
  max-width: 520px;
  margin-inline: auto;
  direction: rtl;
  font-family: "IBM Plex Sans Arabic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ads-pwa-install.is-visible { display: block; animation: adsPwaSlideUp .28s ease-out; }
.ads-pwa-install__card {
  background: #0D141D;
  color: #F7F9FC;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  box-shadow: 0 24px 65px rgba(0,0,0,.42);
  padding: 14px;
  backdrop-filter: blur(18px);
}
.ads-pwa-install__row { display: flex; align-items: center; gap: 12px; }
.ads-pwa-install__icon {
  width: 54px; height: 54px; flex: 0 0 54px; border-radius: 14px; object-fit: cover;
  border: 1px solid rgba(255,255,255,.10); box-shadow: 0 8px 22px rgba(0,0,0,.28);
}
.ads-pwa-install__content { min-width: 0; flex: 1; }
.ads-pwa-install__title { margin: 0 0 3px; font-size: 16px; line-height: 1.4; font-weight: 700; }
.ads-pwa-install__text { margin: 0; font-size: 13px; line-height: 1.65; color: #9AA6B4; }
.ads-pwa-install__actions { display: flex; gap: 8px; margin-top: 12px; }
.ads-pwa-install__btn {
  appearance: none; border: 1px solid transparent; border-radius: 11px; min-height: 42px;
  padding: 9px 14px; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ads-pwa-install__btn--primary { flex: 1; background: #C7FF5E; color: #080C10; box-shadow: 0 12px 28px rgba(199,255,94,.11); }
.ads-pwa-install__btn--secondary { background: rgba(255,255,255,.035); color: #C6D0DA; border-color: rgba(255,255,255,.12); }
.ads-pwa-install__ios-help {
  display: none; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.085);
  color: #AAB6C3; font-size: 13px; line-height: 1.8;
}
.ads-pwa-install__ios-help.is-visible { display: block; }
.ads-pwa-install__ios-help strong { color: #C7FF5E; }
@keyframes adsPwaSlideUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 769px) { .ads-pwa-install { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .ads-pwa-install.is-visible { animation: none; } }
