/* ════════════════════════════════════════════════════════
   PALOMA CUSTOM CURSOR — «чернильный» курсор (как doka.digital)
   Цепочка точек + SVG goo-фильтр = жидкая капля, тянущаяся
   за мышью. При наведении на кнопки/фото — кружок «смотреть».
   ════════════════════════════════════════════════════════ */

/* Скрыть legacy-курсор при активном новом */
body.paloma-cursor-active #customCursor,
body.paloma-cursor-active .cursor-trail-dot {
  display: none !important;
}

/* Скрыть системный курсор — только desktop */
@media (hover: hover) and (pointer: fine) {
  body.paloma-cursor-active,
  body.paloma-cursor-active * {
    cursor: none !important;
  }
}

.ink-icon {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* ── Чернильная капля ───────────────────────────────── */
.ink-cursor {
  --ink-col: #1b1a18;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: block;
  transform-origin: center center;
  /* gooey-эффект слипания точек — оставляем; mix-blend убран,
     т.к. инверсия поверх автоплей-видео вешала компоновщик (лаги/фриз) */
  filter: url("#palomaGoo");
  transform: translateZ(0); /* свой GPU-слой — рисуется поверх, не трогая страницу */
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* на тёмных секциях капля светлая (на светлых — тёмная) */
.ink-cursor.on-dark {
  --ink-col: #ffffff;
}

.ink-cursor.is-visible {
  opacity: 1;
}

/* капля прячется при наведении (вместо неё — кружок «смотреть») */
.ink-cursor.is-hidden {
  opacity: 0;
}

.ink-cursor span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: var(--ink-col, #1b1a18);
  transform-origin: center center;
  will-change: transform;
}

/* в текстовых полях капля тоньше/менее заметна */
.ink-cursor.is-text {
  opacity: 0.6;
}

/* ── Кружок «смотреть» (наше поведение при наведении) ── */
.ink-look {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #1b1a18;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform-origin: center center;
  transform: translate(-100px, -100px) translate(-50%, -50%);
  /* включается на месте, мгновенно — без вырастания/подтягивания */
  transition: none;
  will-change: transform, opacity;
}

.ink-look.is-on {
  opacity: 1;
}

/* масштаб нажатия задаётся в transform через JS (cursor.js),
   CSS-свойство scale убрано — оно смещало кружок при нажатии */

.ink-look__label {
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  user-select: none;
}

/* На тёмном фоне — розовый кружок с тёмным текстом */
.ink-look.on-dark {
  background: #e7385a;
}
.ink-look.on-dark .ink-look__label {
  color: #1b1a18;
}

/* ── Touch / грубый pointer — всё скрыть ─────────────── */
@media (hover: none), (pointer: coarse), (max-width: 480px) {
  .ink-cursor,
  .ink-look {
    display: none !important;
  }
  body.paloma-cursor-active,
  body.paloma-cursor-active * {
    cursor: auto !important;
  }
}