/* ============================================================================
   Camada dissuasória de mídia — card #166 / M-7
   ----------------------------------------------------------------------------
   Vale só dentro de [data-protected-media]: mídia de POST, DM, cofre e lightbox.
   Avatar, banner, capa de blog e arte de marketing NÃO recebem — lá "abrir imagem
   em nova aba" e arrastar são comportamento legítimo, e travar isso só irrita.

   Isto é DISSUASÃO, não proteção, e não deve ser vendido como proteção para as
   criadoras: quem quer copiar usa print, DevTools ou câmera de celular. O que
   protege de verdade é o M-2 (URL assinada) e o #167 (marca por espectador).
   O anti-DevTools continua fora de escopo de propósito — ver card #168.
   ============================================================================ */

[data-protected-media] img,
[data-protected-media] video {
    /* Impede arrastar a imagem para a área de trabalho / outra aba. */
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;

    /* Impede seleção (e o balão "Copiar imagem" do toque longo no iOS). */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* O <audio> mantém os controles nativos utilizáveis — só não é selecionável. */
[data-protected-media] audio {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* A legenda do post continua selecionável mesmo dentro de container protegido:
   copiar texto é uso legítimo e travar quebra acessibilidade. */
[data-protected-media] [data-selectable-text] {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}