/* =========================================
   DOREMI BLOG / TILDA FEEDS STYLE
   Вставлять в пользовательские CSS-стили
   Без 
========================================= */

:root {
  --doremi-bg: #050714;
  --doremi-bg-left: #2E082A;
  --doremi-bg-right: #061A32;
  --doremi-text: #F5F5F7;
  --doremi-muted: rgba(255, 255, 255, 0.72);
  --doremi-muted-soft: rgba(255, 255, 255, 0.56);
  --doremi-accent: #DE0C82;
  --doremi-accent-hover: #f2299b;
  --doremi-card: rgba(255, 255, 255, 0.06);
}

/* Общий фон сайта / страницы блога */
body,
.t-body,
.t-records {
  background:
    radial-gradient(circle at 15% 35%, rgba(46, 8, 42, 0.92) 0%, rgba(5, 7, 20, 0) 48%),
    linear-gradient(105deg, var(--doremi-bg-left) 0%, var(--doremi-bg) 48%, var(--doremi-bg-right) 100%) !important;
  color: var(--doremi-text) !important;
}

/* Контейнер поста Tilda Feeds */
.t-feed__post-popup,
.t-feed__post-popup__container,
.t-feed__post-popup__wrapper,
.t-feed__post-popup__textwrapper,
.t-feed__post-popup__content {
  background: transparent !important;
  color: var(--doremi-text) !important;
}

/* Заголовки */
.t-feed__post-popup__title,
.t-feed__post-popup h1,
.t-feed__post-popup h2,
.t-feed__post-popup h3,
.t-feed__post-popup h4,
.t-title,
.t-heading {
  color: var(--doremi-text) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

/* H1 статьи */
.t-feed__post-popup h1,
.t-feed__post-popup__title {
  font-size: 52px !important;
  line-height: 1.08 !important;
  margin-bottom: 28px !important;
}

/* H2 статьи */
.t-feed__post-popup h2 {
  font-size: 34px !important;
  line-height: 1.18 !important;
  margin-top: 56px !important;
  margin-bottom: 20px !important;
}

/* H3 статьи */
.t-feed__post-popup h3 {
  font-size: 24px !important;
  line-height: 1.25 !important;
  margin-top: 36px !important;
  margin-bottom: 14px !important;
}

/* Основной текст */
.t-feed__post-popup p,
.t-feed__post-popup li,
.t-feed__post-popup__text,
.t-feed__post-popup__descr,
.t-text,
.t-descr {
  color: var(--doremi-muted) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
}

/* Ссылки в статье */
.t-feed__post-popup a {
  color: var(--doremi-accent) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(222, 12, 130, 0.45) !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}

.t-feed__post-popup a:hover {
  color: var(--doremi-accent-hover) !important;
  border-bottom-color: var(--doremi-accent-hover) !important;
}

/* Изображения в статье */
.t-feed__post-popup img,
.t-feed__post img {
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* Цитаты */
.t-feed__post-popup blockquote {
  margin: 38px 0 !important;
  padding: 26px 30px !important;
  border-left: 4px solid var(--doremi-accent) !important;
  background: var(--doremi-card) !important;
  border-radius: 18px !important;
  color: var(--doremi-text) !important;
}

.t-feed__post-popup blockquote p {
  color: var(--doremi-text) !important;
}

/* Списки */
.t-feed__post-popup ul,
.t-feed__post-popup ol {
  padding-left: 24px !important;
  margin-top: 18px !important;
  margin-bottom: 28px !important;
}

.t-feed__post-popup li {
  margin-bottom: 10px !important;
}

/* Дата, автор, категория */
.t-feed__post-popup__date,
.t-feed__post-popup__author,
.t-feed__post-popup__category,
.t-feed__post-date,
.t-feed__post-tag,
.t-feed__post-popup__subtitle {
  color: var(--doremi-muted-soft) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
}

/* Карточки постов в ленте */
.t-feed__post {
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease !important;
}

.t-feed__post:hover {
  transform: translateY(-4px) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(222, 12, 130, 0.18) !important;
}

/* Заголовки карточек постов */
.t-feed__post-title,
.t-feed__post-title a,
.t-feed__post-title span {
  color: var(--doremi-text) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

/* Описание карточек */
.t-feed__post-descr,
.t-feed__post-descr span {
  color: var(--doremi-muted) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
}

/* Служебные подписи карточек */
.t-feed__post-date,
.t-feed__post-tag,
.t-feed__post-label {
  color: var(--doremi-muted-soft) !important;
}

/* Кнопки */
.t-feed__button,
.t-btn {
  border-radius: 12px !important;
  background: var(--doremi-accent) !important;
  color: #ffffff !important;
  border: none !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 600 !important;
  transition:
    background-color 0.22s ease,
    transform 0.22s ease,
    box-shadow 0.22s ease !important;
}

.t-feed__button:hover,
.t-btn:hover {
  background: var(--doremi-accent-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 30px rgba(222, 12, 130, 0.28) !important;
}

/* Кнопка закрытия попапа поста */
.t-feed__post-popup__close,
.t-popup__close {
  color: #ffffff !important;
}

/* Белые / светлые подложки внутри блога убираем */
.t-feed__post-popup *,
.t-feed__post * {
  box-sizing: border-box !important;
}

/* Мобильная версия */
@media screen and (max-width: 640px) {
  .t-feed__post-popup h1,
  .t-feed__post-popup__title {
    font-size: 34px !important;
    line-height: 1.12 !important;
    margin-bottom: 22px !important;
  }

  .t-feed__post-popup h2 {
    font-size: 26px !important;
    line-height: 1.2 !important;
    margin-top: 42px !important;
    margin-bottom: 16px !important;
  }

  .t-feed__post-popup h3 {
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  .t-feed__post-popup p,
  .t-feed__post-popup li,
  .t-feed__post-popup__text,
  .t-feed__post-popup__descr,
  .t-text,
  .t-descr {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  .t-feed__post-popup img,
  .t-feed__post img {
    border-radius: 16px !important;
  }

  .t-feed__post {
    border-radius: 18px !important;
  }
}