/* Compatibility theme for retained noindex account and utility templates. */

html[data-shaupa-ui='editorial'] body.legacy-public-page {
  min-width: 20rem;
  min-height: 100dvh;
  margin: 0;
  overflow-x: clip;
  background: var(--public-page) !important;
  color: var(--public-ink-body);
  font-family: var(--public-font-ui);
}

body.legacy-public-page::after { display: none !important; }

.legacy-public-page .navbar {
  border-bottom: 1px solid var(--public-line) !important;
  background: color-mix(in srgb, var(--public-page) 92%, transparent) !important;
  box-shadow: none !important;
  color: var(--public-ink) !important;
  backdrop-filter: blur(18px);
}

.legacy-public-page .navbar-brand {
  color: var(--public-ink) !important;
  font-family: var(--public-font-display);
  font-size: 1.45rem;
  font-weight: 600;
}

.legacy-public-page #logo-icon { display: none; }
.legacy-public-page .nav-link { color: var(--public-ink-body) !important; }
.legacy-public-page .nav-link:hover { color: var(--public-ink) !important; }
.legacy-public-page .navbar-toggler { border-color: var(--public-line-strong) !important; color: var(--public-ink) !important; }

.legacy-theme-toggle {
  min-height: 2.4rem;
  border: 1px solid var(--public-line-strong);
  border-radius: var(--public-radius-sm);
  background: var(--public-panel-subtle);
  color: var(--public-ink);
  padding: 0.45rem 0.75rem;
  cursor: pointer;
  font: 600 0.78rem/1 var(--public-font-ui);
}

.legacy-public-page .ftco-cover,
.legacy-public-page .ftco-section {
  min-height: auto;
  background: var(--public-page) !important;
  color: var(--public-ink-body) !important;
}

.legacy-public-page .ftco-vh-100 { min-height: calc(100dvh - 5rem) !important; }

.legacy-public-page :is(.form, .pricing-card, .contact-form-container, .tabcontent) {
  border: 1px solid var(--public-line) !important;
  border-radius: var(--public-radius-md) !important;
  background: var(--public-panel) !important;
  color: var(--public-ink-body) !important;
  box-shadow: var(--public-shadow) !important;
}

.legacy-public-page .form,
.legacy-public-page .pricing-card,
.legacy-public-page .contact-form-container { padding: clamp(1.25rem, 4vw, 2.5rem) !important; }

.legacy-public-page :is(h1, h2, h3, h4, h5, .title, .pricing-card-title) {
  color: var(--public-ink) !important;
  font-family: var(--public-font-display) !important;
  letter-spacing: -0.025em;
}

.legacy-public-page :is(p, li, label, span) { color: inherit; }

.legacy-public-page :is(input, select, textarea) {
  border: 1px solid var(--public-line-strong) !important;
  border-radius: var(--public-radius-sm) !important;
  background: var(--public-input) !important;
  color: var(--public-ink) !important;
}

.legacy-public-page :is(button, .btn, .contact-submit-btn, .pricing-toggle-btn) {
  border: 1px solid var(--public-line-strong) !important;
  border-radius: var(--public-radius-sm) !important;
  background: var(--public-panel-subtle) !important;
  color: var(--public-ink) !important;
  cursor: pointer;
}

.legacy-public-page :is(.profile-submit-btn, .contact-submit-btn, .active-card, .pricing-toggle-btn.active) {
  border-color: var(--public-accent) !important;
  background: var(--public-accent) !important;
  color: var(--public-on-accent) !important;
}

.legacy-public-page :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--public-focus) 74%, transparent) !important;
  outline-offset: 3px !important;
}

.legacy-public-page a { color: var(--public-accent); }
.legacy-public-page canvas {
  min-width: 0 !important;
  max-width: 100% !important;
}

.legacy-public-page--utility #intro {
  width: min(100%, 48rem) !important;
  margin: 0 auto !important;
  padding: clamp(5rem, 12vw, 10rem) 1rem 4rem !important;
  color: var(--public-ink) !important;
  font-family: var(--public-font-display);
  font-size: clamp(2.6rem, 7vw, 5.5rem) !important;
  line-height: 0.98;
}

.legacy-public-page--utility .tabcontent {
  width: min(100%, 62rem) !important;
  margin: 1rem auto !important;
  padding: clamp(1.25rem, 4vw, 2.5rem) !important;
  gap: 1.5rem !important;
}

.legacy-public-page--viewer {
  background: var(--public-page) !important;
}

.legacy-public-page--viewer .controls {
  max-width: calc(100vw - 2rem);
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid var(--public-line);
  border-radius: var(--public-radius-md);
  background: color-mix(in srgb, var(--public-panel) 94%, transparent);
  padding: 0.75rem;
  box-shadow: var(--public-shadow);
}

@media (max-width: 640px) {
  .legacy-public-page .ftco-vh-100 { min-height: auto !important; padding-block: 2rem; }
  .legacy-public-page .pricing-card { min-height: auto !important; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-public-page [data-aos] { transition-duration: 180ms !important; }
}