/* =======================================
   ВОДЯНОЙ ЗНАК НА ФОТО
   ======================================= */

.gallery-image-wrapper {
  position: relative;
  overflow: hidden;
}

.gallery-image-wrapper::after {
  content: 'ТАТУ КУЛЬТ';
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  text-shadow: 
    2px 2px 4px rgba(0, 0, 0, 0.8),
    0 0 10px rgba(255, 0, 110, 0.3);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 10;
  transform: rotate(-15deg);
  transition: all var(--transition-base);
}

.gallery-image-wrapper:hover::after {
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 
    2px 2px 4px rgba(0, 0, 0, 0.9),
    0 0 20px rgba(255, 0, 110, 0.6);
}

/* Альтернативный стиль - центральный полупрозрачный */
.gallery-image-wrapper.watermark-center::after {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%) rotate(-45deg);
  font-size: var(--text-4xl);
  color: rgba(255, 255, 255, 0.15);
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

/* Для модального окна */
.modal-image-wrapper {
  position: relative;
}

.modal-image-wrapper::after {
  content: 'ТАТУ КУЛЬТ';
  position: absolute;
  bottom: 30px;
  right: 30px;
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: 700;
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 
    2px 2px 6px rgba(0, 0, 0, 0.9),
    0 0 15px rgba(0, 245, 255, 0.4);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 100;
}