/* MDD V160R11 — MyFeed: ícones proporcionais + emojis coloridos no desktop */

/* Corrige especificamente as classes reais do motor de reações */
.mdd-v84-trigger-emoji,
.mdd-v84-glyph,
.r-emoji,
.pc-actions .pc-action > span:first-of-type {
  font-family:
    "Segoe UI Emoji",
    "Apple Color Emoji",
    "Noto Color Emoji",
    sans-serif !important;

  font-variant-emoji: emoji !important;
  font-style: normal !important;
  font-weight: 400 !important;

  color: initial !important;
  -webkit-text-fill-color: initial !important;

  filter: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

/* Botões da publicação */
.pc-actions {
  align-items: center !important;
}

.pc-actions .pc-action {
  min-height: 44px !important;
  padding: 6px 5px !important;
  gap: 8px !important;
}

/* Ícone de Reagir / Comentar / Partilhar / Guardar */
.pc-actions .pc-action > span:first-of-type {
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  font-size: 21px !important;
  line-height: 1 !important;
}

/* Texto dos botões */
.pc-actions .pc-action > span:not(:first-of-type) {
  font-size: 13px !important;
  line-height: 1.2 !important;
}

/* Seletor central de reações */
.mdd-v84-trigger-emoji {
  font-size: 20px !important;
  line-height: 1 !important;
}

.mdd-v84-glyph {
  width: 27px !important;
  height: 27px !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

/* Importante: classes reais com "." */
.mdd-v84-option,
.mdd-v84-option:hover,
.mdd-v84-option:focus-visible {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  color: initial !important;
  -webkit-text-fill-color: initial !important;
}

/* Popup mais compacto no computador */
.mdd-v84-menu {
  gap: 5px !important;
  padding: 8px 9px !important;
  max-width: min(440px, 94vw) !important;
}

/* Popup legado do MyFeed */
.reactions-popup {
  gap: 3px !important;
  padding: 6px 8px !important;
}

.r-emoji {
  width: 32px !important;
  height: 32px !important;
  font-size: 21px !important;
  line-height: 1 !important;
}

/* Desktop: impedir novamente ícones gigantes */
@media (min-width: 721px) {
  .pc-actions .pc-action > span:first-of-type {
    width: 24px !important;
    height: 24px !important;
    font-size: 21px !important;
  }

  .mdd-v84-glyph {
    width: 27px !important;
    height: 27px !important;
    font-size: 22px !important;
  }

  .mdd-v84-option {
    width: 34px !important;
    height: 34px !important;
  }
}

/* Mobile já estava visualmente correto: manter área de toque confortável */
@media (max-width: 720px) {
  .pc-actions .pc-action {
    min-height: 42px !important;
  }

  .pc-actions .pc-action > span:first-of-type {
    width: 22px !important;
    height: 22px !important;
    font-size: 20px !important;
  }
}