/* ===========================================================================
   Сила Мам — CSS overrides для Tilda Members Area
   Подключение в Tilda:
     Личный кабинет → Настройки курса (или Settings of Members Area)
     → "Дополнительный код" / "Head Code" / "Custom CSS"
     → вставить ВСЁ содержимое этого файла внутри тега <style>...</style>.
   Если поле уже принимает чистый CSS — без обёртки <style>.
   =========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Marmelad&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --silamam-cream: #fbf7f3;
  --silamam-paper: #f4ece3;
  --silamam-ivory: #ffffff;
  --silamam-ink: #1b1614;
  --silamam-ink-soft: #3d342f;
  --silamam-mute: #5d4f47;
  --silamam-taupe: #8b6f58;
  --silamam-taupe-deep: #6b5440;
  --silamam-line: rgba(27, 22, 20, 0.1);
  --silamam-line-strong: rgba(27, 22, 20, 0.16);
}

/* ----------- Body / общая палитра ----------- */
body,
body.t-body {
  background-color: var(--silamam-cream) !important;
  color: var(--silamam-ink) !important;
  font-family:
    "Manrope", "Onest", "Inter", system-ui, -apple-system, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* ----------- Заголовки (Marmelad) ----------- */
h1,
h2,
h3,
h4,
.t-title,
.t-name,
.t-heading,
.t-membersaccount__title,
[class*="__title"] {
  font-family: "Marmelad", "Cormorant Garamond", Georgia, serif !important;
  letter-spacing: -0.025em !important;
  line-height: 1.06 !important;
  color: var(--silamam-ink) !important;
}

/* "Авторизация" и подобные акцентные заголовки на форме входа */
.t-membersaccount__title,
.t-membersaccount__form-title,
.t-form__title {
  color: var(--silamam-taupe-deep) !important;
  font-size: 26px !important;
}

/* ----------- Метки полей ----------- */
label,
.t-input-title,
.t-membersaccount__form-label,
.t-form__inputs-flex_label {
  color: var(--silamam-mute) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.01em;
}

/* ----------- Inputs ----------- */
.t-input,
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
textarea {
  background: var(--silamam-ivory) !important;
  border: 1px solid var(--silamam-line) !important;
  border-radius: 12px !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 15px !important;
  color: var(--silamam-ink) !important;
  padding: 12px 16px !important;
  height: 48px !important;
  box-shadow: none !important;
  transition:
    border-color 0.2s,
    box-shadow 0.2s !important;
}
.t-input:focus,
input:focus,
textarea:focus {
  border-color: var(--silamam-taupe-deep) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(107, 84, 64, 0.12) !important;
}
.t-input::placeholder,
input::placeholder {
  color: rgba(27, 22, 20, 0.35) !important;
}

/* ----------- Кнопки ----------- */
.t-btn,
button[type="submit"],
.t-submit,
.t-form__submit button {
  background: var(--silamam-ink) !important;
  color: var(--silamam-cream) !important;
  border-radius: 999px !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: -0.005em !important;
  padding: 14px 32px !important;
  height: auto !important;
  min-height: 48px;
  border: none !important;
  transition:
    background-color 0.3s,
    transform 0.2s !important;
  cursor: pointer;
}
.t-btn:hover,
button[type="submit"]:hover,
.t-submit:hover {
  background: var(--silamam-taupe-deep) !important;
  transform: translateY(-1px);
}

/* ----------- Ссылки (по умолчанию у Tilda синие #0000EE) ----------- */
a,
a:link,
a:visited {
  color: var(--silamam-taupe-deep) !important;
  text-decoration: underline;
  text-decoration-color: var(--silamam-line-strong);
  text-underline-offset: 3px;
  transition:
    color 0.2s,
    text-decoration-color 0.2s;
}
a:hover {
  color: var(--silamam-ink) !important;
  text-decoration-color: var(--silamam-taupe-deep);
}

/* ----------- Хлебные крошки ----------- */
.tmst-breadcrumbs,
.tmst-breadcrumbs__home,
.tmst-breadcrumbs__current {
  font-size: 14px !important;
  text-decoration: none !important;
}
.tmst-breadcrumbs__home {
  color: var(--silamam-ink) !important;
}
.tmst-breadcrumbs__home:hover {
  color: var(--silamam-taupe-deep) !important;
}
.tmst-breadcrumbs__current {
  color: var(--silamam-mute) !important;
}

/* ----------- Карточки курсов / уроков ----------- */
.tlk-resources__course,
.tlk-resources__courses__item,
.tlk-card,
.t-card,
.t-feed__post-bgimg,
.tlk-lesson,
[class*="__course-item"] {
  background: var(--silamam-paper) !important;
  border: 1px solid var(--silamam-line) !important;
  border-radius: 24px !important;
  padding: 22px 26px !important;
  transition:
    border-color 0.3s,
    transform 0.3s,
    box-shadow 0.3s;
  box-shadow: none !important;
}
.tlk-resources__course:hover,
.tlk-card:hover,
.tlk-lesson:hover {
  border-color: rgba(27, 22, 20, 0.18) !important;
  transform: translateY(-1px);
}

/* ----------- Бокс с формой входа (центральная "карточка") ----------- */
.t-membersaccount__inwrap,
.t-membersaccount__form-wrapper,
.t-form__inputsbox {
  background: var(--silamam-ivory) !important;
  border-radius: 24px !important;
  border: 1px solid var(--silamam-line) !important;
  padding: 40px 32px !important;
  box-shadow: 0 18px 40px -22px rgba(27, 22, 20, 0.18) !important;
}

/* ----------- Аватар / иконка профиля справа сверху ----------- */
.t-membersaccount__btn-account,
.t-account-icon,
.t-membersaccount__avatar {
  background: var(--silamam-paper) !important;
  border: 1px solid var(--silamam-line) !important;
  color: var(--silamam-taupe-deep) !important;
}

/* ----------- Тонкие разделители ----------- */
hr,
.t-divider {
  border-color: var(--silamam-line) !important;
}

/* ----------- Селект-меню (если используется) ----------- */
select,
.t-select__wrapper select {
  border: 1px solid var(--silamam-line) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  background: var(--silamam-ivory) !important;
  font-family: "Manrope", sans-serif !important;
}

/* ----------- Текстовые блоки внутри уроков ----------- */
.t-text,
.t-descr,
.t-membersaccount__buttons-text {
  font-family: "Manrope", sans-serif !important;
  color: var(--silamam-ink-soft) !important;
  line-height: 1.6 !important;
}

/* ----------- Выпадающие меню / тултипы ----------- */
.t-popup__container,
.t-membersaccount__popup,
[class*="dropdown"] {
  background: var(--silamam-ivory) !important;
  border: 1px solid var(--silamam-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px -22px rgba(27, 22, 20, 0.18) !important;
}

/* ----------- Капс акцент-ярлыков (бейджи / "БОНУС") ----------- */
.t-membersaccount__btn-account__label,
.tlk-badge,
.t-tag {
  background: var(--silamam-taupe-deep) !important;
  color: var(--silamam-cream) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px 10px !important;
}

/* ----------- Скрытие элементов tilda-promo (если включено) ----------- */
.t-tildalabel {
  display: none !important;
}

/* ----------- Карточка урока (lectures list) ----------- */
.tlk-lectures__course-card-link {
  display: block !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  margin: 4px 0 !important;
  transition:
    background-color 0.25s,
    transform 0.25s !important;
  text-decoration: none !important;
}
.tlk-lectures__course-card-link:hover {
  background: var(--silamam-paper) !important;
  transform: translateX(2px) !important;
}
.tlk-lectures__course-card-name {
  color: var(--silamam-ink) !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 500;
}
.tlk-lectures__course-card-link:hover .tlk-lectures__course-card-name {
  color: var(--silamam-taupe-deep) !important;
}

/* ----------- Зелёная галочка пройденных уроков ----------- */
.tlk-lectures__tick-wrap {
  background-color: var(--silamam-taupe-deep) !important;
  border-color: var(--silamam-taupe-deep) !important;
  box-shadow: none !important;
}
.tlk-lectures__tick,
.tlk-lectures__tick::before,
.tlk-lectures__tick::after {
  border-color: var(--silamam-cream) !important;
  color: var(--silamam-cream) !important;
}

/* ----------- Play-иконка (▷) непросмотренных уроков ----------- */
/* Tilda использует <img> с внешним SVG — заменяем на свой через CSS-маску */
.tlk-lectures__course-card-img {
  filter: brightness(0) saturate(100%) invert(36%) sepia(20%) saturate(400%)
    hue-rotate(355deg) brightness(85%) contrast(82%) !important;
  /* эта filter-комбинация даёт примерно taupe-deep #6B5440 из чёрного исходника */
  opacity: 0.85;
}

/* ----------- Заголовки модулей внутри списка лекций ----------- */
.tlk-lectures__list-title,
.tlk-lectures__module-title,
[class*="lectures__title"],
[class*="lectures__group-title"] {
  font-family: "Marmelad", "Cormorant Garamond", Georgia, serif !important;
  letter-spacing: -0.02em !important;
  color: var(--silamam-ink) !important;
}

/* ----------- Hairlines между группами уроков ----------- */
.tlk-lectures__divider,
.tlk-lectures__separator,
[class*="divider"],
[class*="separator"] {
  border-color: var(--silamam-line) !important;
  background: var(--silamam-line) !important;
}

/* ----------- Заголовок курса (большой "Сила Мам") ----------- */
.tlk-resources__course-title,
.tlk-course__title,
[class*="course-title"] {
  font-family: "Marmelad", "Cormorant Garamond", Georgia, serif !important;
  font-weight: normal !important;
  letter-spacing: -0.025em !important;
  color: var(--silamam-ink) !important;
}

/* ============================================================
   Страница урока (Lecture page)
   ============================================================ */

/* Заголовок урока */
.tlk-lecture__title {
  font-family: "Marmelad", "Cormorant Garamond", Georgia, serif !important;
  font-weight: normal !important;
  letter-spacing: -0.025em !important;
  line-height: 1.06 !important;
  color: var(--silamam-ink) !important;
  font-size: clamp(1.8rem, 3.4vw, 2.8rem) !important;
  margin-bottom: 28px !important;
}

/* Видео-контейнер */
.tlk-lecture__video-wrap {
  border-radius: 24px !important;
  overflow: hidden !important;
  border: 1px solid var(--silamam-line) !important;
  box-shadow: 0 18px 40px -22px rgba(27, 22, 20, 0.18) !important;
  background: var(--silamam-paper);
  margin-bottom: 36px !important;
}
.tlk-lecture__video-wrap iframe {
  display: block !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Внутренний контейнер с padding для лекции */
.tlk-lecture__container {
  padding-top: 32px !important;
  padding-bottom: 64px !important;
}

/* Кнопки навигации внутри урока (Назад / Следующий урок) */
[class*="lecture__nav"],
[class*="lecture-nav"],
[class*="next-link"],
[class*="prev-link"],
.tlk-lecture__bottom-link,
.tlk-lecture__next,
.tlk-lecture__prev {
  font-family: "Manrope", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--silamam-taupe-deep) !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
  border-radius: 999px !important;
  border: 1px solid var(--silamam-line) !important;
  background: var(--silamam-paper) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition:
    background 0.25s,
    border-color 0.25s,
    transform 0.2s !important;
}
[class*="lecture__nav"]:hover,
[class*="lecture-nav"]:hover,
[class*="next-link"]:hover,
[class*="prev-link"]:hover,
.tlk-lecture__bottom-link:hover {
  background: var(--silamam-cream) !important;
  border-color: var(--silamam-ink) !important;
  color: var(--silamam-ink) !important;
  transform: translateY(-1px);
}

/* Боковое меню (sidebar с "Сила Мам") */
.tlk-menu,
.tlk-menu__content {
  background: var(--silamam-paper) !important;
  border-right: 1px solid var(--silamam-line) !important;
}
.tlk-menu__back-btn,
.tlk-open-userbar-btn {
  color: var(--silamam-ink) !important;
}

/* Текст внутри урока (если есть текст-блоки помимо видео) */
.tlk-lecture__container p,
.tlk-lecture__container li,
.tlk-lecture__text {
  font-family: "Manrope", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: var(--silamam-ink-soft) !important;
}

/* Прикреплённые файлы / вложения */
[class*="attach"],
[class*="file-card"],
.tlk-lecture__file {
  background: var(--silamam-paper) !important;
  border: 1px solid var(--silamam-line) !important;
  border-radius: 16px !important;
  padding: 14px 18px !important;
  transition:
    border-color 0.25s,
    transform 0.25s;
}
[class*="attach"]:hover,
.tlk-lecture__file:hover {
  border-color: rgba(27, 22, 20, 0.18) !important;
  transform: translateY(-1px);
}

/* ============================================================
   Страница профиля (Profile page)
   ============================================================ */

/* Заголовок "Профиль" */
.tmst-profile-title,
[class*="profile-title"] {
  font-family: "Marmelad", "Cormorant Garamond", Georgia, serif !important;
  font-weight: normal !important;
  font-size: clamp(1.6rem, 2.4vw, 2rem) !important;
  letter-spacing: -0.025em !important;
  line-height: 1.1 !important;
  color: var(--silamam-ink) !important;
  margin-bottom: 28px !important;
}

/* Метки полей в форме профиля */
.tlk-input-title,
.tlk-form__item label,
.tlk-profile__item label {
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--silamam-mute) !important;
  margin-bottom: 8px !important;
}

/* Контейнер формы профиля — внутренние поля прижаты к ширине */
.tlk-profile__form-wrap {
  background: var(--silamam-paper) !important;
  border: 1px solid var(--silamam-line) !important;
  border-radius: 24px !important;
  padding: 32px !important;
}

/* Phone mask block */
.t-input-phonemask,
.t-input-phonemask__wrap {
  border-radius: 12px !important;
  background: var(--silamam-ivory) !important;
  border: 1px solid var(--silamam-line) !important;
  overflow: hidden;
}
.t-input-phonemask__select {
  border-right: 1px solid var(--silamam-line) !important;
  background: var(--silamam-paper) !important;
  padding: 0 12px !important;
}
.t-input-phonemask input {
  border: none !important;
  background: transparent !important;
}

/* Dropdown языка / выпадающие меню в профиле */
.tlk-profile-dropdown,
.tlk-profile-dropdown-list,
.tlk-profile-dropdown-menu {
  background: var(--silamam-ivory) !important;
  border: 1px solid var(--silamam-line) !important;
  border-radius: 12px !important;
  font-family: "Manrope", sans-serif !important;
}
.tlk-profile-dropdown-item:hover {
  background: var(--silamam-paper) !important;
}

/* Аватарка профиля */
.tlk-upload-label {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: var(--silamam-paper) !important;
  border: 1px solid var(--silamam-line) !important;
  color: var(--silamam-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.25s !important;
}
.tlk-upload-label:hover {
  background: var(--silamam-cream) !important;
  border-color: rgba(27, 22, 20, 0.18) !important;
}

/* "Изменить пароль" — secondary-кнопка */
.tlk-profile__regular-button,
.tlk-profile__change-lang,
[class*="profile__regular"] {
  background: var(--silamam-paper) !important;
  border: 1px solid var(--silamam-line) !important;
  color: var(--silamam-ink) !important;
  border-radius: 999px !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  cursor: pointer;
  transition: all 0.25s !important;
}
.tlk-profile__regular-button:hover,
.tlk-profile__change-lang:hover {
  background: var(--silamam-cream) !important;
  border-color: rgba(27, 22, 20, 0.18) !important;
}

/* Кнопка "Сохранить" — primary */
.tlk-profile__close-save,
.tlk-profile__close-save__default,
.tlk-profile__close-save__dark {
  background: var(--silamam-ink) !important;
  color: var(--silamam-cream) !important;
  border-radius: 999px !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 14px 32px !important;
  border: none !important;
  height: auto !important;
  cursor: pointer !important;
  transition:
    background-color 0.3s,
    transform 0.2s !important;
}
.tlk-profile__close-save:hover,
.tlk-profile__close-save__default:hover,
.tlk-profile__close-save__dark:hover {
  background: var(--silamam-taupe-deep) !important;
  transform: translateY(-1px);
}

/* Spacing между полями формы */
.tlk-form__item,
.tlk-profile__item {
  margin-bottom: 20px !important;
}

/* Errors */
.tlk-input-error,
.t-input-error {
  color: #c25b4d !important;
  font-size: 12px !important;
  margin-top: 6px !important;
}

/* ============================================================
   Кнопка "Урок пройден" / завершить
   ============================================================ */
[class*="complete"],
[class*="finish"],
.tlk-lecture__complete-btn {
  background: var(--silamam-ink) !important;
  color: var(--silamam-cream) !important;
  border-radius: 999px !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 700 !important;
  padding: 14px 28px !important;
  border: none !important;
  transition:
    background-color 0.3s,
    transform 0.2s !important;
}
[class*="complete"]:hover,
[class*="finish"]:hover {
  background: var(--silamam-taupe-deep) !important;
  transform: translateY(-1px);
}