/* ---------------------------------------------------------------------------
 * Public-site content & image protection (deterrent layer).
 * Form controls keep full text interaction so visitors can complete forms.
 * ------------------------------------------------------------------------- */

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input,
textarea,
select,
[contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-select: none;
  pointer-events: none;
}

/* Keep clickable images (e.g. the header logo link) interactive. */
a img,
button img {
  pointer-events: auto;
}

/* Light watermark over photo tiles (background-image containers). */
.news-image,
.service-image {
  position: relative;
}

.news-image::after,
.service-image::after {
  content: "Future Dimensions";
  position: absolute;
  inset-inline-end: 10px;
  bottom: 8px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.35);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  pointer-events: none;
  user-select: none;
  z-index: 3;
}