/* From partials/babu88-fonts.blade.php — full parity */
@font-face {
  font-family: 'Roboto';
  src: url('/static/font/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('/static/font/Roboto-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('/static/font/Roboto-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Heebo-Regular';
  src: url('/static/font/Heebo-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Heebo-Bold';
  src: url('/static/font/Heebo-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Heebo-Medium';
  src: url('/static/font/Heebo-Medium.ttf') format('truetype');
}

.v-application {
  font-family: 'Heebo-Medium', sans-serif;
}

.v-date-picker-table > table > tbody > tr > td {
  padding: 3px !important;
}

.v-application .display-4,
.v-application .display-3,
.v-application .display-2,
.v-application .display-1,
.v-application .headline,
.v-application .title,
.v-application .subtitle-1,
.v-application .subtitle-2 {
  font-family: 'Heebo-Medium', sans-serif !important;
  letter-spacing: 0px !important;
}

.v-application .body-1,
.v-application .body-2,
.v-application .caption,
.v-application .overline,
.v-application .regular-font {
  font-family: 'Heebo-Medium', sans-serif !important;
  letter-spacing: 0px !important;
}

.v-application .font-weight-bold {
  font-family: 'Heebo-Bold', sans-serif !important;
  letter-spacing: 0px !important;
}

@media (max-width: 1024px) {
  /* Do not set overflow on html here — it fights body scroll on iOS (dual scroll roots). */
  /* Avoid height:100% on .body — traps content and breaks momentum scrolling. */
  /* Avoid scroll-behavior:smooth on touch — feels like scroll is “fighting” the finger. */
  .body {
    width: 100%;
    min-height: 0;
  }
}

/* Space for fixed bottom bar (60px): keep it *on the footer* so the strip matches #333, not white .body padding. */
@media (max-width: 959px) {
  footer.v-footer.footer-color {
    padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 959px) {
  .body {
    background-color: #fff;
  }
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/google_font.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}