/* =========================================================
   SYMBIONT — Under Construction Shortcode
   Clean version
   Namespace: .sym-uc
   ========================================================= */

body.sym-page-under-construction .wp-block-post-title,
body.sym-page-under-construction h1.wp-block-post-title,
body.sym-page-under-construction .entry-title {
  display: none !important;
}

body.sym-page-under-construction main,
body.sym-page-under-construction .entry-content,
body.sym-page-under-construction .wp-block-post-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.sym-uc {
  width: min(84vw, 1040px);
  margin: 76px auto 112px;
  color: var(--sym-text);
}

.sym-uc * {
  box-sizing: border-box;
}

.sym-uc-shell {
  display: grid;
  gap: 18px;
  padding: 22px;

  border-radius: 34px;
  border: 1px solid var(--sym-border);

  background:
    radial-gradient(circle at 0 0, rgba(0, 240, 181, .14), transparent 34%),
    radial-gradient(circle at 100% 0, rgba(243, 95, 199, .14), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.38));

  box-shadow:
    0 36px 105px rgba(18, 28, 34, .15),
    0 0 72px rgba(0, 220, 175, .075),
    inset 0 1px 0 rgba(255,255,255,.70);
}

html[data-theme="dark"] .sym-uc-shell {
  background:
    radial-gradient(circle at 0 0, rgba(0, 240, 181, .14), transparent 34%),
    radial-gradient(circle at 100% 0, rgba(120, 90, 255, .18), transparent 38%),
    linear-gradient(135deg, rgba(17,23,25,.96), rgba(28,25,43,.96));

  box-shadow:
    0 42px 120px rgba(0,0,0,.34),
    0 0 76px rgba(0, 220, 175, .10),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.sym-uc-panel {
  min-height: 310px;
  padding: clamp(34px, 4vw, 58px);
  border-radius: 28px;
  border: 1px solid var(--sym-border);

  background:
    radial-gradient(circle at 0 0, rgba(0, 240, 181, .08), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.34));

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 16px 42px rgba(18,28,34,.08);
}

html[data-theme="dark"] .sym-uc-panel {
  border-color: rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 0 0, rgba(0, 240, 181, .08), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
}

.sym-uc-panel-info,
.sym-uc-panel-subscribe {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .78fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
}

.sym-uc-kicker {
  display: inline-flex;
  margin-bottom: 18px;

  font-family: Tektur, sans-serif;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #00d7a8;
}

.sym-uc h1,
.sym-uc h2 {
  margin: 0;
  max-width: 680px;

  font-family: Tektur, sans-serif;
  color: var(--sym-text);
  letter-spacing: .018em;
}

.sym-uc h1 {
  font-size: clamp(44px, 4.8vw, 70px);
  line-height: .9;
  font-weight: 760;
}

.sym-uc h2 {
  font-size: clamp(34px, 3.8vw, 56px);
  line-height: .94;
  font-weight: 700;
}

.sym-uc p {
  max-width: 600px;
  margin: 22px 0 0;

  font-family: Ruda, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.52;
  color: var(--sym-text-muted);
}

.sym-uc-status {
  align-self: center;
}

.sym-uc-status-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;

  font-family: Tektur, sans-serif;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: .08em;
  color: var(--sym-text-muted);
}

.sym-uc-status-head strong {
  color: #00d7a8;
}

.sym-uc-bar {
  height: 14px;
  padding: 3px;
  border-radius: 999px;
  border: 1px solid var(--sym-border);
  background: rgba(17,23,25,.08);
}

html[data-theme="dark"] .sym-uc-bar {
  background: rgba(255,255,255,.07);
}

.sym-uc-bar span {
  display: block;
  width: 78%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #00d7a8, #b7ff3c, #f3b8ef);
  box-shadow: 0 0 22px rgba(0,220,175,.38);
}

.sym-uc-tags,
.sym-uc-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.sym-uc-tags span,
.sym-uc-mini span {
  min-height: 30px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;

  border-radius: 999px;
  border: 1px solid var(--sym-border);
  background: rgba(255,255,255,.28);

  font-family: Ruda, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: var(--sym-text-muted);
}

html[data-theme="dark"] .sym-uc-tags span,
html[data-theme="dark"] .sym-uc-mini span {
  background: rgba(255,255,255,.055);
}

.sym-uc-formbox {
  align-self: center;
}

.sym-uc-fake-form,
.sym-uc-formbox form,
.sym-uc-formbox .fluentform .ff-el-group,
.sym-uc-formbox .fluentform .ff_submit_btn_wrapper {
  margin: 0;
}

.sym-uc-fake-form,
.sym-uc-formbox .fluentform form {
  display: grid;
  gap: 10px;
}

