/* === PREMIUM THEME (irinasvetskaya.ru) v1 === */
:root{
  --bg-dark:#120713;
  --bg-mid:#2a0f2f;
  --gold:#c9a56e;
  --ivory:#f7f0e8;
  --ivory-90:rgba(247,240,232,.90);
  --ivory-75:rgba(247,240,232,.75);
}

/* Фон сайта (если у тебя уже стоит градиент — этот просто фиксирует “бархатный” вид) */
html, body, #allrecords{
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-mid) 55%, #1a0a1f 100%) !important;
  color: var(--ivory) !important;
}

/* Текст по умолчанию */
#allrecords, body{
  font-size:18px;
  line-height:1.65;
}
@media (max-width: 640px){
  #allrecords, body{ font-size:16px; }
}

/* Заголовки: если ты хотел “не стали нужным цветом” — это лечит,
   потому что в Тильде часто заголовки сидят в .t-title/.t-heading, а не в чистом h1 */
#allrecords h1, 
#allrecords h2,
#allrecords h3,
#allrecords .t-title,
#allrecords .t-heading{
  color: var(--ivory) !important;
}
#allrecords .t-uptitle{
  color: var(--gold) !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

/* Обычный текст */
#allrecords p,
#allrecords li,
#allrecords .t-text,
#allrecords .t-descr{
  color: var(--ivory-90) !important;
}

/* ====== КНОПКИ: убираем зелёную обводку и розовый hover/active ======
   Важно: Тильда у тебя прописала стили кнопкам с !important (зелёный/розовый),
   поэтому мы тоже делаем !important + более сильную специфичность. */
#allrecords [id^="rec"] .t-btnflex.t-btnflex_type_button,
#allrecords [id^="rec"] .t-btn,
#allrecords [id^="rec"] a.t-btn{
  border-color: var(--gold) !important;
  border-width: 1.5px !important;
  border-style: solid !important;

  background: transparent !important;
  color: var(--gold) !important;

  border-radius: 999px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;

  box-shadow: 0 12px 32px rgba(0,0,0,.28) !important;
}

/* Hover / Focus — без розового */
#allrecords [id^="rec"] .t-btnflex.t-btnflex_type_button:hover,
#allrecords [id^="rec"] .t-btnflex.t-btnflex_type_button:focus-visible,
#allrecords [id^="rec"] .t-btn:hover,
#allrecords [id^="rec"] a.t-btn:hover{
  background: var(--gold) !important;
  color: var(--bg-dark) !important;
  border-color: var(--gold) !important;
}

/* Active — “дорогое” нажатие, без смены цвета в неон */
#allrecords [id^="rec"] .t-btnflex.t-btnflex_type_button:active,
#allrecords [id^="rec"] .t-btn:active,
#allrecords [id^="rec"] a.t-btn:active{
  transform: translateY(1px) !important;
  opacity: .96 !important;
}

/* ====== МЕНЮ: делаем ссылки читаемыми на тёмном фоне ====== */
#allrecords .t-menu__link-item,
#allrecords .t-menu__link-item a{
  color: var(--gold) !important;
}

/* ====== ИКОНКИ МЕССЕНДЖЕРОВ (если блок использует t-sociallinks) ====== */
#allrecords .t-sociallinks__item a{
  border: 1px solid rgba(201,165,110,.55) !important;
  background: rgba(255,255,255,.06) !important;
  border-radius: 999px !important;
}
#allrecords .t-sociallinks__item a:hover{
  background: rgba(201,165,110,.14) !important;
}

/* ====== Временный костыль: скрыть блок T674 (если он “пустой фон” и даёт лишнее место)
   Убери эту строку, если T674 тебе нужен. */
.t674{ display:none !important; }

/* Попап виджета мессенджеров: фон + текст (делаем премиум) */
.t-popup, .t-popup__container, .t-popup__wrapper {
  /* НЕ трогай это, если у тебя есть другие попапы (формы/корзина) */
}

/* Более безопасно — настраиваем только элементы, похожие на попап мессенджеров */
.t-sociallinks__popup, .t-messenger__popup, .t-contacts__popup {
  background: #160B1E !important;
  color: #F7F0E8 !important;
}

.t-sociallinks__popup * , .t-messenger__popup * , .t-contacts__popup * {
  color: #F7F0E8 !important;
}

.t-sociallinks__popup .t-title, .t-messenger__popup .t-title, .t-contacts__popup .t-title {
  color: #C8A46A !important;
}

.premium-divider--star{
  position: relative;
  width: min(560px, 70vw);
  height: 1px;
  margin: 56px auto;
  background: linear-gradient(90deg, transparent, rgba(214,196,166,0.65), transparent);
  border-radius: 999px;
  box-shadow: 0 0 16px rgba(214,196,166,0.10);
}

.premium-divider--star::after{
  content: "✦";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -55%);
  font-size: 14px;
  line-height: 1;
  color: rgba(214,196,166,0.85);
  text-shadow: 0 0 10px rgba(214,196,166,0.18);
  padding: 0 10px;
}

@media (max-width: 480px){
  .premium-divider--star{ margin: 40px auto; width: min(440px, 78vw); }
  .premium-divider--star::after{ font-size: 13px; }
}
.divider-sparkle{
  position: relative;
  max-width: 980px;
  margin: 52px auto;
  height: 24px;
}

.divider-sparkle:before,
.divider-sparkle:after{
  content:"";
  position:absolute;
  top:50%;
  height:1px;
  width: calc(50% - 26px);
  opacity: 1;
}

