/* ===== RFI Form Styling ===== */

/* Base container setup */
#fuller-form-app-route {
  display: block;
  min-height: 650px;
  z-index: 9999;
}

/* Universal inputs and selects */
#fuller-form-app-route input,
#fuller-form-app-route select,
#fuller-form-app-route textarea {
/*   background-color: #f3f4f6; */
  background-color: #ffffff;
  border-radius: 0;
  padding: 8px 12px;
  width: 100%;
  font-size: 16px;
  box-shadow: none;
}

/* Material UI native select */
#fuller-form-app-route .MuiNativeSelect-select {
/*   background-color: #f3f4f6 !important; */
  background-color: #ffffff !important;
  border: 1px solid #dedede;
  padding: 8px 12px;
  font-size: 16px !important;
  line-height: 1.2;
  box-shadow: none !important;
  border-radius: 0 !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Remove underline from MUI inputs */
#fuller-form-app-route .MuiInput-underline::before,
#fuller-form-app-route .MuiInput-underline::after {
  display: none !important;
}

/* Label styling */
#fuller-form-app-route label {
  font-size: 16px;
  padding-bottom: 4px !important;
  color: #101820;
}

/* Full-width layout overrides for specific fields */
/* #fuller-form-app-route .MuiGrid-item:has(#email),
#fuller-form-app-route .MuiGrid-item:has(#phone),
#fuller-form-app-route .MuiGrid-item:has(select) {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
  display: block !important;
} */

/* Hide helper/validation text */
#fuller-form-app-route .MuiFormHelperText-root,
#fuller-form-app-route .phone-helper-text,
#fuller-form-app-route .email-helper-text {
  display: none !important;
}

/* Legend styling */
#fuller-form-app-route legend {
  font-size: 12px;
  font-weight: 400 !important;
  line-height: 1.35em !important;
  color: #4c5258;
  margin-bottom: 10px;
  border: none !important;
}

/* Link styling */
#fuller-form-app-route a {
  font-size: 12px;
  font-weight: 600 !important;
  line-height: 1.35em !important;
}

/* Checkbox wrapper */
#fuller-form-app-route fieldset > label,
#fuller-form-app-route fieldset > label.MuiFormLabel-root {
  display: block !important;
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  margin-left: 0 !important;
}

#fuller-form-app-route .MuiGrid-root.MuiGrid-container.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-3 {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Checkbox label */
#fuller-form-app-route .MuiFormControlLabel-label {
  display: inline-flex;
  align-items: center;
  font-size: 12px !important;
  white-space: nowrap;
  color: #101820;
}

/* Checkbox wrapper */
#fuller-form-app-route .MuiFormControlLabel-root {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  font-size: 14px !important;
}

/* Checkbox appearance */
#fuller-form-app-route .MuiCheckbox-root {
  margin: 0 !important;
  padding: 0 !important;
  height: 1em;
  width: 1em;
  display: flex !important;
  justify-content: left !important;
  border-radius: 4px;
  color: #888;
}

/* Checkbox icon */
#fuller-form-app-route .MuiSvgIcon-root {
  font-size: 1.2em !important;
  line-height: 1 !important;
  margin-right: 10px !important;
  display: block;
}

/* Button layout (grid container) */
#fuller-form-app-route .MuiGrid-root:has(> .MuiButtonBase-root),
#fuller-form-app-route
  .MuiGrid-root:has(> .MuiGrid-root > .MuiButtonBase-root) {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Base button styling */
#fuller-form-app-route .MuiButtonBase-root {
  font-family: "Noto Sans", serif;
  display: inline-block !important;
  width: auto !important;
  margin-left: 0 !important;
  padding: 10px 60px 12px 60px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}

/* Disabled/inactive state */
#fuller-form-app-route .MuiButtonBase-root.Mui-disabled,
#fuller-form-app-route .MuiButtonBase-root:disabled,
#fuller-form-app-route .MuiButtonBase-root[aria-disabled="true"] {
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  background-color: #4C5258 !important;
  border-color: #D6D2C4 !important;
  opacity: 0.75;
}

/* Responsive button font sizes */
@media (min-width: 768px) {
  #fuller-form-app-route .MuiButtonBase-root {
    font-size: 16px;
  }
}

@media (min-width: 1280px) {
  #fuller-form-app-route .MuiButtonBase-root {
    font-size: 18px;
  }
}

/* Flush left alignment for checkbox on mobile */
@media (max-width: 767px) {
  #fuller-form-app-route .MuiFormControlLabel-root {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100%;
    text-align: left;
  }

  #fuller-form-app-route .MuiCheckbox-root {
    justify-content: flex-start !important;
    margin-left: 0 !important;
  }

  #fuller-form-app-route .MuiFormControlLabel-label {
    white-space: normal; /* allow wrapping on small screens */
  }
}



/* ===== RFI Thank You Pop Up ===== */

/* Modal Heading */
.MuiDialog-container .MuiDialogTitle-root .MuiTypography-h6 {
  font-size: 30px !important;
  line-height: 1.2 !important;
}

.MuiDialog-container .MuiDialogContent-root .secondaryText p {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* Modal Body */
.MuiDialog-container .MuiDialogActions-root .MuiButtonBase-root {
  font-family: "Noto Sans", serif !important;
  font-size: 13px !important;
  line-height: 1.2em !important;
  font-weight: 600 !important;
  padding: 10px 64px !important; /* match your other buttons */
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Modal Buttons */
.MuiDialog-container .MuiDialogActions-root .MuiButtonBase-root:hover {
  font-family: "Noto Sans", serif !important;
  font-size: 13px !important;
  line-height: 1.2em !important;
  font-weight: 600 !important;
  padding: 10px 64px !important; /* match your other buttons */
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 767px) {
  .MuiDialog-container[aria-labelledby="continue-to-application-dialog-title"]
    .MuiDialogContent-root
    .secondaryText
    p {
    font-size: 0.9rem !important;
  }
  .MuiDialog-container[aria-labelledby="continue-to-application-dialog-title"]
    .MuiDialogActions-root
    button.MuiButton-root.MuiButton-sizeMedium {
    width: 100% !important;
    text-align: center !important;
    padding: 12px !important;
  }
}



/* ===== Phone Number Validation ===== */
.muiPhone-country-menu-icon {
    background: none !important;
    padding: 0px !important;
}

button.muiPhone-country-menu-icon {
    background: none !important;
	margin: 0px !important;
    padding: 0px !important;
	border: none !important;
}

/* Remove background on the entire input area */
#fuller-form-app-route .MuiInputBase-root,
#fuller-form-app-route .MuiInputBase-root.MuiInput-root {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Remove background on adornment wrapper */
#fuller-form-app-route .MuiInputAdornment-root {
  background-color: transparent !important;
}

/* Country icon button (flag selector) */
#fuller-form-app-route .muiPhone-country-menu-icon {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Kill hover/focus backgrounds */
#fuller-form-app-route .muiPhone-country-menu-icon:hover,
#fuller-form-app-route .muiPhone-country-menu-icon:focus,
#fuller-form-app-route .muiPhone-country-menu-icon:active {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Kill ripple */
#fuller-form-app-route .muiPhone-country-menu-icon .MuiTouchRipple-root {
  display: none !important;
}