.sym-uc-formbox input,
.sym-uc-formbox .ff-el-form-control {
  min-height: 52px !important;
  width: 100% !important;
  padding: 0 18px !important;

  border-radius: 18px !important;
  border: 1px solid var(--sym-border) !important;
  background: rgba(255,255,255,.48) !important;

  font-family: Ruda, Arial, sans-serif !important;
  font-size: 15px !important;
  color: var(--sym-text) !important;
}

html[data-theme="dark"] .sym-uc-formbox input,
html[data-theme="dark"] .sym-uc-formbox .ff-el-form-control {
  background: rgba(255,255,255,.07) !important;
}

.sym-uc-formbox button,
.sym-uc-formbox .ff-btn-submit {
  min-height: 52px !important;
  width: 100% !important;
  padding: 0 22px !important;

  border-radius: 18px !important;
  border: 1px solid #00d7a8 !important;
  background: #00d7a8 !important;

  color: #06110f !important;
  font-family: Tektur, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;

  box-shadow:
    0 16px 38px rgba(0, 220, 175, .24),
    inset 0 1px 0 rgba(255,255,255,.45) !important;

  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.sym-uc-formbox button:hover,
.sym-uc-formbox .ff-btn-submit:hover {
  transform: translateY(-2px);
  filter: brightness(1.08) saturate(1.08);
  color: #06110f !important;
}

@media (max-width: 920px) {
  .sym-uc {
    width: min(92vw, 720px);
    margin-top: 56px;
  }

  .sym-uc-panel-info,
  .sym-uc-panel-subscribe {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

@media (max-width: 640px) {
  .sym-uc {
    width: 94vw;
    margin: 44px auto 80px;
  }

  .sym-uc-shell {
    padding: 14px;
    border-radius: 28px;
  }

  .sym-uc-panel {
    padding: 30px;
    border-radius: 22px;
  }

  .sym-uc h1 {
    font-size: 38px;
  }

  .sym-uc h2 {
    font-size: 34px;
  }

  .sym-uc p {
    font-size: 15px;
  }
}
/* =========================================================
   SYMBIONT — Under Construction horizontal rows layout
   final structure
   ========================================================= */

/* вырываем блок из узкой колонки страницы */
body.sym-page-under-construction .sym-uc {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: min(82vw, 1160px) !important;
  max-width: 1160px !important;

  margin: 72px 0 112px !important;
}

/* большая общая карточка */
body.sym-page-under-construction .sym-uc-shell {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;

  width: 100% !important;
  padding: 22px !important;
}

/* верхний и нижний блоки */
body.sym-page-under-construction .sym-uc-panel {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 26px !important;

  width: 100% !important;
  min-height: 0 !important;
  padding: clamp(34px, 4vw, 58px) !important;
}

/* внутри каждого блока: текст сверху, сервисная часть снизу */
body.sym-page-under-construction .sym-uc-copy,
body.sym-page-under-construction .sym-uc-status,
body.sym-page-under-construction .sym-uc-formbox {
  width: 100% !important;
  max-width: none !important;
}

/* текстовые строки */
body.sym-page-under-construction .sym-uc h1,
body.sym-page-under-construction .sym-uc h2 {
  max-width: 760px !important;
}

body.sym-page-under-construction .sym-uc p {
  max-width: 720px !important;
}

/* progress-строка */
body.sym-page-under-construction .sym-uc-status {
  padding-top: 22px !important;
  border-top: 1px solid rgba(17, 23, 25, .10) !important;
}

html[data-theme="dark"] body.sym-page-under-construction .sym-uc-status {
  border-top-color: rgba(255,255,255,.10) !important;
}

/* форма + теги отдельной строкой */
body.sym-page-under-construction .sym-uc-formbox {
  padding-top: 22px !important;
  border-top: 1px solid rgba(17, 23, 25, .10) !important;
}

html[data-theme="dark"] body.sym-page-under-construction .sym-uc-formbox {
  border-top-color: rgba(255,255,255,.10) !important;
}

body.sym-page-under-construction .sym-uc-formbox form,
body.sym-page-under-construction .sym-uc-fake-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px !important;
  gap: 12px !important;
  align-items: center !important;
}

/* теги в строку под формой */
body.sym-page-under-construction .sym-uc-mini {
  margin-top: 16px !important;
}

/* desktop: текст и status можно сделать визуально шире */
body.sym-page-under-construction .sym-uc-status-head {
  max-width: 100% !important;
}

body.sym-page-under-construction .sym-uc-bar {
  width: 100% !important;
}

/* mobile */
@media (max-width: 760px) {
  body.sym-page-under-construction .sym-uc {
    left: auto !important;
    transform: none !important;
    width: 94vw !important;
    margin: 48px auto 80px !important;
  }

  body.sym-page-under-construction .sym-uc-formbox form,
  body.sym-page-under-construction .sym-uc-fake-form {
    grid-template-columns: 1fr !important;
  }
}