/* Hosted order form (duoservers hosting-order) — modern skin on top of its own stylesheet */
.order-embed {
  --o-radius: 12px;
  font-family: var(--font);
  font-size: 15px;
  color: var(--c-text);
  margin-block: 8px 40px;
}
.order-embed .clear { clear: both; height: 8px; }
.order-embed #orderForm.clear { height: 0; overflow: hidden; }
.order-embed #all_pm { overflow: hidden; }
.order-embed h1, .order-embed h2, .order-embed h3, .order-embed h4 { font-family: var(--font); color: var(--c-ink); letter-spacing: -.01em; }
.order-embed a { color: var(--c-primary); }
.order-embed table { border-collapse: collapse; }
.order-embed input[type="text"], .order-embed input[type="email"], .order-embed input[type="password"], .order-embed input[type="tel"],
.order-embed select, .order-embed textarea {
  font: inherit; padding: 9px 12px; border: 1px solid var(--c-line-strong); border-radius: 9px; background: #fff; max-width: 100%;
  transition: border-color .2s, box-shadow .2s;
}
.order-embed input:focus, .order-embed select:focus, .order-embed textarea:focus { outline: none; border-color: var(--c-primary); box-shadow: 0 0 0 4px rgba(37, 99, 235, .14); }
.order-embed input[type="submit"], .order-embed input[type="button"], .order-embed button {
  font: inherit; font-weight: 600; cursor: pointer; border-radius: 10px; border: 1px solid transparent;
  background: var(--c-primary); color: #fff; padding: 10px 18px; transition: background .2s;
}
.order-embed input[type="submit"]:hover, .order-embed input[type="button"]:hover, .order-embed button:hover { background: var(--c-primary-600); }
.order-embed .ui-widget { font-family: var(--font); font-size: .95em; }
.order-embed .ui-widget input, .order-embed .ui-widget select, .order-embed .ui-widget textarea, .order-embed .ui-widget button { font-family: var(--font); font-size: 1em; }
.ui-dialog { border-radius: var(--o-radius, 12px) !important; box-shadow: 0 20px 50px rgba(15, 23, 42, .2) !important; font-family: var(--font) !important; }
.ui-dialog .ui-dialog-titlebar { border-radius: 10px !important; }
.has-order-form .page-body { padding-top: 24px; }
.has-order-form .site-main { overflow-x: clip; }

/* The store stylesheet sets body { font: 12px Tahoma }: restore the site typography */
body.has-order-form { font-family: var(--font); font-size: 16px; }
.order-embed { font-size: 14px; line-height: 1.55; }
.order-embed #orderForm input[type="text"], .order-embed #orderForm input[type="email"], .order-embed #orderForm input[type="password"],
.order-embed #orderForm input[type="tel"], .order-embed #orderForm select, .order-embed #orderForm textarea,
.order-embed #domain_search_form input[type="text"], .order-embed #domain_search_form select {
  min-height: 38px; padding: 7px 11px; border: 1px solid var(--c-line-strong); border-radius: 9px; background: #fff; font-size: 14px;
}
.order-embed #orderForm select, .order-embed #domain_search_form select { padding-right: 28px; }
.order-embed table td { padding: 4px 6px; }
.order-embed fieldset, .order-embed .ui-widget-content { border-color: var(--c-line) !important; border-radius: 12px; }
.order-embed .ui-widget-header { background: var(--c-soft) !important; border: 1px solid var(--c-line) !important; color: var(--c-ink) !important; border-radius: 10px; }
.order-embed .ui-state-default, .order-embed .ui-widget-content .ui-state-default { background: #fff !important; border: 1px solid var(--c-line) !important; color: var(--c-text) !important; }
.order-embed .ui-state-active, .order-embed .ui-widget-content .ui-state-active, .order-embed .clickedTab { background: var(--c-primary-50) !important; border-color: var(--c-primary) !important; color: var(--c-primary) !important; }