@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

/* ==== Великий напис у футері: Ремесло Медіа ==== */

/* Колір смуги. Якщо між футером і написом видно шов, змініть тут */
:root {
  --rm-bg: #1e1e1e;
}

/* Батьківський блок теми: на всю ширину, без відступів і центрування */
*:has(> .rm-wordmark-wrap) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  background: var(--rm-bg) !important;
}

/* Смуга під футером */
.rm-wordmark-wrap {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--rm-bg) !important;
  padding: 24px 20px 48px !important;
}

/* Контейнер: від його ширини рахується розмір шрифту */
.rm-wordmark-wrap .rm-wordmark {
  container-type: inline-size;
  display: block !important;
  width: 100% !important;
  max-width: 1170px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Сам напис: desktop і планшет, один рядок */
.rm-wordmark-wrap .rm-wordmark .rm-wordmark-text {
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0.14em !important;
  font-family: 'Alfa Slab One', Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 9vw !important;       /* запасний варіант для старих браузерів */
  font-size: 14.5cqw !important;   /* головне значення: підбирається вручну */
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Телефон: два рядки, «Ремесло» і «Медіа» */
@media (max-width: 700px) {
  .rm-wordmark-wrap {
    padding: 16px 20px 32px !important;
  }
  .rm-wordmark-wrap .rm-wordmark .rm-wordmark-text {
    font-size: 19vw !important;
    font-size: 19cqw !important;
    line-height: 0.95 !important;
    white-space: normal !important;
  }
}