/* Следующий проект */

  .nextproject-container {
     cursor: pointer;
  }

  .arrow {
    opacity: 0;
    transform: translateX(-12px);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  }

  /* Десктоп: показ по ховеру */
  .nextproject-container:hover .arrow {
    opacity: 1;
    transform: translateX(0);
  }

  /* Тач: показ по классу */
  .nextproject-container.show-arrow .arrow {
    opacity: 1;
    transform: translateX(0);
  }



/* Дефолтный цвет текста для всех полей формы */

/* 1) Снижаем приоритет Tilda — применяем ко всем визуальным элементам внутри формы */
[data-elem-id="1756811177759"] .t-input,
[data-elem-id="1756811177759"] .t-input-phonemask__wrap,
[data-elem-id="1756811177759"] .t-input-block,
[data-elem-id="1756811177759"] input,
[data-elem-id="1756811177759"] textarea {
  color: #B7B7B7 !important;
}

/* 2) Если input не показывает placeholder — считаем, что в нём есть текст (works for inputs with placeholder) */
[data-elem-id="1756811177759"] input:not(:placeholder-shown),
[data-elem-id="1756811177759"] textarea:not(:placeholder-shown) {
  color: #000000 !important;
}

/* 3) JS будет добавлять класс .has-value на input/visual; этот селектор сработает всегда */
[data-elem-id="1756811177759"] input.has-value,
[data-elem-id="1756811177759"] textarea.has-value,
[data-elem-id="1756811177759"] .t-input.has-value,
[data-elem-id="1756811177759"] .t-input-phonemask__wrap.has-value {
  color: #000000 !important;
}

/* 4) Убедимся, что placeholder имеет нужный цвет */
[data-elem-id="1756811177759"] input::placeholder,
[data-elem-id="1756811177759"] textarea::placeholder {
  color: #B7B7B7 !important;
  opacity: 1 !important;
}



/* Хедер с бургером */
.uc-header-mobile {
  position: relative;
  z-index: 10000 !important; /* выше попапа до открытия */
}

/* Попап */
.uc-menu-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999 !important; /* ниже хедера изначально */
  visibility: hidden;
  opacity: 0;
  pointer-events: none; /* ❗ блокируем любые клики */
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background: rgba(0,0,0,0.8); /* фон попапа */
}

/* Попап активен */
.uc-menu-popup.active {
  visibility: visible;
  opacity: 1;
  z-index: 10001 !important; /* выше хедера после открытия */
  pointer-events: auto; /* ✅ клики активны только при открытии */
}

/* Кнопки */
.burger-button,
.close-button {
  cursor: pointer;
}

/* Блокировка скролла при открытом попапе */
body.popup-open {
  overflow: hidden;
  touch-action: none;
}


/* --- Активный тег фильтра --- */
.tag-filter-active {
  background-color: #000000 !important; /* чёрная заливка кнопки */
  overflow: hidden !important;          /* скрываем всё выходящее */
  border-radius: 20px;                  /* если нужно сохранить округление */
}

/* --- Текст внутри активного тега --- */
.tag-filter-active .tn-atom {
  color: #ffffff !important;            /* белый текст кнопки */
}


/* ================================
   Блокировка интерактивности
   ================================ */
.link-blocked {
  opacity: 0.25 !important;
  pointer-events: none !important;
  cursor: default !important;
  transition: none !important;
}

.link-blocked:hover,
.link-blocked:focus,
.link-blocked:active {
  opacity: 0.25 !important;
  transform: none !important;
  box-shadow: none !important;
  color: inherit !important;
  background: inherit !important;
  cursor: default !important;
  transition: none !important;
}

/* ================================
   Хедер
   ================================ */

/* ---------- Общие настройки для всех header-page ---------- */
.header-page,
.header-page-active {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

/* Активная вкладка с подчеркиванием */
.header-page-active {
  text-decoration: underline;
  -webkit-text-decoration-skip: none; /* Safari fix */
  text-decoration-skip-ink: none;

  text-decoration-color: #000;
  text-decoration-thickness: 0.12em;
  text-underline-offset: 0.4em;

  transition: opacity 0.2s ease-in-out;
}

/* Ховер: уменьшаем прозрачность */
.header-page:hover,
.header-page-active:hover {
  opacity: 0.5;
}





/* ===== БАЗА underline для ВСЕХ кастомных групп ===== */
.underline-link-personal,
.link-underline,
.link-underline-hover,
.underline-link-copy,
.link-underline-hover-dark,
.underline-link-copy-dark {

  /* Safari fixes */
  -webkit-text-decoration-skip: none;
  text-decoration-skip-ink: none;

  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.3em;
}


.underline-header {

  /* Safari fixes */
  -webkit-text-decoration-skip: none;
  text-decoration-skip-ink: none;

  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.4em;
}


/* ===== underline по умолчанию (цвет = цвет текста) ===== */
.underline-link-personal,
.link-underline {
  text-decoration: underline;
  text-decoration-color: currentColor;
}


/* ===== Ховеры – чёрный underline ===== */
.link-underline-hover,
.underline-link-copy,
.underline-header {
  text-decoration: none;
  text-decoration-color: rgba(0,0,0,0);
  transition: text-decoration-color 0.2s ease-in-out;
}

.link-underline-hover:hover,
.underline-link-copy:hover,
.underline-header:hover,
.link-underline-hover.touch-active,
.underline-link-copy.touch-active,
.underline-header.touch-active {
  text-decoration: underline;
  text-decoration-color: rgba(0,0,0,1);
}

/* ===== Ховеры – тёмно-серый underline ===== */
.link-underline-hover-dark {
  text-decoration: none;
  text-decoration-color: rgba(118,118,118,0);
  transition: text-decoration-color 0.2s ease-in-out;
}

.link-underline-hover-dark:hover,
.link-underline-hover-dark.touch-active {
  text-decoration: underline;
  text-decoration-color: rgba(118,118,118,1);
}

/* ===== Ховеры – белый underline ===== */
.underline-link-copy-dark {
  text-decoration: none;
  text-decoration-color: rgba(255,255,255,0);
  transition: text-decoration-color 0.2s ease-in-out;
}

.underline-link-copy-dark:hover,
.underline-link-copy-dark.touch-active {
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,1);
}