/* layout main.php */
/* Full width layout styles */
#wrap {
  width: 100%;
  min-height: 100vh;
  background-color: white;
}

#main {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  height: 100%;
}

.header-container {
  width: 100%;
  z-index: 10;
  position: relative;
}

.content-container {
  width: 100%;
  flex: 1;
  padding: 0;
  z-index: 5;
  position: relative;
}

/* Ensure content can use full width */
.content-container > * {
  width: 100%;
}

/* Override Foundation grid constraints for full width */
.row {
  max-width: none !important;
  width: 100% !important;
}

.small-12.columns,
.medium-12.columns,
.large-12.columns {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ensure the body and html take full width */
html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Apply Open Sans to all elements */
* {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
}