/* =============================================================================
   ФУТЕР — живой код (template-parts/footer/columns.php).
   Неймспейс .sf-*. Раскладка: бренд-блок + три колонки ссылок.
   Типографику и цвета берём от темы, поэтому здесь только сетка и мелочи:
   так футер остаётся визуально тем же, каким был на Elementor.
   ============================================================================= */

.main-footer .sf-footer{
  display:grid;
  grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(0,1fr));
  gap:30px 40px;
  align-items:start;
  padding-block:40px 34px;
}

/* --- бренд-блок --- */
.main-footer .sf-footer__brand{min-width:0;}
.main-footer .sf-footer__logo{display:inline-block;margin-bottom:18px;}
.main-footer .sf-footer__logo img{display:block;width:250px;height:auto;max-width:100%;}
.main-footer .sf-footer__brand p{margin:0 0 14px;max-width:34ch;}
.main-footer .sf-footer__brand p:last-of-type{margin-bottom:20px;}
/* Виджет рейтинга — iframe фиксированного размера, ужимать нельзя. */
.main-footer .sf-footer__rating{line-height:0;}
.main-footer .sf-footer__rating iframe{display:block;width:150px;height:50px;border:0;}

/* --- колонки --- */
.main-footer .sf-footer__col{min-width:0;}
.main-footer .sf-footer__title{
  margin:0 0 16px;font-size:1rem;line-height:1.3;font-weight:600;
}
.main-footer .sf-footer__list{margin:0;padding:0;list-style:none;}
.main-footer .sf-footer__list li{margin:0 0 10px;}
.main-footer .sf-footer__list li:last-child{margin-bottom:0;}
.main-footer .sf-footer__list a{text-decoration:none;}

/* --- колонка контактов: оставляем прежние отбивки строк --- */
.main-footer .sf-footer__col--contacts p{margin:0 0 8px;}
.main-footer .sf-footer__col--contacts .wmode.address{margin-bottom:6px;}
/* «Заказать звонок» — это <u> с JS-хуком, а не ссылка: показываем как кликабельный. */
.main-footer .sf-footer__col--contacts .btn-popup-callback{cursor:pointer;}

/* --- адаптив: 4 колонки → 2 → 1 --- */
@media (max-width:1024px){
  .main-footer .sf-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
  .main-footer .sf-footer__brand{grid-column:1 / -1;}
  .main-footer .sf-footer__brand p{max-width:52ch;}
}
@media (max-width:600px){
  .main-footer .sf-footer{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px 26px;}
  .main-footer .sf-footer__title{margin-bottom:12px;}
}