/* ============================================================
   Proteção das fotos de produto (22/10/2026)
   ------------------------------------------------------------
   Cada região de foto de produto ganha uma "película" (::after)
   por cima da imagem. Ela é transparente: o cliente vê a foto,
   mas o clique direito, o arrastar e o toque longo do celular
   caem nela, e não na <img> — então não aparece "Salvar imagem".
   Nos cartões a película fica dentro do <a>, e o clique continua
   abrindo o produto.

   Quando o protecao-fotos.js desconfia de um print, ele põe a
   classe .foto-protegida no <html> e a película passa a mostrar
   a arte "Imagem protegida" no lugar da foto. Na impressão
   (Ctrl+P / salvar como PDF) a troca é sempre feita.
   ============================================================ */

.pdp-main,
.pdp-thumb,
.pcard-media,
.mini > a:first-child {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.pdp-thumb,
.mini > a:first-child { position: relative; display: block; }

.pdp-main img,
.pdp-thumb img,
.pcard-media img,
.mini > a:first-child img {
  -webkit-user-drag: none;
  pointer-events: none;
}

.pdp-main::after,
.pdp-thumb::after,
.pcard-media > a::after,
.mini > a:first-child::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;               /* acima da foto, abaixo do selo e do favorito (z 2) */
  background: transparent;
}

/* A arte é quadrada e tem fundo #007737: com "contain" ela aparece
   inteira também no cartão retangular, e as sobras se confundem com
   o fundo dela. */
.foto-protegida .pdp-main::after,
.foto-protegida .pdp-thumb::after,
.foto-protegida .pcard-media > a::after,
.foto-protegida .mini > a:first-child::after {
  z-index: 3;               /* cobre também o selo e o favorito */
  background: #007737 url("../img/imagem-protegida.png") center / contain no-repeat;
}

@media print {
  .pdp-main img,
  .pdp-thumb img,
  .pcard-media img,
  .mini > a:first-child img { visibility: hidden; }

  .pdp-main::after,
  .pdp-thumb::after,
  .pcard-media > a::after,
  .mini > a:first-child::after {
    z-index: 3;
    background: #007737 url("../img/imagem-protegida.png") center / contain no-repeat;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}