/* === Protección de imágenes Soul in Prints === */

/* Evita selección de imágenes y arrastre */
img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  pointer-events: auto;
}

/* Marca de agua sutil en obras (galería y páginas de obra) */
.gitem-wrap,
.product-image,
.col-card,
.gitem-wrap a {
  position: relative;
}

.gitem-wrap::after,
.product-image::after,
.col-card::after {
  content: "© Soul in Prints";
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: rgba(255, 255, 255, 0.45);
  font-family: "Cormorant Garamond", serif;
  font-size: 0.7rem;
  font-style: italic;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  z-index: 5;
  font-variant: small-caps;
}

/* Marca diagonal grande, casi invisible pero presente en capturas
 * Solo sobre imágenes de galería; en páginas de producto el overlay
 * tapaba la imagen en algunos navegadores. */
.gitem-wrap::before,
.col-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(
      45deg,
      transparent 0,
      transparent 120px,
      rgba(255, 255, 255, 0.025) 120px,
      rgba(255, 255, 255, 0.025) 122px
    );
  pointer-events: none;
  z-index: 4;
}

/* === Bloqueo de impresión === */
@media print {
  /* Oculta TODAS las imágenes al imprimir */
  img,
  picture,
  video,
  canvas,
  .gitem-wrap,
  .product-image,
  .col-card,
  .hero-bg,
  .split-img,
  .about-photo {
    display: none !important;
    visibility: hidden !important;
  }

  /* Avisa al usuario por qué no ve la imagen */
  .gitem-wrap::before,
  .product-image::before {
    content: "Las obras de Soul in Prints están protegidas. Visita soulinprints.com para verlas.";
    display: block !important;
    position: static;
    color: #1a1814;
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    padding: 20px;
    text-align: center;
  }

  body::before {
    content: "Imagen no disponible para impresión · © Soul in Prints · soulinprints.com";
    display: block;
    text-align: center;
    padding: 24px;
    font-family: serif;
    color: #1a1814;
    border: 1px solid #1a1814;
    margin: 20px;
  }
}