/* MESSAGE */

// HEADER
%messageAvatar {
  transition: all 0.3s ease-in-out, transform 0.1s ease-in-out;
  &%messageAvatarClickable:active {
    transform: scale(0.9);
  }
}
%message {
  %messageTimestamp {
    color: hsla(0, 0%, 100%, 0.5);
    &%messageTimestampAlt {
      color: hsla(0, 0%, 100%, 0.5);
    }
  }
}
// SYSTEM MESSAGE
%messageSystemContainer {
  color: hsla(0, 0%, 100%, 0.5);
}
%messageSystemContent {
  %anchorAction {
    color: var(--url-color);
  }
}

// QUOTES
%messageQuoteDivider {
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 0;
}

// GIFS/EMBEDS
%messageInlineMediaEmbed {
  max-width: max-content;
}

// SPOILER
%messageSpoiler {
  background-color: hsla(0, 0%, 0%, 0.8);
}

// LINKS
%markup a,
%anchor {
  color: var(--url-color);
}

// INVALID GIFT
%messageInvalidGift {
  background-color: cv('bg.general.card');
  %themeDark &:hover {
    background-color: cv('bg.general.card');
  }
}

// REPLY
%messageReplied {
  color: var(--text-normal);
}
%messageRepliedSpine {
  border-color: $main-color;
  &%messageRepliedContentHovered {
    border-color: $hover-color;
  }
}
%messageRepliedTextPreview {
  opacity: 0.7;
  max-height: unset;
  &%messageRepliedSpineHovered {
    opacity: 1;
  }
}

// EXECUTE COMMAND
%messageExecutedCommand {
  %messageExecutedCommandName {
    color: $main-color;
    background: transparent;
    &:hover {
      color: $hover-color;
      background: transparent;
    }
  }
}

// THREADS
%message%messageHasThread:after {
  border-color: $main-color;
}
%messageThreadEmbed {
  background-color: cv('bg.general.card');
}
%messageThreadCTA {
  color: $main-color;
}
%messageThreadJumpButton {
  background-color: $main-color;
  color: #fff;
  &:hover {
    background-color: $hover-color;
    color: #fff;
  }
}

// BUTTONS
%messageButtonWrapper {
  background-color: transparent;
  %messageButton {
    color: hsla(0, 0%, 100%, 0.7);
    &:hover,
    &%messageButtonSelected {
      background-color: hsla(0, 0%, 100%, 0.1);
      color: #fff;
    }
  }
}

// EDITING
%operations {
  color: hsla(0, 0%, 100%, 0.5);
  > %anchor {
    color: $main-color;
  }
}

// REPLYING TO HIGHLIGHT
%replyingToIndicator {
  background-color: hsla(0, 0%, 100%, 0.05);
  %mouseModeFullMotion &:hover {
    background-color: hsla(0, 0%, 100%, 0.08);
  }
  &:before {
    background-color: $main-color;
  }
}

// BEGINNING DM WAVE
%waveButton,
%waveButtonDisabled {
  background-color: $main-color;
}
%waveButton:hover {
  background-color: $hover-color;
}

// PUBLISH TO FOLLOWERS
%messagePublishBumpBox {
  background: cv('bg.general.card');
}
%messagePublishIcon,
%messagePublishTagline {
  color: #fff;
}
%messagePublishCloseIcon,
%messagePublishPermanentHide {
  color: hsla(0, 0%, 100%, 0.4) !important;
}

// AUTOMOD MESSAGE
%messageAutomodCard,
%messageAutomodFooter {
  background-color: cv('bg.general.card');
}
%messageAutomodCard {
  &%messageAutomodCardSelected {
    background-color: cv('bg.general.card');
  }
}
%messageAutomodFooterAction {
  %textExtraSmallNormal {
    color: $main-color !important;
  }
}
%messageAutomodFooterIcon path {
  fill: $main-color;
}

// free nitro trial...idk where to put this - Snow
%nitroTrial {
  background: cv('bg.general.card');
  box-shadow: none;
  %themeDark &:hover {
    background-color: cv('bg.general.card');
  }
}
