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

body.widgetMode,
body.widgetMode .WaGadgetMembershipApplication,
body.widgetMode .gadgetStyleBody {
  background: transparent !important;
  font-family: 'Inter', system-ui, Arial, sans-serif !important;
  color: #ffffff !important;
}

body.widgetMode .formTitle,
body.widgetMode .fieldLabel,
body.widgetMode .mandatoryLabel,
body.widgetMode .labelTitle,
body.widgetMode .labelSubTitle,
body.widgetMode .levelLabel,
body.widgetMode .levelPrice { color: #ffffff !important; }

body.widgetMode .typeInstruction,
body.widgetMode .levelRenewal,
body.widgetMode .levelRecurring,
body.widgetMode .levelDescription { color: #d1d5db !important; }

body.widgetMode .mandatorySymbol,
body.widgetMode a { color: #d8242e !important; }

body.widgetMode .nextButton,
body.widgetMode input[type="submit"],
body.widgetMode input[type="button"],
body.widgetMode button {
  background: #d8242e !important;
  border: 1px solid #d8242e !important;
  color: #fff !important;
  border-radius: 6px !important;
}
body.widgetMode .nextButton:hover,
body.widgetMode input[type="submit"]:hover,
body.widgetMode input[type="button"]:hover,
body.widgetMode button:hover {
  background: #b01f28 !important;
  border-color: #b01f28 !important;
}

body.widgetMode input[type="text"],
body.widgetMode input[type="email"],
body.widgetMode input[type="password"],
body.widgetMode input[type="tel"],
body.widgetMode select,
body.widgetMode textarea {
  background: #1f2937 !important;
  color: #fff !important;
  border: 1px solid #374151 !important;
  border-radius: 6px !important;
}