/* ================= AMSTAFF ================= */
/* --- крестик закрытия поп-апа --- */
/* родная иконка Tilda прячется в тех окнах, где есть наш крестик */
.t-popup:has(.ams-popclose) .t-popup__close{display:none!important}

/* наш крестик */
.ams-popclose{cursor:pointer}
.ams-popclose .tn-molecule{
  transition:background-color .15s ease, transform .15s ease;
}
.ams-popclose .tn-atom{transition:color .15s ease}
.ams-popclose:hover .tn-molecule{background-color:#FFE500!important}
.ams-popclose:active .tn-molecule{transform:scale(.92)}

/* ссылка растягивается на весь кружок */
.ams-popclose .tn-atom a{
  display:flex;align-items:center;justify-content:center;
  position:absolute;inset:0;text-decoration:none;color:inherit;
}

/* --- ссылки в Zero Block не переносятся на десктопе --- */
@media screen and (min-width:640px){.t396 a.tn-atom{white-space:nowrap}}

/* --- ams-lift: подъём карточки при наведении (как на «Направлениях») --- */
.ams-lift{cursor:pointer}
.ams-lift > .tn-molecule{transition:transform .18s ease, box-shadow .18s ease!important;will-change:transform}
.ams-lift:hover > .tn-molecule{transform:translateY(-3px)!important;box-shadow:0 10px 28px rgba(0,0,0,.10)!important}
.ams-lift:active > .tn-molecule{transform:translateY(-1px)!important}

/* --- ams-card: фото увеличивается при наведении, не вылезая за края --- */
.ams-card{cursor:pointer}
.ams-card .tn-atom:has(> img){overflow:hidden!important}
.ams-card img{transition:transform .45s cubic-bezier(.2,.6,.2,1)!important;will-change:transform}
.ams-card:hover img{transform:scale(1.06)}

/* --- фото в слайдерах: резиновые по ширине (абсолютные слайды) --- */
.slider-slide, .slider-1-slide, .slider-2-slide, .slider-3-slide, .slider-4-slide, .slider-5-slide{
  left:0!important; top:0!important; right:auto!important; bottom:auto!important;
  width:100%!important; height:100%!important;
}
.slider-slide > .tn-atom, .slider-1-slide > .tn-atom, .slider-2-slide > .tn-atom,
.slider-3-slide > .tn-atom, .slider-4-slide > .tn-atom, .slider-5-slide > .tn-atom{
  width:100%!important; height:100%!important; object-fit:cover!important;
}

/* --- бейдж секции: тёмный кружок всегда поверх жёлтой плашки --- */
.ams-badge{z-index:50!important}
/* ams: строки таблиц на потоке — некликабельные */
.ams-nolink a[href*="/tpost/"],
.ams-nolink a.tn-atom[href]{pointer-events:none;cursor:default;}

/* =============== /AMSTAFF ================== */



/* --- текстовые ссылки: подчёркивание по ховеру слева направо --- */
/* ams-link — общий класс для любой текстовой ссылки */
/* ams-crumb — крошки, ams-flink — подвал, ams-slink — старые ссылки */
/* ams-ondark — модификатор для светлого текста на тёмном фоне */
/* .t396 в селекторе — чтобы перебить старое правило в код-блоках Бокса и Массажа */
@media (hover: hover) {
  .t396 .ams-link .tn-atom a,
  .t396 .ams-crumb .tn-atom a,
  .t396 .ams-flink .tn-atom a,
  .t396 .ams-slink .tn-atom a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 1px;
    transition: background-size .15s ease-out, color .15s ease-out;
  }
  .t396 .ams-link:hover .tn-atom a,
  .t396 .ams-crumb:hover .tn-atom a,
  .t396 .ams-flink:hover .tn-atom a,
  .t396 .ams-slink:hover .tn-atom a {
    background-size: 100% 1px;
    color: #101010;
  }
  .t396 .ams-ondark:hover .tn-atom a { color: #FFFFFF; }
}