.divider-sparkle:before{
  left:0;
  background: linear-gradient(to right, rgba(199,164,106,0), rgba(199,164,106,.55));
}

.divider-sparkle:after{
  right:0;
  background: linear-gradient(to left, rgba(199,164,106,0), rgba(199,164,106,.55));
}

.divider-sparkle__icon{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  color: rgba(199,164,106,.9);   /* золото */
  filter: drop-shadow(0 0 10px rgba(199,164,106,.22));
}

/* Мобилка — компактнее */
@media (max-width: 480px){
  .divider-sparkle{ margin: 34px auto; }
  .divider-sparkle:before,
  .divider-sparkle:after{ width: calc(50% - 22px); }
  .divider-sparkle__icon svg{ width: 16px; height: 16px; }
}
.sv-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  max-width: 980px;     /* делает линии визуально ровными */
  margin: 40px auto;
  padding: 0 24px;
}

.sv-divider__line{
  flex:1;
  height:1px;
  background: linear-gradient(90deg,
    rgba(199,164,74,0),
    rgba(199,164,74,.55),
    rgba(199,164,74,0)
  );
}

.sv-divider__spark{
  color: rgba(199,164,74,.90);
  font-size: 20px;
  line-height: 1;
  text-shadow: 0 0 10px rgba(199,164,74,.30);
  transform: translateY(-1px);
}

@media (max-width: 480px){
  .sv-divider{ margin: 28px auto; gap:14px; }
  .sv-divider__spark{ font-size:18px; }
}

/* Премиум-карточка */
.premium-card{
  border: 1px solid rgba(200,164,92,.45);
  border-radius: 18px;
  background: rgba(0,0,0,.14);
  padding: 48px 56px;
}

/* Текст */
.premium-card .t-title,
.premium-card .t-name{
  letter-spacing: .02em;
}

.premium-card .t-text,
.premium-card .t-descr{
  line-height: 1.55;
}

/* Мобилка */
@media (max-width: 640px){
  .premium-card{ padding: 28px 22px; border-radius: 16px; }
}
/* =========================
   PREMIUM GLASS CARD (TILDA)
   Class on block: uc-premium-card
   ========================= */

:root{
  --gold:  #C7A66A;   /* золото/шампань */
  --ivory: #F3EDE3;   /* тёплый молочный */
  --ivory2:#D9D2C6;   /* вторичный молочный */
  --glass: rgba(10, 6, 16, 0.42);  /* "стекло" */
  --glass2: rgba(10, 6, 16, 0.18); /* подсветка */
}

/* Базовая "карточка" — стараемся попасть в самые частые контейнеры Tilda */
.uc-premium-card .t-container,
.uc-premium-card .t-col{
  position: relative;
  z-index: 1;
}

/* Убираем возможные фон/рамки блока, чтобы не было двойных рамок */
.uc-premium-card .t-container,
.uc-premium-card .t-col{
  background: transparent !important;
  border: none !important;
}

/* Рисуем стеклянную подложку и одну премиум-рамку */
.uc-premium-card .t-container::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 24px;
  background: linear-gradient(180deg, var(--glass2), var(--glass));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 0;
}

.uc-premium-card .t-container::after{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 24px;
  border: 1px solid rgba(199,166,106,0.55);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  z-index: 0;
}

/* Внутренние отступы (воздух = премиум) */
.uc-premium-card .t-container{
  padding: 44px 48px !important;
  box-sizing: border-box;
}

/* Все элементы внутри поверх "стекла" */
.uc-premium-card .t-container > *{
  position: relative;
  z-index: 1;
}

/* Типографика */
.uc-premium-card .t-title,
.uc-premium-card .t-heading,
.uc-premium-card h1,
.uc-premium-card h2,
.uc-premium-card h3{
  color: var(--gold) !important;
}

.uc-premium-card .t-descr,
.uc-premium-card .t-text,
.uc-premium-card p,
.uc-premium-card li{
  color: var(--ivory) !important;
}

/* Вторичный текст (если где-то есть подписи мелко) */
.uc-premium-card .t-uptitle,
.uc-premium-card .t-small,
.uc-premium-card small{
  color: var(--ivory2) !important;
}

/* Списки: маркеры золотом */
.uc-premium-card ul li::marker{
  color: var(--gold);
}

/* Кнопка: прозрачная + золотая обводка */
.uc-premium-card a.t-btn,
.uc-premium-card button.t-btn{
  background: transparent !important;
  border: 1px solid rgba(199,166,106,0.75) !important;
  color: var(--gold) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  text-transform: none !important;  /* <- НЕ капсом (премиальнее) */
  letter-spacing: 0.04em;
  padding: 14px 26px !important;
}

.uc-premium-card a.t-btn:hover,
.uc-premium-card button.t-btn:hover{
  background: rgba(199,166,106,0.12) !important;
}

/* =========================
   MOBILE TUNING
   ========================= */
@media screen and (max-width: 980px){
  .uc-premium-card .t-container{
    padding: 32px 22px !important;
  }
  .uc-premium-card .t-container::before,
  .uc-premium-card .t-container::after{
    border-radius: 18px;
  }
}

@media screen and (max-width: 480px){
  .uc-premium-card .t-container{
    padding: 28px 18px !important;
  }
  .uc-premium-card a.t-btn,
  .uc-premium-card button.t-btn{
    width: auto;
    padding: 13px 22px !important;
  }
}