@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700;800&family=Nunito:wght@400;600;700;800&display=swap');

/* Universal font application */
*,
*::before,
*::after {
  font-family: "Lato", Avenir, Verdana, Nunito, sans-serif !important;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  font-family: "Lato", Avenir, Verdana, Nunito, sans-serif !important;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-image: url('./assets/main-bg.jpg');
  background-position: center center;
  background-size: 100%;
  max-height: 100%;
  font-family: "Lato", Avenir, Verdana, Nunito, sans-serif !important;
}

/* Override Bootstrap and other framework fonts - Must come after Bootstrap import */
button,
input,
select,
textarea,
a,
p,
span,
div,
h1, h2, h3, h4, h5, h6,
label,
li,
td,
th,
table,
thead,
tbody,
tr {
  font-family: "Lato", Avenir, Verdana, Nunito, sans-serif !important;
}

/* Ensure font applies to all elements including those with inline styles */
[class*="market"],
[class*="table"],
[class*="bet"],
[class*="button"] {
  font-family: "Lato", Avenir, Verdana, Nunito, sans-serif !important;
}

#root {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* Ensure content can scroll under fixed header */
main {
  flex: 1;
}