/* ============================================================
   ПОЛЬЗОВАТЕЛЬСКИЕ СТИЛИ «МАСТЕРСКАЯ САЙТОВ»
   Заменяет старый файл целиком. Работает вместе с global-styles.html:
   там основа (фон, шрифты, кнопки, формы), здесь только то,
   что нужно блокам Tilda сверх неё. Цвета и радиусы те же.
   Наши блоки (шапка, секции, подвал) эти правила не затрагивают:
   выбираются только классы Tilda (.t-*).
   ============================================================ */

/* ============================================================
   1. БЛОКИ TILDA С ЦВЕТНЫМ ФОНОМ ИЗ РЕДАКТОРА
   Цвет и градиент убираем, чтобы везде был единый тёмный фон.
   Картинки на фоне не трогаем.
   ============================================================ */
.t-rec[style*="background-color"],
[id^="rec"][style*="background-color"] {
  background-color: transparent !important;
}
.t-rec[style*="gradient"],
[id^="rec"][style*="gradient"] {
  background-image: none !important;
}
.t-body_popupshowed {
  background: #0A0B10 !important;
}

/* ============================================================
   2. КАРТОЧКИ И СПИСКИ TILDA: заголовки и описания
   (на случай, если на страницах есть такие блоки)
   ============================================================ */
.t-card__title,
.t-list__item-title,
.t-feed__post-title,
.t-store__card__title {
  font-family: var(--fd, 'Manrope', 'Inter', sans-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: none !important;
}
.t-card__descr,
.t-list__item-descr,
.t-feed__post-descr,
.t-store__card__descr {
  font-family: var(--fb, 'Inter', sans-serif) !important;
  color: #B4BAC6 !important;
  -webkit-text-fill-color: #B4BAC6 !important;
  line-height: 1.7 !important;
}

/* ============================================================
   3. ССЫЛКИ В КОНТАКТАХ (телефон, почта) ВНУТРИ ТЕКСТОВ TILDA
   Только в блоках Tilda: ссылки в нашем подвале не трогаем.
   ============================================================ */
.t-text a[href^="tel:"],
.t-text a[href^="mailto:"],
.t-descr a[href^="tel:"],
.t-descr a[href^="mailto:"],
.t-form a {
  color: #67E8F9 !important;
  -webkit-text-fill-color: #67E8F9 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(103, 232, 249, 0.4) !important;
  text-underline-offset: 3px;
  transition: text-decoration-color 0.25s ease !important;
}
.t-text a[href^="tel:"]:hover,
.t-text a[href^="mailto:"]:hover,
.t-descr a[href^="tel:"]:hover,
.t-descr a[href^="mailto:"]:hover,
.t-form a:hover {
  text-decoration-color: #67E8F9 !important;
}

/* ============================================================
   4. СОЦИАЛЬНЫЕ ССЫЛКИ TILDA
   ============================================================ */
.t-sociallinks__item a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.t-sociallinks__svg,
.t-sociallinks__svg path {
  fill: #67E8F9 !important;
  color: #67E8F9 !important;
  transition: fill 0.25s ease, filter 0.25s ease !important;
}
.t-sociallinks__item a:hover {
  transform: translateY(-2px);
}
.t-sociallinks__item a:hover .t-sociallinks__svg path {
  fill: #FFFFFF !important;
  filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.7));
}

/* ============================================================
   5. ФОРМЫ: промежутки и мелочи
   ============================================================ */
.t-input-group {
  margin-bottom: 18px !important;
}
.t-input-phonemask__wrap {
  overflow: hidden;
}
.t-form__submit {
  margin-top: 8px;
}
/* заполненное поле слегка выделяем */
.t-input:not(:placeholder-shown):not(:focus) {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ============================================================
   6. ЗНАЧКИ И ПОДСКАЗКИ ПОПАПА
   ============================================================ */
.t-popup__close {
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.t-popup__close:hover {
  transform: rotate(90deg);
}