/* ОБЩИЙ CSS-КОД ДЛЯ СТИЛИЗАЦИИ ВСЕГО САЙТА
  (Вставлять в Настройки сайта > Еще > CSS)
*/

/* --- 1. ШРИФТЫ И ТЕКСТ --- */

/* * Делаем все заголовки (в обложках, блоках T107 и др.) 
 * более тонкими и "дизайнерскими".
 * * ВАЖНО: Сам шрифт (Tilda Sans, Futura, Manrope) 
 * вы выбираете в Настройках сайта > Шрифты и цвета.
*/
h1, h2, h3, .t-section__title, .t-name, .t-heading {
  font-weight: 400 !important; /* Тонкое (не жирное) начертание */
  letter-spacing: 0.04em !important; /* Главный эффект "воздуха" */
}

/* * Делаем основной текст (в блоках TX01, TE01) 
 * более крупным и приятным для чтения.
*/
.t-text, .t-descr {
  font-size: 17px !important; /* Чуть крупнее стандарта */
  line-height: 1.7em !important; /* Увеличиваем межстрочный интервал */
  color: #222222 !important; /* Мягкий черный цвет */
}

/* --- 2. СТИЛЬ КНОПОК --- */

/* * Это ГЛАВНЫЙ элемент стиля anecole.com.
 * Превращаем ВСЕ стандартные кнопки Tilda (t-btn) 
 * в минималистичные кнопки с линией внизу.
*/
.t-btn {
  color: #000000 !important; /* Черный текст */
  background-color: transparent !important; /* Прозрачный фон */
  
  border: none !important; /* Убираем стандартную рамку */
  border-radius: 0 !important; /* Убираем скругление */
  
  /* Рисуем нижнюю черту */
  border-bottom: 2px solid #000000 !important; 
  
  /* Убираем лишние отступы по бокам */
  padding-left: 0 !important;
  padding-right: 0 !important;
  
  /* Делаем отступ текста до линии */
  padding-bottom: 5px !important; 
  
  text-transform: uppercase !important; /* Все буквы заглавные */
  letter-spacing: 0.1em !important; /* Разрядка букв */
  
  transition: all 0.3s ease !important; /* Плавная анимация */
}

/* * Эффект при наведении курсора на кнопку:
 * текст и линия становятся серыми.
*/
.t-btn:hover {
  color: #777777 !important;
  border-bottom-color: #777777 !important;
  background-color: transparent !important; /* Фон НЕ появляется */
}

/* --- 3. ОБЩИЕ ОТСТУПЫ --- */

/* * Увеличиваем "воздух" между блоками, 
 * чтобы сайт не выглядел "слепленным".
*/
.t-cover, .t-row, .t-section {
   /* Добавляет отступ снизу для каждого блока */
  margin-bottom: 30px !important; 
}