/* Keep service CTA ("ورود به سامانه" / pay bar) above modern bottom nav */
:root {
  --cta-above-bn: calc(var(--mbn-h, 72px) + 10px);
}

body.has-modern-bottom .btn-samane,
body.has-modern-bottom div[name="PayContainer"].btn-samane,
body.has-modern-bottom .mobile-btn.btn-samane,
.btn-samane.cta-above-bn,
div[name="PayContainer"].cta-above-bn {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: var(--cta-above-bn) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  z-index: 1100 !important;
  background: rgba(255, 255, 255, .96) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 -8px 24px rgba(15, 23, 42, .1);
  padding: .65rem .85rem calc(.65rem + env(safe-area-inset-bottom, 0px)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Kill legacy hide-behind rule */
.btn-samane {
  z-index: 1100 !important;
}

@media (min-width: 992px) {
  body.has-modern-bottom .btn-samane,
  body.has-modern-bottom div[name="PayContainer"].btn-samane {
    /* on large screens keep near bottom of content area, still above bottom nav if present */
    bottom: var(--cta-above-bn) !important;
  }
}

/* Floating landing CTA (like مفقودی) */
#EzharnameBTN.samane-home-btns,
.samane-home-btns.is-floating,
button.samane-home-btns.is-floating {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: var(--cta-above-bn) !important;
  z-index: 1100 !important;
  margin: 0 !important;
  box-shadow: 0 10px 28px rgba(255, 146, 0, .35), 0 2px 8px rgba(15, 23, 42, .12) !important;
}

/* Inline CTA inside landing content */
.service-enter-cta {
  display: flex;
  justify-content: center;
  margin: 1.25rem auto 1.5rem;
}

.service-enter-cta .samane-home-btns {
  margin: 0 !important;
}

/* Space so last content isn't covered by fixed CTA + bottom nav */
body.has-modern-bottom .samane-main,
body.has-modern-bottom #main,
body.has-modern-bottom .services-container,
body.has-modern-bottom article.body_scroll {
  padding-bottom: calc(var(--mbn-h, 72px) + 88px) !important;
}