/*
============================================================
ARCHIVE OTTAWA · PAGE CSS · /journal
============================================================

КУДА ВСТАВЛЯТЬ:
1. На странице /journal в Tilda → Page Settings →
   More → Edit Page CSS (или Advanced → HTML / CSS)
2. Вставь ВЕСЬ код ниже
3. Сохрани и опубликуй

Этот CSS переопределяет стили стандартного Tilda Feeds блока
(тип CC04/CC05/TC01 — карточки записей) под нашу палитру.

Какой блок выбрать в Tilda для списка:
- Feeds Catalog → CC04 или CC05 (рекомендуется)
- Привязать к Source: Journal (Stream)

============================================================ */

/* Фон секции с лентой */
.t-rec[class*="t-rec_pt"] {
  background-color: #0A0908 !important;
}

/* Заголовок и описание Tilda Feeds (если включены) */
.t-section__title,
[class*="t-feed__post-title"],
[class*="t-feed__title"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  color: #E8E1D4 !important;
  letter-spacing: -0.01em !important;
}

.t-section__descr,
[class*="t-feed__post-descr"],
[class*="t-feed__descr"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: #8B8378 !important;
}

/* === Контейнер карточек === */
[class*="t-feed"] {
  background-color: #0A0908 !important;
}

/* === Карточка статьи === */
[class*="t-feed__post"],
[class*="js-feed-post"] {
  background-color: #141210 !important;
  border: 1px solid #2A2622 !important;
  border-radius: 0 !important;
  transition: border-color 0.3s, transform 0.3s !important;
  overflow: hidden !important;
}
[class*="t-feed__post"]:hover,
[class*="js-feed-post"]:hover {
  border-color: #B5483E !important;
  transform: translateY(-2px) !important;
}

/* Обложка */
[class*="t-feed__post-imgwrapper"],
[class*="t-feed__post-bgimg"] {
  background-color: #141210 !important;
}

/* === Заголовок карточки === */
[class*="t-feed__post-title"] a,
[class*="t-feed__post-title"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  letter-spacing: -0.005em !important;
  color: #E8E1D4 !important;
  line-height: 1.25 !important;
}

/* === Дата / категория / мета === */
[class*="t-feed__post-date"],
[class*="t-feed__post-label"],
[class*="t-feed__post-categories"],
[class*="t-feed__post-categories"] a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9.5px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #B5483E !important;
  font-weight: 400 !important;
}

/* === Краткое описание === */
[class*="t-feed__post-descr"],
[class*="t-feed__post-text"] {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #8B8378 !important;
}

/* === Кнопка "Show more" / "Read more" === */
[class*="t-feed__post-link"],
[class*="t-feed__btn"],
[class*="t-feed__showmore-btn"] {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #E8E1D4 !important;
  background: transparent !important;
  border: 1px solid #2A2622 !important;
  border-radius: 100px !important;
  padding: 13px 26px !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
[class*="t-feed__btn"]:hover,
[class*="t-feed__showmore-btn"]:hover {
  border-color: #B5483E !important;
  color: #B5483E !important;
}

/* === Pagination === */
[class*="t-feed__paginator"] a,
[class*="t-feed__paginator"] span {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  color: #8B8378 !important;
}
[class*="t-feed__paginator"] .t-active {
  color: #B5483E !important;
}

/* === Фильтр по категориям (если включён) === */
[class*="t-feed__categories"] a,
[class*="t-feed__cats"] a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #8B8378 !important;
  border-bottom: 1px solid transparent !important;
  transition: all 0.2s !important;
}
[class*="t-feed__categories"] a.t-active,
[class*="t-feed__cats"] a.t-active {
  color: #E8E1D4 !important;
  border-bottom-color: #B5483E !important;
}
[class*="t-feed__categories"] a:hover,
[class*="t-feed__cats"] a:hover {
  color: #E8E1D4 !important;
}

/* Скрываем дефолтные тени Tilda */
[class*="t-feed__post"] {
  box-shadow: none !important;
}