/*
Theme Name: MX Repost
Theme URI: https://mx-repost.ru/
Author: MX Repost
Author URI: https://mx-repost.ru/
Description: Фирменная тема MX Repost с многостраничным каталогом услуг, SEO-разметкой и формами заявок.
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 7.2.24
Text Domain: mx-repost
*/

:root {
  --font-geist-sans: "Geist", Arial, sans-serif;
  --font-geist-mono: "Geist Mono", Consolas, monospace;
}

[hidden] {
  display: none !important;
}

.admin-bar .site-header {
  top: 32px;
}

.mx-form-is-sending {
  cursor: wait;
  opacity: 0.72;
}

.form-note.is-success,
.service-order-status.is-success {
  color: #376f00;
}

.form-note.is-error,
.service-order-status.is-error {
  color: #a02a2a;
}

.thanks-page {
  min-height: 100vh;
  color: var(--white);
  background:
    radial-gradient(circle at 82% 34%, rgb(102 87 248 / 34%), transparent 32rem),
    #13151a;
  display: grid;
}

.thanks-panel {
  width: min(1120px, 100%);
  align-self: center;
  padding: 170px clamp(24px, 7vw, 118px) 110px;
}

.thanks-panel .eyebrow {
  color: rgb(255 253 248 / 64%);
}

.thanks-panel h1 {
  max-width: 980px;
  margin: 0;
  font-size: clamp(76px, 14vw, 220px);
  font-weight: 540;
  letter-spacing: -0.085em;
  line-height: 0.78;
}

.thanks-lead {
  max-width: 890px;
  margin: 48px 0 0;
  color: var(--acid);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(32px, 4.5vw, 70px);
  line-height: 1.02;
}

.thanks-note {
  max-width: 540px;
  margin: 34px 0 0;
  color: rgb(255 253 248 / 64%);
  font-size: 15px;
  line-height: 1.6;
}

.thanks-actions {
  display: flex;
  align-items: center;
  gap: 34px;
  margin-top: 44px;
}

.thanks-actions .text-link {
  border-bottom: 1px solid rgb(255 253 248 / 38%);
  padding-bottom: 4px;
}

@media (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }

  .thanks-panel {
    padding: 145px 20px 82px;
  }

  .thanks-panel h1 {
    font-size: clamp(70px, 23vw, 126px);
  }

  .thanks-lead {
    margin-top: 38px;
    font-size: clamp(31px, 9.5vw, 52px);
  }

  .thanks-actions {
    align-items: stretch;
    flex-direction: column;
    gap: 22px;
  }

  .thanks-actions .button {
    width: 100%;
  }

  .thanks-actions .text-link {
    width: max-content;
  }
}

@media (max-width: 800px) {
  .service-page-title h1,
  .service-statement > p:last-child {
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}