/* ==========================================================================
   Дрібні правки поверх стилів Weblium. Підключається після їхніх файлів.

   Той самий набір, що на saleswave.in.ua, з поправкою на імена класів цієї
   збірки: підкладка фону тут background_2xT.
   ========================================================================== */

/* --- Мобільний: тримати сторінку в межах екрана -------------------------
   Декоративні картинки в макеті ширші за екран і стирчать за правий край —
   сторінка їздить убік, і збоку видно смугу. В оригіналі це ховав рантайм
   платформи. */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Safari на iOS часто ігнорує overflow-x: hidden на body. clip він виконує
   чесно, бо не створює контейнер прокрутки взагалі. */
html {
  overflow-x: clip;
}

.sw-viewport {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

/* --- Тло сторінки ---------------------------------------------------------
   Колір той самий, що в підкладках блоків: якщо десь між блоками лишиться
   щілина, вона зіллється з дизайном, а не блисне білим.

   Заливку самих підкладок тут НЕ чіпаємо. На попередньому сайті це було
   потрібно, бо колір їм домальовував рантайм платформи. Тут інакше: у 9
   блоків колір уже прописаний у розмітці, ще в 10 фон приходить із
   backgrounds.css. Правило "прибрати заливку" гасило б і те, і те. */

html,
body,
.sw-viewport {
  background-color: #272727;
}

/* --- Спливаюче вікно ------------------------------------------------------
   У темі воно сховане (.popupWrapper_2c7{display:none}), а показував його
   рантайм платформи, дописуючи display прямо в елемент. Без нього щось у
   каскаді перебиває приховування, і вікно висить розгорнутим поверх усієї
   сторінки, перехоплюючи кліки по кнопках.

   Задаємо стан явно: закрите за замовчуванням, відкрите — коли скрипт
   додасть popup-active. Відступи й затемнення тла лишаються від теми. */

.popup.popupWrapper_2c7 {
  display: none;
}

.popup.popupWrapper_2c7.popup-active {
  display: block;
}

/* Повідомлення під формою: у темі такого елемента не було. */
.sw-form__status:empty {
  display: none;
}

/* Поле-приманка для ботів. У розмітці воно є, але ховав його рантайм
   платформи — без нього видно білу смугу під телефоном. Людина його не
   бачить і не сфокусує, автозаповнювач не чіпає; заповнене поле означає,
   що заявку надіслав робот. */
.honey-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* --- Заголовки ------------------------------------------------------------
   Розділи сторінки набрані звичайними абзацами, тому пошуковик не бачить,
   де назва сторінки, а де назва розділу. seo.py міняє їм тег на h1-h3,
   лишаючи клас — саме він задає розмір і накреслення.

   Проблема лише в тому, що браузер має власні стилі для h1-h6: жирність,
   інший розмір і зовнішні відступи. На полотні з абсолютними координатами
   відступ зсуває текст із місця.

   :where() має нульову вагу селектора. Це рівно те, що потрібно: правило
   перебиває стилі браузера (у них вага теж нульова, але вони йдуть
   раніше) і програє будь-якому правилу теми, тобто вигляд лишається
   точно таким, як був. */

:where(.sw-h) {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* --- Підвал ---------------------------------------------------------------
   Полотно Weblium нікуди не веде: з головної немає жодного посилання, крім
   оферти й політики. Текстові сторінки без посилань лишились би сиротами —
   пошуковик вважав би їх другорядними, а відвідувач не знайшов би взагалі.

   Підвал стоїть після полотна й нічого не зсуває: у полотна фіксована
   висота, підвал просто продовжує сторінку донизу. */

.sw-foot {
  background: #141214;
  border-top: 1px solid rgba(56, 224, 57, 0.22);
  color: rgba(255, 255, 255, 0.62);
  font: 400 15px/1.65 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  padding: 2.6rem 1.25rem 2.2rem;
}

.sw-foot__in {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  gap: 1.75rem 2.25rem;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.sw-foot p {
  margin: 0 0 0.35rem;
}

.sw-foot__name {
  color: #fff;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 0.6rem;
}

.sw-foot__h {
  color: #38E039;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.7rem;
}

.sw-foot ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sw-foot li {
  margin-bottom: 0.42rem;
}

.sw-foot a {
  color: rgba(255, 255, 255, 0.74);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.sw-foot a:hover,
.sw-foot a:focus-visible {
  color: #38E039;
  border-bottom-color: rgba(56, 224, 57, 0.5);
}