/* Standalone submission page overrides */
.submission-page {
  background: #000;
}

.submission-page-header {
  position: relative;
  min-height: 4.5rem;
  background: #000;
}

.submission-topbar {
  inset: 1rem 1rem auto;
}

.submission-page-main {
  min-height: calc(100vh - 4.5rem);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18)),
    url("assets/drive-import/Desktop/SUBMISSION page/Pictures (Original)/wine_and_cheese_spread.jpeg")
      center center / cover no-repeat;
}

.submission-page-stage {
  position: relative;
  display: grid;
  align-items: start;
  min-height: calc(100vh - 4.5rem);
  padding: 5.25rem 1.125rem 2rem;
}

.submission-page-stage .section-label {
  top: 1rem;
  left: 1.125rem;
  color: #fff;
  font-size: clamp(1.5rem, 2vw, 1.875rem);
  font-weight: 600;
}

.submission-card-standalone {
  width: min(91.25vw, 82.125rem);
  min-height: min(46.5625rem, calc(100vh - 8.5rem));
  margin: 0 auto;
  padding: 1.35rem 1.9rem 0.9rem;
  background: rgba(56, 56, 56, 0.52);
  backdrop-filter: blur(3px);
}

.submission-card-standalone .submission-form-state,
.submission-card-standalone .submission-success-state {
  width: 100%;
}

.submission-card-standalone .submission-card h2,
.submission-card-standalone h2 {
  width: auto;
  margin: 0 0 1.4rem;
}

@media (max-width: 900px) {
  .submission-page-main {
    background-position: center 40%;
  }

  .submission-page-stage {
    padding: 4.9rem 0.9rem 1.5rem;
  }

  .submission-page-stage .section-label {
    left: 0.9rem;
  }

  .submission-card-standalone {
    width: min(95vw, 82.125rem);
    min-height: 0;
    padding: 1rem 1rem 0.8rem;
  }
}

@media (max-width: 640px) {
  .submission-page-header {
    min-height: 4rem;
  }

  .submission-page-main,
  .submission-page-stage {
    min-height: calc(100vh - 4rem);
  }

  .submission-page-stage {
    padding: 4.5rem 0.75rem 1rem;
  }

  .submission-page-stage .section-label {
    top: 0.8rem;
    left: 0.75rem;
  }

  .submission-card-standalone {
    padding: 1rem 1rem 0.65rem;
  }
}
