
/* Выравнивание кнопок в попапах магазина Tilda */
.t-popup .t-store__card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.t-popup .t-store__card__wrap_txt-and-opts {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.t-popup .t-store__card__btns-wrapper,
.t-popup .t-store__card__btn-wrapper,
.t-popup .t-store__card__btns,
.t-popup .t-store__btns {
  margin-top: auto !important;
}

.t-popup .js-store-grid-cont,
.t-popup .t-store__grid-cont,
.t-popup .t-store__grid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}



(function(){
  function fixCards(){
    var rec = document.querySelector('.t-popup');
    if(!rec || !rec.classList.contains('t-popup_show')) return;

    rec.querySelectorAll('.t-store__card').forEach(function(el){
      el.style.display='flex';
      el.style.flexDirection='column';
      el.style.height='100%';
    });
    rec.querySelectorAll('.t-store__card__wrap_txt-and-opts').forEach(function(el){
      el.style.display='flex';
      el.style.flexDirection='column';
      el.style.flex='1 1 auto';
    });
    rec.querySelectorAll('.t-store__card__btns-wrapper, .t-store__card__btn-wrapper, .t-store__card__btns, .t-store__btns')
      .forEach(function(el){ el.style.marginTop='auto'; });

    var cont = rec.querySelector('.js-store-grid-cont, .t-store__grid-cont, .t-store__grid');
    if(cont){
      cont.style.display='flex';
      cont.style.flexWrap='wrap';
      cont.style.alignItems='stretch';
    }
  }

  // следим за открытием попапа
  var popup = document.querySelector('.t-popup');
  if(popup){
    new MutationObserver(function(){
      if(popup.classList.contains('t-popup_show')){
        // даём время подгрузить AJAX-контент
        setTimeout(function(){
          fixCards();
          // повторно через 0.5 и 1 секунду, чтобы учесть загрузку картинок
          setTimeout(fixCards, 500);
          setTimeout(fixCards, 1000);
        }, 150);
      }
    }).observe(popup, {attributes:true, attributeFilter:['class']});
  }

  // пересчёт при изменении размеров окна
  window.addEventListener('resize', fixCards);
})();
