/**
 * OnlyStudio - Thank You Page
 * Stiluri specifice pentru pagina de mulțumire
 */

body.page-thank-you {
  
}

.ty-card {
 padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  --columns-width: 1140px;
  justify-content: center;
  max-width: 980px !important;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: var(--z-base);
  animation: fadeUp var(--duration-slower) var(--ease-both);
  margin: 0 auto;
}

.ty-logo {
  animation: fadeUp var(--duration-slower) 0.1s var(--ease-both);
}

.ty-icon {
  animation: fadeUp var(--duration-slower) 0.2s var(--ease-both);
}

.ty-headline {
  animation: fadeUp var(--duration-slower) 0.3s var(--ease-both);
}

.ty-sub {
  animation: fadeUp var(--duration-slower) 0.4s var(--ease-both);
}

.ty-divider {
  animation: fadeUp var(--duration-slower) 0.45s var(--ease-both);
}

.ty-steps {
  animation: fadeUp var(--duration-slower) 0.5s var(--ease-both);
}

.ty-cta-group {
  animation: fadeUp var(--duration-slower) 0.6s var(--ease-both);
}

.ty-footer-note {
  animation: fadeUp var(--duration-slower) 0.7s var(--ease-both);
}

/* Responsive pentru thank you page */
@media (max-width: 768px) {
  body.page-thank-you {
    padding: 2rem 1.25rem;
    align-items: flex-start;
  }

  .ty-card {
    padding-top: 1rem;
  }
}

@media (max-width: 480px) {
  body.page-thank-you {
    padding: 1.5rem 1rem;
  }
}