/* FATWA_HOME_ACTIONS_LAYOUT_FIX_V66
 *
 * Home posts sometimes inherited the fullscreen Reel action-column layout
 * while media height was settling. Keep Home actions in one stable row.
 * Fullscreen Reel is intentionally untouched.
 */

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions {
  position: relative !important;
  z-index: 20 !important;

  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  order: 2 !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;
  align-content: center !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 58px !important;
  max-height: none !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 5px 12px 7px !important;

  box-sizing: border-box !important;

  overflow: visible !important;

  transform: none !important;
  translate: none !important;

  background: #00120d !important;
}

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
> * {
  position: relative !important;

  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  flex: 0 0 auto !important;

  margin-block: 0 !important;

  transform: none !important;
  translate: none !important;
}

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
.social-reel-action {
  position: relative !important;

  inset: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 42px !important;
  max-width: none !important;

  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;

  flex: 0 0 auto !important;

  gap: 5px !important;

  margin: 0 !important;
  padding: 0 3px !important;

  border-radius: 0 !important;

  transform: none !important;
  translate: none !important;
}

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
.social-reel-action
> span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  margin: 0 !important;

  line-height: 1 !important;

  transform: none !important;
}

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
.social-reel-action
> small {
  position: static !important;

  display: inline !important;

  width: auto !important;
  min-width: 0 !important;

  margin: 0 !important;

  line-height: 1 !important;

  transform: none !important;
}

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
.social-reel-action
> small:empty {
  display: none !important;
}

/* Sound belongs to fullscreen Reel, not the inline Home action row. */
html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
.social-reel-sound {
  display: none !important;
}

/* Save stays on the opposite edge of the row. */
html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
[data-reel-action="save"] {
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
}

/* Keep the action order deterministic even after rerenders. */
html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
.social-reel-action:nth-child(1) {
  order: 1 !important;
}

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
.social-reel-action:nth-child(2) {
  order: 2 !important;
}

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
.social-reel-action:nth-child(3) {
  order: 3 !important;
}

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
.social-reel-action:nth-child(5) {
  order: 4 !important;
}

html body.fatwa-social-shell
#social-home-screen
.social-reel-post
.social-reel-actions
[data-reel-action="save"] {
  order: 5 !important;
}

@media (max-width: 430px) {
  html body.fatwa-social-shell
  #social-home-screen
  .social-reel-post
  .social-reel-actions {
    min-height: 55px !important;
    gap: 8px !important;
    padding-inline: 10px !important;
  }

  html body.fatwa-social-shell
  #social-home-screen
  .social-reel-post
  .social-reel-actions
  .social-reel-action {
    min-width: 39px !important;
    padding-inline: 2px !important;
  }
}