/* =============================================================
   ServicePoolsShop — SITE CSS
   1. Скрытие штатной плавающей аватарки Tilda
   2. Фирменное оформление профиля ServicePoolsShop
   ============================================================= */

/* 1. Скрываем штатную плавающую аватарку */
.tlk-userbar {
    display: none !important;
}

/* =============================================================
   2. NATIVE TILDA PROFILE SKIN V1
   ============================================================= */

/* Палитра и шрифт */
.tlk-popup__container,
.tlk-popup__form-wrap {
  --sps-profile-blue: #0d86c3;
  --sps-profile-teal: #57bb9c;
  --sps-profile-ink: #173447;
  --sps-profile-muted: #6d8595;
  --sps-profile-line: #dce8f0;
  font-family: var(--t-text-font, Arial, sans-serif) !important;
  color: var(--sps-profile-ink) !important;
}

/* Основная карточка */
.tlk-popup__container {
  background-color: #ffffff !important;
  border: 1px solid #e0ebf2 !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 45px rgba(11, 64, 96, .07) !important;
}

/* Заголовки */
.tlk-popup__container .tlk-popup__title,
.tlk-popup__container .tlk-userbar__popup-name {
  color: #173447 !important;
  font-family: var(--t-headline-font, var(--t-text-font, Arial, sans-serif)) !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  letter-spacing: -.02em !important;
}

.tlk-popup__container .tlk-popup__title {
  font-size: clamp(22px, 2.4vw, 28px) !important;
}

.tlk-popup__container .tlk-input-title {
  color: #617d8e !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Поля профиля */
.tlk-popup__container .tlk-input,
.tlk-popup__container input.tlk-input,
.tlk-popup__container select.tlk-input,
.tlk-popup__container textarea.tlk-input {
  color: #173447 !important;
  background: #f7fafc !important;
  border: 1.5px solid #dce8f0 !important;
  border-radius: 12px !important;
  min-height: 48px !important;
  font-family: var(--t-text-font, Arial, sans-serif) !important;
  font-size: 15px !important;
  transition: border-color .18s ease,
              box-shadow .18s ease,
              background-color .18s ease !important;
}

.tlk-popup__container .tlk-input:hover {
  border-color: #b9dbe9 !important;
}

.tlk-popup__container .tlk-input:focus,
.tlk-popup__container .tlk-input:focus-visible {
  outline: none !important;
  border-color: #0d86c3 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 4px rgba(13,134,195,.12) !important;
}

.tlk-popup__container .tlk-input:disabled {
  opacity: .65 !important;
  cursor: not-allowed !important;
}

.tlk-popup__container .tlk-input::placeholder {
  color: #9aacb7 !important;
}

/* Аватар профиля */
.tlk-popup__container .tlk-upload__avatar img,
.tlk-popup__container .tlk-upload__image img,
.tlk-popup__container .tlk-upload img {
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Кнопка редактирования аватара */
.tlk-popup__container .tlk-upload__button {
  color: #0d86c3 !important;
  background: #eef8fc !important;
  border: 1px solid #cde6f0 !important;
  border-radius: 11px !important;
  font-family: var(--t-text-font, Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.tlk-popup__container .tlk-upload__button:hover {
  background: #e1f3fa !important;
  border-color: #0d86c3 !important;
}

/* Основная кнопка сохранения */
.tlk-popup__container .tlk-btn.tlk-btn_gray,
.tlk-popup__container .tlk-popup__button.tlk-btn_gray {
  background: linear-gradient(110deg, #0d86c3, #0b9ead) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  font-family: var(--t-text-font, Arial, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  box-shadow: 0 7px 18px rgba(13,134,195,.15) !important;
}

.tlk-popup__container .tlk-btn.tlk-btn_gray:hover,
.tlk-popup__container .tlk-popup__button.tlk-btn_gray:hover {
  background: linear-gradient(110deg, #087bb4, #078f9b) !important;
}

/* Второстепенные кнопки */
.tlk-popup__container .tlk-popup__button.tlk-btn_white,
.tlk-popup__container .tlk-popup__change-password {
  color: #0b78ae !important;
  background: #fff !important;
  border: 1px solid #cde2ec !important;
  border-radius: 12px !important;
  font-family: var(--t-text-font, Arial, sans-serif) !important;
  font-weight: 650 !important;
}

.tlk-popup__container .tlk-popup__button.tlk-btn_white:hover,
.tlk-popup__container .tlk-popup__change-password:hover {
  background: #eff8fc !important;
  border-color: #0d86c3 !important;
  color: #0d86c3 !important;
}

/* Ссылки */
.tlk-popup__container a:not(.tlk-btn) {
  color: #0d86c3 !important;
}

.tlk-popup__container a:not(.tlk-btn):hover {
  color: #0877ab !important;
}

/* Фокус элементов */
.tlk-popup__container button:focus-visible,
.tlk-popup__container a:focus-visible,
.tlk-popup__container .tlk-upload__button:focus-visible {
  outline: 3px solid rgba(13,134,195,.42) !important;
  outline-offset: 2px !important;
}

/* Адаптация для мобильных устройств */
@media (max-width: 650px) {
  .tlk-popup__container {
    border-radius: 16px !important;
  }

  .tlk-popup__container .tlk-popup__title {
    font-size: 23px !important;
  }

  .tlk-popup__container .tlk-input {
    font-size: 16px !important;
  }
}

/* Уменьшение анимации */
@media (prefers-reduced-motion: reduce) {
  .tlk-popup__container .tlk-input,
  .tlk-popup__container .tlk-btn,
  .tlk-popup__container .tlk-upload__button {
    transition: none !important;
  }
}