/* Хедер с бургером */
.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;
}

/* --- Глобальные стили для всех обычных ссылок --- */
a {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.3em;
  transition: text-decoration-color 0.25s ease, color 0.25s ease;
}

a:hover {
  text-decoration-color: currentColor;
  opacity: 0.85;
}

/* --- Теги  фильтрации проектов--- */
.tag-filter-active {
  background-color: #000000 !important;
  overflow: hidden;
  border-radius: 20px;
}

.tag-filter-active .tn-atom {
  color: #ffffff !important;
}


/* --- Блокировка интерактивности для .link-blocked --- */
.link-blocked {
  opacity: 0.25 !important;          /* Полупрозрачность */
  pointer-events: none !important;  /* Полная блокировка всех взаимодействий */
  cursor: default !important;       /* Возврат обычного курсора */
  transition: none !important;      /* Отключение анимаций */
}

/* --- На случай, если в Тильде прописаны hover-эффекты --- */
.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 a,
.underline-header-56 a,
.underline-link-personal a,
.underline-email a,
.underline-footer-3 a,
.underline-footer-4 a {
  text-decoration: none;
  -webkit-text-decoration: none;
}

/* --- Хедер --- */
.header-page .tn-atom,
.header-page .tn-atom a {
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  text-decoration: none;
}

.header-page-active .tn-atom,
.header-page-active .tn-atom a {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #000000;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 0.1em;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
}

.header-page:hover .tn-atom,
.header-page:hover .tn-atom a {
  color: #b7b7b7;
}

.header-page-active:hover .tn-atom,
.header-page-active:hover .tn-atom a {
  color: #b7b7b7;
  text-decoration-color: #b7b7b7;
}

/* --- Общие стили underline-групп --- */
.underline-header-56,
.underline-link-personal,
.underline-email,
.underline-footer-3,
.underline-footer-4 {
  cursor: pointer;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 0.1em;
  transition: text-decoration-color 0.2s ease-in-out;
  user-select: none;
}

/* --- Подчеркивание по ховеру --- */
.underline-header-56:hover {
  text-decoration: underline;
  text-decoration-color: rgba(0,0,0,1);
}

.underline-link-personal:hover {
  text-decoration: underline;
  text-decoration-color: rgba(183,183,183,1);
}

.underline-email:hover {
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,1);
}

.underline-footer-4:hover {
  text-decoration: underline;
  text-decoration-color: rgba(118,118,118,1);
}

/* --- Footer 3: подчеркнут по умолчанию --- */
.underline-footer-3 {
  text-decoration: underline;
  text-decoration-color: rgba(118,118,118,1);
}