@import url("hero.css");
@import url("slider.css");
@import url("modals.css");

/* -------------------------------------------------
   Page-level layout
   Nav is absolute, so main gets padding-top equal to
   nav height so its content doesn't slide under it.
   ------------------------------------------------- */

.contest {
  position: relative;
  color: #ffffff;
  min-height: 100dvh;
  padding-top: 6rem;
  box-sizing: border-box;

  /* background: #0063c3;
  background: linear-gradient(
    180deg,
    rgba(0, 99, 195, 0.64) 0%,
    rgba(0, 13, 69, 1) 60%,
    rgba(2, 15, 50, 1) 100%
  ); */
  background: #020f32;
  /* background: linear-gradient(
    180deg,
    rgba(0, 13, 69, 1) 0%,
    rgba(0, 99, 195, 1) 20%,
    rgba(0, 13, 69, 1) 75%,
    rgba(2, 15, 50, 1) 100%
  ); */
  /* background: radial-gradient(
    circle,
    rgba(0, 99, 195, 1) 0%,
    rgba(0, 15, 50, 1) 83%,
    rgba(0, 15, 50, 1) 100%
  ); */
  background: linear-gradient(
    180deg,
    rgb(5 68 130) 0%,
    rgba(0, 99, 195, 1) 20%,
    rgba(0, 13, 69, 1) 75%,
    rgba(2, 15, 50, 1) 100%
  );
}
@media (min-width: 769px) {
  .contest {
    background: radial-gradient(
      circle,
      rgba(0, 99, 195, 1) 0%,
      rgba(0, 13, 69, 1) 83%,
      rgba(0, 13, 69, 1) 100%
    );
    padding-top: 8rem;
  }
}

/* -------------------------------------------------
   Shared Fix badge — bottom-right, always visible
   (shows during hero AND during slider overlay).
   ------------------------------------------------- */

.contest-fix-badge {
  position: absolute;
  right: clamp(1.5rem, 3vw, 3.5rem);
  bottom: clamp(1.5rem, 3vh, 3rem);
  width: clamp(50px, 6vw, 100px);
  height: auto;
  z-index: 10;
  pointer-events: none;
}

/* Body scroll lock while slider overlay is active */
body.slider-open {
  overflow: hidden;
}

/* While the region form is open on mobile, the corner ΦΙΞ badge would land
   inside the form area — hide it so it doesn't sit over the inputs. */
@media (max-width: 768px), (orientation: portrait) {
  body.contest-form-open .contest-fix-badge {
    display: none;
  }
}
