/* ============================================================
   Базовые стили сайта гаджетшоп.рф
   (перенесены из Customizer → Дополнительные стили)
   ============================================================ */

html,
body {
  /* Старый дубликат в Customizer задаёт height:100% и ломает flex-колонку. */
  height: auto !important;
  min-height: 100%;
}

/* Делаем всю страницу колонкой */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Тот же фон, что у главной 22904, включая старые страницы Elementor. */
body.elementor-default {
  background-color: #eef1f8 !important;
  background-image: linear-gradient(260deg, #dee5f2 2%, #f3f2f9 89%) !important;
}

/* Свободная высота коротких страниц остаётся ДО подвала. */
body > .site-main,
body > .elementor-location-archive,
#page > .site-main {
  flex: 1 0 auto;
}

body > .elementor-location-header,
body > .elementor-location-footer {
  flex-shrink: 0;
}

/* Фиксированная шапка остаётся fixed; её обёртка резервирует место.
   Главная, новая карточка и избранное уже имеют собственный верхний отступ. */
body:not(.home):not(.gs-lg-product):not(.gs-lg-wishlist) .elementor-22907.elementor-location-header {
  /* Мобильный скрипт темы фиксирует также внешнюю обёртку. */
  position: relative !important;
  min-height: var(--gs-site-header-bottom, 124px);
}

/* У кабинета был ручной отступ 40/120px под прежнюю шапку. */
body.woocommerce-account:has(.elementor-22907.elementor-location-header) .elementor-element-b3cf76c {
  margin-top: 22px !important;
}

@media (max-width: 767px) {
  body:not(.home):not(.gs-lg-product):not(.gs-lg-wishlist) .elementor-22907.elementor-location-header {
    min-height: var(--gs-site-header-bottom, 72px);
  }

  /* У старых информационных страниц здесь стояло 120px под прежнее меню. */
  body:not(.home):not(.gs-lg-product):not(.gs-lg-wishlist):has(.elementor-22907.elementor-location-header) .site-main > .page-content > .elementor > .e-con:first-child,
  body:not(.home):has(.elementor-22907.elementor-location-header) > .elementor-location-archive > .e-con:first-child,
  body.woocommerce-account:has(.elementor-22907.elementor-location-header) .elementor-element-b3cf76c {
    margin-top: 14px !important;
  }

  /* Архив каталога: прежние 80px были на вложенной обёртке крошек. */
  body:has(.elementor-22907.elementor-location-header) .elementor-location-archive .elementor-element-dd2a3dd {
    margin-top: 0 !important;
  }
}

body,
p,
li,
span,
a,
input,
textarea,
button {
  font-family: 'inter', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'inter', sans-serif !important;
}

/* Обёртка темы (Hello Elementor) как колонка */
#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}