/* SchefferIT.nl - 16-bit Copyright Overlay */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

.hsl-img-wrap {
  position: relative;
  display: inline-block;
  overflow: hidden;
  image-rendering: pixelated;
}

.hsl-img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

/* Het copyright labeltje */
.hsl-img-wrap::after {
  content: "© SchefferIT.nl";
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-family: 'Press Start 2P', monospace;
  font-size: 8px; /* pixel perfect klein */
  color: #ffffff;
  background: rgba(0,0,0,0.7);
  border: 2px solid #000;
  padding: 4px 6px;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 0px #000;
  pointer-events: none;
  z-index: 10;
  image-rendering: pixelated;
}

/* Variant voor donkere afbeeldingen - voeg class .light toe */
.hsl-img-wrap.light::after {
  background: rgba(255,255,255,0.85);
  color: #000;
  text-shadow: none;
  border-color: #fff;
}

/* Mobiel iets kleiner */
@media (max-width: 600px) {
  .hsl-img-wrap::after {
    font-size: 6px;
    padding: 3px 4px;
    right: 4px;
    bottom: 4px;
  }
}