@use '../abstracts' as *;
@use "../util/scaling" as scale;

html {
  background-color: var(--c-blue);
  color: #fff;
  font-family: var(--ff-body);
  line-height: var(--lh-normal);
  font-kerning: none;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--fs-body);
  font-weight: 400;
  font-style: normal;
  scroll-behavior: smooth;

}

body {
  overflow: hidden;
  padding-right: var(--scrollbar-width);

  &.init, &.privacy-policy {
    overflow: auto;
    padding-right: 0;
  }
  &.privacy-policy, &.page-privacy-policy {
    main {
      overflow-y: auto;
    }
  }
}

// // Fix overflow: overlay bug in FF
//@-moz-document url-prefix() {
  //body {
  //  &.init, &.privacy-policy {
  //    overflow: auto;
  //  }
  //}
//}

main {
  position: relative;
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: inherit;
  height: calc(var(--vh, 1vh) * 100);

  > section {
    max-width: 100%;
    height: max-content;
  }

} // main

.scroll-element { // temporary div to get scrollbar width before page loads
  overflow-y: scroll;
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;

}



//
// Mobile only
//--------------------------------------------------------------------- */
@media (max-width: $small-breakpoint) {
}

//
// Above Mobile
//--------------------------------------------------------------------- */
@media (min-width: $small-breakpoint) {

  html {
    font-size: scale.md-vw-px(14);
  }


}

//
// Mobile only
//--------------------------------------------------------------------- */
@media (max-width: $medium-breakpoint) {

}

//
// Tablet
//--------------------------------------------------------------------- */
@media (min-width: $medium-breakpoint) {

}

//
// Desktop
//--------------------------------------------------------------------- */
@media (min-width: $large-breakpoint) {
  //main {
  //  overflow-x: hidden;
  //  overflow-y: inherit;
  //  height: 100vh;
  //}

}