/* Leela Hospitals — keep the WordPress shell visually neutral so the supplied
   React/Vite build renders with the same base canvas, typography and controls. */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100% !important;
  background: #fff8f3 !important;
  color: #1c1917 !important;
  font-family: Inter, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

body.leela-book-appointment {
  background: #fff !important;
}

#root {
  width: 100% !important;
  min-height: 100vh !important;
}

#root, #root * {
  box-sizing: border-box;
}

#root .font-heading,
#root h1, #root h2, #root h3, #root h4, #root h5, #root h6 {
  font-family: "Space Grotesk", sans-serif !important;
}

#root .font-body {
  font-family: Inter, sans-serif !important;
}

#root button,
#root input,
#root select,
#root textarea {
  font-family: inherit;
}

/* WordPress/plugin styles must not change the supplied React canvas. */
#root img {
  max-width: none;
}

/* The React build controls its own links/buttons. */
#root a {
  text-decoration: inherit;
}


/* Book Appointment is a standalone React page: no site header/nav and no
   decorative animated watermark/background from the other pages. */
body.leela-book-appointment header {
  display: none !important;
}
body.leela-book-appointment {
  background: #fff !important;
}