/* DEYNU R55 — reliable writing and sending of social post comments.
 * Keep the feed comment dialog above the 990-z-index mobile navigation
 * without modifying user text, forms, APIs or business rules.
 */
body.social-page .social-comments-sheet.is-open {
  z-index: 2500 !important;
  pointer-events: auto !important;
}
body.social-page .social-comments-sheet.is-open .comments-panel {
  pointer-events: auto !important;
}
body.social-page .social-comments-sheet.is-open .comments-compose {
  position: relative !important;
  flex-shrink: 0 !important;
  z-index: 4 !important;
}
body.social-page .social-comments-sheet.is-open .comments-compose input[name="body"] {
  pointer-events: auto !important;
  touch-action: manipulation;
}
body.social-page:has(.social-comments-sheet.is-open) .social-bottom-nav {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.social-page .comments-login-prompt-r55 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 12px calc(13px + env(safe-area-inset-bottom,0px));
  margin: 0;
  border-top: 1px solid #e2ebe6;
  background: #fff;
  color: #284638;
  font-size: 13px;
  font-weight: 650;
  direction: rtl;
}
body.social-page .comments-login-prompt-r55 a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 8px 14px;
  border-radius: 12px;
  background: #17664f;
  color: white !important;
  text-decoration: none !important;
  font-weight: 800;
  font-size: 13px;
}
@media (max-width: 380px) {
  body.social-page .comments-login-prompt-r55 {
    flex-direction: column;
    align-items: stretch;
  }
}
