/* MWP Domain Order: the /order/ app ([mwp_domain_order]) and the compact hero
   search ([mwp_domain_hero]). Mobile-first; brand colours of
   maltawordpress.com; font inherited from the theme (Blocksy).
   Every control is scoped through .mwp-domain-order so Blocksy's own button /
   input styling never wins on specificity. */

.mwp-domain-order {
	--mdo-green: #0E7C5A;
	--mdo-green-dark: #0a5f45;
	--mdo-dark: #1E2622;
	--mdo-text: #52606D;
	--mdo-bg-soft: #F1FAF6;
	--mdo-border-soft: #D6EFE4;
	--mdo-border: #E3E8E5;
	--mdo-red: #B42318;
	--mdo-red-bg: #FEF3F2;
	--mdo-amber-bg: #FFF8E6;
	--mdo-amber: #8A5A00;
	--mdo-radius-card: 16px;
	--mdo-radius-btn: 8px;
	--mdo-focus: 0 0 0 3px rgba(14, 124, 90, .35);
	max-width: 880px;
	transition: max-width 0s;
	margin: 0 auto;
	color: var(--mdo-dark);
	font: inherit;
	line-height: 1.5;
	overflow-wrap: break-word;
}

.mwp-domain-order *,
.mwp-domain-order *::before,
.mwp-domain-order *::after { box-sizing: border-box; }

.mwp-domain-order [hidden] { display: none !important; }

.mwp-domain-order a { text-decoration: none; }

.mdo-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- step bar: Domain / Hosting / Email / Overview / Done ---------- */
.mwp-domain-order .mdo-steps {
	display: flex;
	justify-content: space-between;
	gap: 4px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	color: var(--mdo-text);
	font-size: 12px;
	font-weight: 600;
}
.mwp-domain-order .mdo-step {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	min-width: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}
/* connector line between the numbers */
.mwp-domain-order .mdo-step + .mdo-step::before {
	content: "";
	position: absolute;
	top: 13px;
	right: 50%;
	width: 100%;
	height: 2px;
	background: var(--mdo-border);
	z-index: 0;
}
.mwp-domain-order .mdo-step.is-done + .mdo-step::before,
.mwp-domain-order .mdo-step.is-done + .mdo-step.is-active::before { background: var(--mdo-green); }
.mwp-domain-order .mdo-step-num {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid var(--mdo-border);
	background: #fff;
	color: var(--mdo-text);
	font-size: 13px;
	font-weight: 700;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.mwp-domain-order .mdo-step-label {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mwp-domain-order .mdo-step.is-active { color: var(--mdo-green); }
.mwp-domain-order .mdo-step.is-active .mdo-step-num { border-color: var(--mdo-green); background: var(--mdo-green); color: #fff; }
.mwp-domain-order .mdo-step.is-done { color: var(--mdo-dark); }
.mwp-domain-order .mdo-step.is-done .mdo-step-num { border-color: var(--mdo-green); background: var(--mdo-bg-soft); color: var(--mdo-green); }

/* ---------- card + headings ---------- */
.mwp-domain-order .mdo-card {
	position: relative;
	padding: 20px 16px;
	border: 1px solid var(--mdo-border-soft);
	border-radius: var(--mdo-radius-card);
	background: #fff;
	box-shadow: 0 18px 40px -28px rgba(14, 124, 90, .45);
}
.mwp-domain-order .mdo-title {
	margin: 0 0 6px;
	color: var(--mdo-dark);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.01em;
}
.mwp-domain-order .mdo-title:focus { outline: none; }
.mwp-domain-order .mdo-subtitle {
	margin: 0 0 18px;
	color: var(--mdo-text);
	font-size: 15px;
}

.mwp-domain-order .mdo-link-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	margin: 0 0 12px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: none;
	box-shadow: none;
	color: var(--mdo-text);
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: normal;
}
@media (hover: hover) { .mwp-domain-order .mdo-link-back:hover { color: var(--mdo-green); background: none; } }

/* ---------- search bar ---------- */
.mwp-domain-order .mdo-searchbar {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 8px;
	margin: 0;
	padding: 6px;
	border: 1px solid var(--mdo-border-soft);
	border-radius: 12px;
	background: #fff;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.mwp-domain-order .mdo-searchbar:focus-within {
	border-color: var(--mdo-green);
	box-shadow: var(--mdo-focus);
}
.mwp-domain-order .mdo-searchbar-icon {
	display: none;
	align-items: center;
	padding-left: 10px;
	color: var(--mdo-text);
	pointer-events: none;
}
.mwp-domain-order .mdo-searchbar-input {
	flex: 1 1 100%;
	min-width: 0;
	min-height: 48px;
	margin: 0;
	padding: 10px 12px;
	border: 0;
	border-radius: 8px;
	outline: 0;
	background: transparent;
	box-shadow: none;
	color: var(--mdo-dark);
	font: inherit;
	font-size: 17px;
}
.mwp-domain-order .mdo-searchbar-input::placeholder { color: var(--mdo-text); opacity: .75; }
.mwp-domain-order .mdo-searchbar-btn {
	display: inline-flex;
	flex: 1 1 100%;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	margin: 0;
	padding: 0 22px;
	border: 0;
	border-radius: var(--mdo-radius-btn);
	background: var(--mdo-green);
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
	transition: background-color .2s ease;
}
@media (hover: hover) { .mwp-domain-order .mdo-searchbar-btn:hover:not(:disabled) { background: var(--mdo-green-dark); color: #fff; } }
.mwp-domain-order .mdo-searchbar-btn:disabled { cursor: wait; opacity: .6; }

.mwp-domain-order .mdo-tld-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	color: var(--mdo-text);
	font-size: 13px;
	line-height: 1;
}
.mwp-domain-order .mdo-tld-chips li {
	margin: 0;
	padding: 7px 10px;
	border: 1px solid var(--mdo-border-soft);
	border-radius: 999px;
	background: var(--mdo-bg-soft);
}

.mwp-domain-order .mdo-live-hint { font-size: 14px; }
.mwp-domain-order .mdo-live-hint:not(:empty) { margin-top: 10px; }
.mwp-domain-order .mdo-live-hint.is-ok { color: var(--mdo-green); font-weight: 600; }
.mwp-domain-order .mdo-live-hint.is-taken { color: var(--mdo-text); }

.mwp-domain-order .mdo-spin { color: var(--mdo-green); animation: mdo-spin .9s linear infinite; }
@keyframes mdo-spin { to { transform: rotate(360deg); } }

/* ---------- buttons ---------- */
.mwp-domain-order .mdo-btn,
.mwp-domain-order .mdo-btn-fill,
.mwp-domain-order .mdo-btn-outline,
.mwp-domain-order .mdo-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	margin: 0;
	border-radius: var(--mdo-radius-btn);
	box-shadow: none;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	letter-spacing: normal;
	white-space: normal;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, opacity .2s ease;
}
.mwp-domain-order .mdo-btn,
.mwp-domain-order .mdo-btn-fill {
	border: 1px solid var(--mdo-green);
	background: var(--mdo-green);
	color: #fff;
}
.mwp-domain-order .mdo-btn { padding: 12px 22px; font-size: 16px; }
.mwp-domain-order .mdo-btn-fill,
.mwp-domain-order .mdo-btn-outline { padding: 8px 16px; font-size: 14px; }
.mwp-domain-order .mdo-btn-block { width: 100%; }
.mwp-domain-order .mdo-btn-outline {
	border: 1px solid var(--mdo-green);
	background: #fff;
	color: var(--mdo-green);
}
.mwp-domain-order .mdo-btn-secondary {
	padding: 12px 22px;
	font-size: 16px;
	border: 1px solid var(--mdo-border);
	background: #fff;
	color: var(--mdo-dark);
}
/* Hover only where there is a real pointer: on phones a tapped button kept
   the dark hover colour and looked pressed (audit #15). */
@media (hover: hover) {
	.mwp-domain-order .mdo-btn:hover:not(:disabled),
	.mwp-domain-order .mdo-btn-fill:hover:not(:disabled) {
		border-color: var(--mdo-green-dark);
		background: var(--mdo-green-dark);
		color: #fff;
	}
	.mwp-domain-order .mdo-btn-outline:hover:not(:disabled),
	.mwp-domain-order .mdo-btn-secondary:hover:not(:disabled) {
		border-color: var(--mdo-green);
		background: var(--mdo-bg-soft);
		color: var(--mdo-green-dark);
	}
}
.mwp-domain-order .mdo-btn:disabled,
.mwp-domain-order .mdo-btn-fill:disabled,
.mwp-domain-order .mdo-btn-outline:disabled,
.mwp-domain-order .mdo-btn-secondary:disabled {
	cursor: not-allowed;
	opacity: .55;
}

/* One focus style for every interactive element. */
.mwp-domain-order button:focus-visible,
.mwp-domain-order a:focus-visible,
.mwp-domain-order input:focus-visible,
.mwp-domain-order textarea:focus-visible,
.mwp-domain-order select:focus-visible {
	outline: 3px solid var(--mdo-green);
	outline-offset: 2px;
}
.mwp-domain-order .mdo-searchbar-input:focus-visible { outline: none; }

.mwp-domain-order .mdo-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}
.mwp-domain-order .mdo-actions > * { width: 100%; }
.mwp-domain-order .mdo-hint {
	margin: 12px 0;
	padding: 10px 12px;
	border-radius: 10px;
	background: var(--mdo-bg-soft);
	color: var(--mdo-text);
	font-size: 14px;
}
.mwp-domain-order .mdo-error-banner,
.mwp-domain-order .mdo-result.is-error {
	margin: 12px 0;
	padding: 12px 14px;
	border: 1px solid #FECDCA;
	border-radius: 10px;
	background: var(--mdo-red-bg);
	color: var(--mdo-red);
	font-size: 14px;
}
.mwp-domain-order .mdo-result-title { font-weight: 700; margin-bottom: 2px; }

/* ---------- domain result grid ---------- */
.mwp-domain-order #mdo-domain-result:not(:empty) { margin-top: 18px; }
.mwp-domain-order .mdo-grid-note { margin: 10px 0 0; color: var(--mdo-text); font-size: 13px; }
.mwp-domain-order .mdo-more-wrap { margin-top: 14px; text-align: center; }

/* ---------- trust row ---------- */
.mwp-domain-order .mdo-trustbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	margin: 18px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid var(--mdo-border);
	list-style: none;
	color: var(--mdo-text);
	font-size: 13px;
}
.mwp-domain-order .mdo-trust-item { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.mwp-domain-order .mdo-trust-item svg { flex: none; color: var(--mdo-green); }

/* ---------- decision + form fields ---------- */
.mwp-domain-order .mdo-decision-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.mwp-domain-order .mdo-field { margin: 0 0 14px; min-width: 0; }
.mwp-domain-order .mdo-field-label {
	display: block;
	margin: 0 0 6px;
	color: var(--mdo-dark);
	font-size: 14px;
	font-weight: 600;
}
.mwp-domain-order .mdo-optional { color: var(--mdo-text); font-weight: 400; }
.mwp-domain-order .mdo-required { color: var(--mdo-red); }
.mwp-domain-order .mdo-text-input {
	display: block;
	width: 100%;
	min-height: 46px;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #C9D3CE;
	border-radius: var(--mdo-radius-btn);
	background: #fff;
	box-shadow: none;
	color: var(--mdo-dark);
	font: inherit;
	font-size: 16px; /* 16px stops iOS zooming on focus */
}
.mwp-domain-order textarea.mdo-text-input { min-height: 96px; resize: vertical; }
.mwp-domain-order .mdo-text-input:focus { border-color: var(--mdo-green); box-shadow: var(--mdo-focus); outline: none; }
.mwp-domain-order .mdo-text-input[aria-invalid="true"] { border-color: var(--mdo-red); }
.mwp-domain-order .mdo-field-help { margin: 6px 0 0; color: var(--mdo-text); font-size: 13px; }
.mwp-domain-order .mdo-field-error { margin: 4px 0 0; color: var(--mdo-red); font-size: 13px; font-weight: 600; }
.mwp-domain-order .mdo-field-error:empty { display: none; }

/* ---------- radio option cards (hosting + email) ---------- */
.mwp-domain-order .mdo-group {
	min-width: 0;
	margin: 0 0 18px;
	padding: 0;
	border: 0;
}
.mwp-domain-order .mdo-group-title {
	margin: 0 0 10px;
	padding: 0;
	color: var(--mdo-dark);
	font-size: 16px;
	font-weight: 700;
}
.mwp-domain-order .mdo-options {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}
.mwp-domain-order .mdo-option {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	margin: 0;
	padding: 16px;
	border: 1px solid var(--mdo-border);
	border-radius: var(--mdo-radius-card);
	background: #fff;
	cursor: pointer;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
@media (hover: hover) { .mwp-domain-order .mdo-option:hover { border-color: var(--mdo-green); } }
.mwp-domain-order .mdo-option.is-popular { border-color: var(--mdo-border-soft); }
.mwp-domain-order .mdo-option.is-selected {
	border-color: var(--mdo-green);
	background: var(--mdo-bg-soft);
	box-shadow: 0 0 0 1px var(--mdo-green);
}
.mwp-domain-order .mdo-option:focus-within { box-shadow: var(--mdo-focus); }
.mwp-domain-order .mdo-option-radio {
	flex: none;
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	accent-color: var(--mdo-green);
	cursor: pointer;
}
.mwp-domain-order .mdo-option-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
.mwp-domain-order .mdo-option-badge {
	align-self: flex-start;
	margin-bottom: 2px;
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--mdo-green);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.mwp-domain-order .mdo-option-name { color: var(--mdo-dark); font-size: 17px; font-weight: 700; line-height: 1.3; }
.mwp-domain-order .mdo-option-price { color: var(--mdo-dark); font-size: 22px; font-weight: 800; line-height: 1.2; }
.mwp-domain-order .mdo-option-unit { margin-left: 2px; color: var(--mdo-text); font-size: 14px; font-weight: 500; }
.mwp-domain-order .mdo-option-billed { color: var(--mdo-text); font-size: 13px; }
.mwp-domain-order .mdo-option-desc { color: var(--mdo-text); font-size: 14px; }
.mwp-domain-order .mdo-option-features {
	display: grid;
	gap: 5px;
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
	color: var(--mdo-text);
	font-size: 14px;
}
.mwp-domain-order .mdo-option-features li { display: flex; gap: 7px; margin: 0; }
.mwp-domain-order .mdo-option-features li svg { flex: none; margin-top: 3px; color: var(--mdo-green); }

/* ---------- email quantity stepper ---------- */
.mwp-domain-order .mdo-qty {
	margin: 0 0 8px;
	padding: 14px;
	border: 1px solid var(--mdo-border-soft);
	border-radius: 12px;
	background: var(--mdo-bg-soft);
}
.mwp-domain-order .mdo-stepper { display: inline-flex; align-items: stretch; gap: 6px; }
.mwp-domain-order .mdo-stepper-btn {
	width: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--mdo-green);
	border-radius: var(--mdo-radius-btn);
	background: #fff;
	box-shadow: none;
	color: var(--mdo-green);
	cursor: pointer;
	font: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}
@media (hover: hover) { .mwp-domain-order .mdo-stepper-btn:hover:not(:disabled) { background: var(--mdo-green); color: #fff; } }
.mwp-domain-order .mdo-stepper-btn:disabled { opacity: .45; cursor: not-allowed; }
.mwp-domain-order .mdo-stepper-input {
	width: 72px;
	min-height: 44px;
	margin: 0;
	padding: 6px;
	border: 1px solid #C9D3CE;
	border-radius: var(--mdo-radius-btn);
	background: #fff;
	color: var(--mdo-dark);
	font: inherit;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
}
.mwp-domain-order .mdo-qty-total { margin: 10px 0 0; color: var(--mdo-dark); font-size: 14px; font-weight: 600; }

/* ---------- overview ---------- */
.mwp-domain-order .mdo-summary-section {
	margin: 0 0 16px;
	padding: 4px 14px;
	border: 1px solid var(--mdo-border-soft);
	border-radius: 12px;
	background: var(--mdo-bg-soft);
}
.mwp-domain-order .mdo-summary-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 4px 12px;
	padding: 10px 0;
	border-bottom: 1px solid var(--mdo-border-soft);
	color: var(--mdo-text);
	font-size: 14px;
}
.mwp-domain-order .mdo-summary-row:last-child { border-bottom: 0; }
.mwp-domain-order .mdo-summary-row strong { color: var(--mdo-dark); text-align: right; word-break: break-word; }

.mwp-domain-order .mdo-quote {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 14px;
}
.mwp-domain-order .mdo-quote th,
.mwp-domain-order .mdo-quote td {
	padding: 12px 0;
	border: 0;
	border-bottom: 1px solid var(--mdo-border);
	background: transparent;
	vertical-align: top;
	text-align: left;
}
.mwp-domain-order .mdo-quote th { font-weight: 400; padding-right: 10px; }
.mwp-domain-order .mdo-quote td {
	width: 40%;
	color: var(--mdo-dark);
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}
.mwp-domain-order .mdo-quote td small { color: var(--mdo-text); font-size: 12px; font-weight: 500; }
.mwp-domain-order .mdo-line-label { display: block; color: var(--mdo-dark); font-weight: 600; word-break: break-word; }
.mwp-domain-order .mdo-line-detail { display: block; color: var(--mdo-text); font-size: 13px; }
.mwp-domain-order .mdo-line-tbc { color: var(--mdo-text); font-weight: 600; white-space: normal; }
.mwp-domain-order .mdo-quote tfoot th,
.mwp-domain-order .mdo-quote tfoot td { border-bottom: 0; padding: 8px 0; }
.mwp-domain-order .mdo-quote tfoot tr:first-child th,
.mwp-domain-order .mdo-quote tfoot tr:first-child td { padding-top: 14px; }
.mwp-domain-order .mdo-total-row th { color: var(--mdo-dark); font-weight: 700; }
.mwp-domain-order .mdo-total-row td { font-size: 17px; }
.mwp-domain-order .mdo-vat-note { color: var(--mdo-text); font-size: 12px; font-weight: 500; }
.mwp-domain-order .mdo-vat-line { margin: 6px 0 0; color: var(--mdo-text); font-size: 13px; }

.mwp-domain-order .mdo-customer-form {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid var(--mdo-border);
}
.mwp-domain-order .mdo-form-title { margin: 0 0 14px; color: var(--mdo-dark); font-size: 18px; font-weight: 700; }
.mwp-domain-order .mdo-fields { display: grid; grid-template-columns: 1fr; gap: 0 16px; }
.mwp-domain-order .mdo-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--mdo-dark);
	font-size: 15px;
	cursor: pointer;
}
.mwp-domain-order .mdo-check input {
	flex: none;
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	accent-color: var(--mdo-green);
}
.mwp-domain-order .mdo-fineprint { margin: 10px 0 0; color: var(--mdo-text); font-size: 13px; text-align: center; }
/* Honeypot: off-screen, not display:none (some bots skip hidden fields). */
.mwp-domain-order .mdo-hp {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ---------- done ---------- */
.mwp-domain-order .mdo-done { text-align: center; }
.mwp-domain-order .mdo-done-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-bottom: 12px;
	border-radius: 50%;
	background: var(--mdo-bg-soft);
	color: var(--mdo-green);
}
.mwp-domain-order .mdo-done-icon svg { width: 28px; height: 28px; }
.mwp-domain-order .mdo-done-text { max-width: 560px; margin: 0 auto 12px; color: var(--mdo-text); font-size: 16px; }
.mwp-domain-order .mdo-done-ref { margin: 0 0 6px; color: var(--mdo-dark); font-size: 16px; }
.mwp-domain-order .mdo-done-ref strong { color: var(--mdo-green); letter-spacing: .02em; }
.mwp-domain-order .mdo-done-note { margin: 0; color: var(--mdo-text); font-size: 14px; }
.mwp-domain-order .mdo-actions-center { align-items: center; }

/* ---------- hero widget ([mwp_domain_hero]) on a DARK background ---------- */
.mwp-domain-order.mdo-hero {
	max-width: 720px;
	margin: 0;
	color: #fff;
}
.mwp-domain-order .mdo-hero-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
}
.mwp-domain-order .mdo-hero-input {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	min-height: 60px;
	margin: 0;
	padding: 14px 18px;
	border: 2px solid #fff;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .45);
	color: var(--mdo-dark);
	font: inherit;
	font-size: 18px;
}
.mwp-domain-order .mdo-hero-input::placeholder { color: var(--mdo-text); opacity: .8; }
.mwp-domain-order .mdo-hero-input:focus { border-color: #7FD8B6; outline: none; }
.mwp-domain-order .mdo-hero-input:focus-visible { outline: 3px solid #7FD8B6; outline-offset: 2px; }
.mwp-domain-order .mdo-hero-btn {
	flex: none;
	min-height: 60px;
	margin: 0;
	padding: 0 28px;
	border: 0;
	border-radius: 12px;
	background: var(--mdo-green);
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .45);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 18px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
	transition: background-color .2s ease;
}
@media (hover: hover) { .mwp-domain-order .mdo-hero-btn:hover { background: var(--mdo-green-dark); color: #fff; } }
.mwp-domain-order .mdo-hero-btn:focus-visible { outline: 3px solid #7FD8B6; outline-offset: 2px; }
.mwp-domain-order .mdo-hero-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	line-height: 1;
}
.mwp-domain-order .mdo-hero-chips li {
	margin: 0;
	padding: 7px 12px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	color: #fff;
	font-weight: 600;
}

/* ---------- larger screens ---------- */
@media (min-width: 560px) {
	.mwp-domain-order .mdo-card { padding: 28px; }
	.mwp-domain-order .mdo-title { font-size: 24px; }
	.mwp-domain-order .mdo-steps { font-size: 13px; }
	.mwp-domain-order .mdo-searchbar { flex-wrap: nowrap; }
	.mwp-domain-order .mdo-searchbar-icon { display: flex; }
	.mwp-domain-order .mdo-searchbar-input { flex: 1 1 auto; }
	.mwp-domain-order .mdo-searchbar-btn { flex: none; }
	.mwp-domain-order .mdo-actions,
	.mwp-domain-order .mdo-decision-actions { flex-direction: row; flex-wrap: wrap; }
	.mwp-domain-order .mdo-actions > * { width: auto; }
	.mwp-domain-order .mdo-actions > .mdo-btn-block { width: 100%; }
	.mwp-domain-order .mdo-actions-center { justify-content: center; }
	.mwp-domain-order .mdo-fields { grid-template-columns: 1fr 1fr; }
	.mwp-domain-order .mdo-field-wide { grid-column: 1 / -1; }
	.mwp-domain-order .mdo-hero-form { flex-direction: row; }
	.mwp-domain-order .mdo-options-email,
	.mwp-domain-order .mdo-group-woo .mdo-options { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 820px) {
	.mwp-domain-order .mdo-card { padding: 32px; }
	.mwp-domain-order .mdo-group-wordpress .mdo-options,
	.mwp-domain-order .mdo-group-woo .mdo-options { grid-template-columns: repeat(3, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
	.mwp-domain-order *,
	.mwp-domain-order *::before,
	.mwp-domain-order *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Visible label above the hero search (audit 2026-09-27) */
.mdo-hero-label{display:block;color:#fff;font-weight:600;font-size:15px;margin:0 0 8px;text-align:left;}
.mdo-light .mdo-hero-label{color:#1E2622;}

/* Blocksy's input:focus sets a transparent background, which made the hero
   search see-through over the dark photo while typing (2026-09-27). Pin the
   colours for every state. */
.mwp-domain-order .mdo-hero-input,
.mwp-domain-order .mdo-hero-input:hover,
.mwp-domain-order .mdo-hero-input:focus,
.mwp-domain-order .mdo-hero-input:focus-visible,
.mwp-domain-order .mdo-hero-input:-webkit-autofill {
	background-color: #fff !important;
	color: #1E2622 !important;
	-webkit-text-fill-color: #1E2622 !important;
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	caret-color: #0E7C5A;
}
.mwp-domain-order .mdo-hero-input::placeholder { color: #6B7785 !important; -webkit-text-fill-color: #6B7785 !important; opacity: 1; }
.mwp-domain-order .mdo-hero-input:focus { border-color: #6EE7B7 !important; }

/* Email step: show the real address they get, highlighted (2026-09-27) */
.mwp-domain-order .mdo-option-address{display:inline-block;margin:6px 0 4px;padding:4px 10px;border-radius:30px;background:#F1FAF6;border:1px solid #D6EFE4;color:#0E7C5A;font-weight:700;font-size:14px;word-break:break-all;}
.mwp-domain-order .mdo-option.is-selected .mdo-option-address{background:#0E7C5A;border-color:#0E7C5A;color:#fff;}
.mwp-domain-order .mdo-option-included{color:#0E7C5A;}

/* ---------- Audit round 3 (2026-09-27) ---------- */
/* S7: step labels at the small-print minimum */
.mwp-domain-order .mdo-steps,
.mwp-domain-order .mdo-step-label { font-size: 14px; }
/* OR2: visible field label above the search bar; the intro title is the page H1 */
.mwp-domain-order .mdo-field-label { display: block; margin: 0 0 8px; color: var(--mdo-text); font-size: 14px; font-weight: 700; line-height: 1.4; }
.mwp-domain-order h1.mdo-title { font-size: 27px; font-weight: 800; line-height: 1.15; text-wrap: balance; }
@media (min-width: 768px) { .mwp-domain-order h1.mdo-title { font-size: 42px; } }
.mwp-domain-order .mdo-subtitle { font-size: 16px; line-height: 1.65; }
/* OR1: empty search message */
.mwp-domain-order .mdo-live-hint.is-error { color: var(--mdo-red); font-weight: 600; }
.mwp-domain-order .mdo-searchbar:has(.mdo-searchbar-input[aria-invalid="true"]) { border-color: var(--mdo-red); }
/* OR3: failed lookup row with a Retry button */
.mwp-domain-order .mdo-dc-err { font-size: 14px; }
.mwp-domain-order .mdo-retry-btn { min-height: 44px; }
/* S15: extensions as plain text (were chip-shaped but not clickable) */
.mwp-domain-order p.mdo-tld-chips { display: block; margin: 12px 0 0; color: var(--mdo-text); font-size: 14px; line-height: 1.5; }
.mwp-domain-order p.mdo-hero-chips { display: block; margin: 12px 0 0; color: #E7E4DA; font-size: 14px; line-height: 1.5; }
.mdo-light p.mdo-hero-chips { color: var(--mdo-text, #52606D); }
/* S15: hero search button like every other button (8px radius, no shadow) */
.mwp-domain-order .mdo-hero-btn { border-radius: 8px; box-shadow: none; }
.mwp-domain-order .mdo-hero-btn:active,
.mwp-domain-order .mdo-searchbar-btn:active:not(:disabled) { transform: translateY(1px); }

/* Homepage hero: search centred and larger (owner request 2026-09-27). */
.wa-home-hero .mwp-domain-order.mdo-hero { max-width: 860px; margin: 0 auto 8px; }
.wa-home-hero .mwp-domain-order .mdo-hero-label { text-align: center; font-size: 17px; margin-bottom: 12px; }
.wa-home-hero .mwp-domain-order .mdo-hero-input { min-height: 72px; font-size: 21px; padding: 16px 24px; border-radius: 14px; }
.wa-home-hero .mwp-domain-order .mdo-hero-btn { min-height: 72px; font-size: 19px; padding: 0 36px; border-radius: 14px; }
.wa-home-hero .mwp-domain-order .mdo-hero-chips,
.wa-home-hero .mwp-domain-order .mdo-hero-tlds { justify-content: center; text-align: center; }
@media (max-width: 640px) {
	.wa-home-hero .mwp-domain-order .mdo-hero-input,
	.wa-home-hero .mwp-domain-order .mdo-hero-btn { min-height: 62px; font-size: 18px; }
}


/* ---------- 2026-09-27: wider selection steps, running summary, badges ---------- */
/* One width for every step, so the page and the step bar never jump (audit #6). */
#mwp-domain-order-app { max-width: 1280px; }
.mwp-domain-order .mdo-card { border-radius: 25px; }
@media (max-width: 600px) { .mwp-domain-order .mdo-card { padding-left: 16px; padding-right: 16px; } }
.mwp-domain-order .mdo-consent a { color: var(--mdo-green); font-weight: 600; text-decoration: underline; }
.mwp-domain-order .mdo-hero-form { flex-wrap: wrap; }
@media (min-width: 600px) { .mwp-domain-order .mdo-hero-form .mdo-hero-input { flex: 1 1 240px; } }
.mdo-hero-error { flex-basis: 100%; margin: 8px 0 0; color: #fff; background: #B42318; border-radius: 8px; padding: 8px 12px; font-size: 14px; font-weight: 600; }
.mdo-hero-error:empty { display: none; }
.mwp-domain-order .mdo-layout { display: grid; gap: 24px; align-items: start; }
@media (min-width: 1024px) {
	.mwp-domain-order .mdo-layout { grid-template-columns: minmax(0, 1fr) 300px; }
	.mwp-domain-order .mdo-live { position: sticky; top: 110px; }
}
.mwp-domain-order .mdo-live { background: #fff; border: 1px solid var(--mdo-border); border-radius: var(--mdo-radius-card); padding: 20px 22px; }
.mwp-domain-order .mdo-live:empty { display: none; }
.mwp-domain-order .mdo-live-title { margin: 0 0 10px; font-size: 13px; font-weight: 800; letter-spacing: .08em; color: var(--mdo-dark); }
.mwp-domain-order .mdo-live ul { list-style: none; margin: 0; padding: 0; }
.mwp-domain-order .mdo-live li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--mdo-border); font-size: 14px; color: var(--mdo-text); }
.mwp-domain-order .mdo-live li strong { color: var(--mdo-dark); text-align: right; font-weight: 600; }
.mwp-domain-order .mdo-live-total { display: flex; justify-content: space-between; margin: 10px 0 0; padding-top: 10px; border-top: 1.5px solid var(--mdo-dark); font-size: 15px; color: var(--mdo-dark); }
.mwp-domain-order .mdo-live-total + .mdo-live-total { border-top: 0; margin-top: 2px; padding-top: 0; }
.mwp-domain-order .mdo-live-note { margin: 10px 0 0; font-size: 13px; color: var(--mdo-text); }
/* the badge sits on the card edge, so every card's heading and price start level */
.mwp-domain-order .mdo-option.is-popular { overflow: visible; }
.mwp-domain-order .mdo-option-badge { position: absolute; top: -11px; left: 16px; margin: 0; font-size: 12px; }
.mwp-domain-order .mdo-options { row-gap: 20px; padding-top: 6px; }
/* review: change any item */
.mwp-domain-order .mdo-change-row { margin: 12px 0 0; font-size: 14px; color: var(--mdo-text); display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }

/* an invalid field that has focus shows one colour: the error red */
.mwp-domain-order .mdo-text-input[aria-invalid="true"] { border-color: #B42318; }
.mwp-domain-order .mdo-text-input[aria-invalid="true"]:focus,
.mwp-domain-order .mdo-text-input[aria-invalid="true"]:focus-visible { outline: 3px solid rgba(180, 35, 24, .35) !important; box-shadow: none; border-color: #B42318; }

/* ======================================================================
   Perfection audit (2026-09-28): order flow fixes. Audit item numbers refer
   to qa/reports/maltawordpress/perfection/defects-group-c.md.
   ====================================================================== */

/* Space around the app: header above, footer below (audit #46, Codex). */
#mwp-domain-order-app { margin-bottom: 40px; }
@media (min-width: 768px) { #mwp-domain-order-app { margin-bottom: 48px; } }
@media (min-width: 1024px) { #mwp-domain-order-app { margin-bottom: 64px; } }
.mwp-domain-order .mdo-steps { margin: 24px 0 24px; }

/* The theme's text-wrap:pretty on list items made one card's lines stop early (audit #18). */
.mwp-domain-order li { text-wrap: wrap; }

/* Step bar: completed steps are a filled green circle with a tick (audit #28). */
.mwp-domain-order .mdo-step.is-done .mdo-step-num,
.mwp-domain-order .mdo-step[data-step="5"].is-active .mdo-step-num { border-color: var(--mdo-green); background: var(--mdo-green); color: #fff; }
.mwp-domain-order .mdo-step-num svg { width: 14px; height: 14px; }

/* Headings: the domain name stays in one piece where it fits (audit #14). */
.mwp-domain-order .mdo-dom { display: inline-block; max-width: 100%; overflow-wrap: anywhere; word-break: normal; }
.mwp-domain-order .mdo-title .mdo-dom { display: inline; }
.mwp-domain-order h1.mdo-title:not(.mdo-title-hero) { font-size: 24px; line-height: 1.2; }
@media (min-width: 768px) {
	.mwp-domain-order h1.mdo-title:not(.mdo-title-hero) { font-size: 32px; }
	.mwp-domain-order .mdo-br { display: none; }
}
@media (max-width: 767px) {
	.mwp-domain-order .mdo-title .mdo-dom { display: inline-block; }
}

/* Back links and change links: 44px tap targets (audit #21). */
.mwp-domain-order .mdo-link-back { min-height: 44px; margin: 0 0 8px; }

/* ---------- search bar: one focus ring, one error ring (audit #16) ---------- */
.mwp-domain-order .mdo-searchbar { max-width: none; } /* fills the card, same edge as the step content (deep audit R3) */
.mwp-domain-order .mdo-searchbar-input,
.mwp-domain-order .mdo-searchbar-input:hover,
.mwp-domain-order .mdo-searchbar-input:focus,
.mwp-domain-order .mdo-searchbar-input:focus-visible {
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	color: var(--mdo-dark) !important;
	-webkit-text-fill-color: var(--mdo-dark);
}
.mwp-domain-order .mdo-searchbar:has(.mdo-searchbar-input[aria-invalid="true"]):focus-within { border-color: var(--mdo-red); box-shadow: 0 0 0 3px rgba(180, 35, 24, .25); }
/* After a search the button is an outline, so "Register" is the one green action (Codex). */
.mwp-domain-order .mdo-searchbar-btn.is-secondary { background: #fff; color: var(--mdo-green); box-shadow: inset 0 0 0 1.5px var(--mdo-green); }
@media (hover: hover) { .mwp-domain-order .mdo-searchbar-btn.is-secondary:hover:not(:disabled) { background: var(--mdo-bg-soft); color: var(--mdo-green-dark); } }
/* Phones: no box inside a box. The input has its own border and ring (Codex). */
@media (max-width: 559px) {
	.mwp-domain-order .mdo-searchbar,
	.mwp-domain-order .mdo-searchbar:focus-within { padding: 0; border: 0; background: transparent; box-shadow: none; }
	.mwp-domain-order .mdo-searchbar .mdo-searchbar-input,
	.mwp-domain-order .mdo-searchbar .mdo-searchbar-input:hover { border: 1px solid #C9D3CE !important; border-radius: 12px; background: #fff !important; padding: 10px 14px; }
	.mwp-domain-order .mdo-searchbar .mdo-searchbar-input:focus { border-color: var(--mdo-green) !important; box-shadow: var(--mdo-focus) !important; }
	.mwp-domain-order .mdo-searchbar .mdo-searchbar-input[aria-invalid="true"] { border-color: var(--mdo-red) !important; }
	.mwp-domain-order .mdo-searchbar .mdo-searchbar-input[aria-invalid="true"]:focus { box-shadow: 0 0 0 3px rgba(180, 35, 24, .25) !important; }
}

/* Errors and the "not a domain name" help */
.mwp-domain-order .mdo-result.is-error p { margin: 4px 0 0; color: var(--mdo-red); }
.mwp-domain-order .mdo-result.is-error .mdo-btn-outline { margin-top: 12px; }
.mwp-domain-order .mdo-result-title { font-size: 16px; }


/* Transfer screen: the price, and help text at a readable width (audit #26) */
.mwp-domain-order .mdo-transfer-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; max-width: 68ch; margin: 0 0 18px; padding: 12px 16px; border-radius: 12px; background: var(--mdo-bg-soft); color: var(--mdo-dark); font-weight: 700; }
.mwp-domain-order .mdo-transfer-price strong { color: var(--mdo-green); font-size: 20px; font-weight: 800; }
.mwp-domain-order .mdo-transfer-basis { flex-basis: 100%; color: var(--mdo-text); font-size: 14px; font-weight: 400; }
.mwp-domain-order .mdo-field-narrow { max-width: 68ch; }
.mwp-domain-order .mdo-field-help { font-size: 14px; }

/* ---------- option cards: same rows in every card, lined up (audit #17) ---------- */
.mwp-domain-order .mdo-basis { margin-left: 2px; color: var(--mdo-text); font-size: 14px; font-weight: 500; }
.mwp-domain-order .mdo-option-price { color: var(--mdo-green); }
.mwp-domain-order .mdo-option-price:empty,
.mwp-domain-order .mdo-option-billed:empty,
.mwp-domain-order .mdo-option-extra:empty { min-height: 0; }
.mwp-domain-order .mdo-option-extra { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.mwp-domain-order .mdo-option-billed { font-size: 14px; }
.mwp-domain-order .mdo-option { padding: 18px 18px 18px 50px; }
.mwp-domain-order .mdo-option-radio { position: absolute; top: 20px; left: 18px; margin: 0; }
.mwp-domain-order .mdo-option-body { gap: 4px; }
.mwp-domain-order .mdo-option-features { margin: 8px 0 0 -32px; }
.mwp-domain-order .mdo-option-features li.mdo-feat-more { display: none; color: var(--mdo-text); font-weight: 600; }
@supports (grid-template-rows: subgrid) {
	.mwp-domain-order .mdo-options { align-items: stretch; }
	.mwp-domain-order .mdo-options > .mdo-option { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 4px; align-content: start; }
	.mwp-domain-order .mdo-options > .mdo-option > .mdo-option-body { display: contents; }
	.mwp-domain-order .mdo-options > .mdo-option .mdo-option-features { align-self: start; }
}
/* Email: the address pill wraps after the @, not mid-word (audit #13) */
.mwp-domain-order .mdo-option-address { max-width: 100%; word-break: normal; overflow-wrap: anywhere; }
/* "No email": one compact row under the grid (audit #11) */
.mwp-domain-order .mdo-option.mdo-option-none { display: flex; margin-top: 16px; padding: 14px 18px 14px 50px; }
.mwp-domain-order .mdo-option.mdo-option-none .mdo-option-body { display: flex; flex-direction: column; }
.mwp-domain-order .mdo-option.mdo-option-none .mdo-option-radio { top: 16px; }
.mwp-domain-order .mdo-option.mdo-option-none .mdo-option-name { font-size: 16px; }
/* Quantity: right under the chosen card's row (audit #12, #27) */
.mwp-domain-order .mdo-options > .mdo-qty { grid-column: 1 / -1; margin: 0; }
.mwp-domain-order .mdo-qty-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.mwp-domain-order .mdo-qty-total { margin: 0; font-size: 15px; }
.mwp-domain-order .mdo-qty .mdo-field-help { margin-top: 8px; }
.mwp-domain-order .mdo-qty .mdo-field-help.is-warn { color: var(--mdo-dark); font-weight: 700; }

/* ---------- running total ---------- */
.mwp-domain-order .mdo-live li { align-items: flex-start; }
.mwp-domain-order .mdo-live .mdo-live-name { min-width: 0; overflow-wrap: anywhere; }
.mwp-domain-order .mdo-live li strong { flex: none; white-space: nowrap; }
.mwp-domain-order .mdo-live li strong small { display: block; color: var(--mdo-text); font-size: 13px; font-weight: 500; }
.mwp-domain-order .mdo-live-total strong { font-weight: 800; }

/* Phones and tablets: sticky total + Continue while the plans are on screen (audit #7) */
.mwp-domain-order .mdo-mbar { display: none; }
@media (max-width: 1023px) {
	.mwp-domain-order .mdo-mbar {
		display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
		align-items: center; justify-content: space-between; gap: 12px;
		padding: 12px 24px calc(12px + env(safe-area-inset-bottom));
		background: #1E2622; color: #fff;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, .18);
		transition: transform .2s ease;
	}
	.mwp-domain-order .mdo-mbar.is-hidden { transform: translateY(110%); }
	.mwp-domain-order .mdo-mbar strong { display: block; font-size: 20px; font-weight: 800; line-height: 1.1; }
	.mwp-domain-order .mdo-mbar small { color: #B9C2BC; font-size: 14px; }
	.mwp-domain-order .mdo-mbar-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 0; padding: 10px 16px; border: 0; border-radius: 8px; background: var(--mdo-green); color: #fff; font: inherit; font-size: 15px; font-weight: 700; white-space: nowrap; cursor: pointer; }
	.mwp-domain-order .mdo-mbar-btn:focus-visible { outline: 3px solid #6EE7B7; outline-offset: 2px; }
	body.mdo-mbar-on { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
}

/* ---------- overview ---------- */
.mwp-domain-order .mdo-summary-row strong { overflow-wrap: anywhere; }
.mwp-domain-order .mdo-quote td small { font-size: 14px; }
.mwp-domain-order .mdo-line-detail { font-size: 14px; }
.mwp-domain-order .mdo-line-included { color: var(--mdo-green); font-weight: 800; }
.mwp-domain-order .mdo-vat-line { font-size: 14px; }
.mwp-domain-order .mdo-form-title { font-size: 20px; font-weight: 800; }
/* typed text in the ink colour, placeholders grey (audit #23) */
.mwp-domain-order .mdo-text-input,
.mwp-domain-order .mdo-text-input:focus,
.mwp-domain-order .mdo-stepper-input { color: #1E2622 !important; -webkit-text-fill-color: #1E2622; background-color: #fff !important; }
.mwp-domain-order .mdo-text-input::placeholder { color: #52606D; -webkit-text-fill-color: #52606D; }
/* consent: bigger box, the whole row is the tap target (audit #21) */
.mwp-domain-order .mdo-check { align-items: center; min-height: 44px; }
.mwp-domain-order .mdo-check input { width: 24px; height: 24px; margin: 0; }
.mwp-domain-order .mdo-field-error { font-size: 14px; }
/* "What happens next" beside the order */
.mwp-domain-order .mdo-next { margin: 0; padding: 0; list-style: none; counter-reset: mdo-next; }
.mwp-domain-order .mdo-next li { position: relative; display: block; padding: 0 0 14px 38px; border: 0; counter-increment: mdo-next; }
.mwp-domain-order .mdo-next li::before { content: counter(mdo-next); position: absolute; top: 0; left: 0; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--mdo-bg-soft); color: var(--mdo-green); font-size: 13px; font-weight: 800; }
.mwp-domain-order .mdo-next li strong { display: block; color: var(--mdo-dark); font-size: 15px; font-weight: 700; text-align: left; }
.mwp-domain-order .mdo-next li span { display: block; color: var(--mdo-text); font-size: 14px; }
.mwp-domain-order .mdo-next-box .mdo-trustbar { flex-direction: column; margin-top: 4px; font-size: 14px; }
.mwp-domain-order .mdo-next-box .mdo-trust-item { display: flex; padding: 0; border: 0; }

/* ---------- phones: one page gutter, no card inside the gutter (Codex) ---------- */
@media (max-width: 559px) {
	.mwp-domain-order .mdo-card { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
	.mwp-domain-order .mdo-option { padding: 16px 16px 16px 46px; }
	.mwp-domain-order .mdo-option-radio { left: 16px; top: 18px; }
	.mwp-domain-order .mdo-option-features { margin-left: -30px; }
}

@media (prefers-reduced-motion: reduce) {
	.mwp-domain-order .mdo-mbar { transition: none; }
}

/* Owner 2026-09-28: in the results, Register is the big main button and
   "Search again" is a smaller outline button. */
.mwp-domain-order .mdo-searchbar-btn.is-secondary { align-self: center; min-height: 40px; padding: 0 14px; font-size: 14px; font-weight: 700; }
.mwp-domain-order .mdo-searchbar-btn.is-secondary svg { width: 14px; height: 14px; }
@media (max-width: 559px) {
	.mwp-domain-order .mdo-searchbar-btn.is-secondary { align-self: flex-start; flex: none; }
}

/* Owner 2026-09-28: use the full page width for the choice steps, all
   features listed, compact cards (price, then the address pill 8 to 12px below). */
#mwp-domain-order-app { max-width: 1600px; }
.mwp-domain-order .mdo-option-billed.mdo-empty { display: block; height: 0; }
.mwp-domain-order .mdo-option-extra .mdo-option-billed { margin: 0; }
.mwp-domain-order .mdo-option-address { margin: 4px 0 2px; }
.mwp-domain-order .mdo-options > .mdo-option { row-gap: 2px; }
.mwp-domain-order .mdo-option-features { margin-top: 10px; }
@media (min-width: 1500px) { .mwp-domain-order .mdo-options-email { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1850px) { .mwp-domain-order .mdo-options-email { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.mwp-domain-order .mdo-layout { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .mwp-domain-order .mdo-layout { grid-template-columns: minmax(0, 1fr) 300px; } }
.mwp-domain-order .mdo-line-sub { display: block; color: var(--mdo-text); font-size: 14px; font-weight: 500; }
.mwp-domain-order .mdo-live li strong { text-align: right; }
/* "What happens next": left-aligned text, not the summary's two-column rows. */
.mwp-domain-order .mdo-live .mdo-next li { display: block; justify-content: normal; }
.mwp-domain-order .mdo-live .mdo-next li strong,
.mwp-domain-order .mdo-live .mdo-next li span { text-align: left; white-space: normal; }
.mwp-domain-order .mdo-next-box .mdo-trustbar .mdo-trust-item { justify-content: flex-start; }
/* One card per row on phones: no row alignment needed, so no subgrid gaps. */
@media (max-width: 559px) {
	.mwp-domain-order .mdo-options > .mdo-option { display: flex; grid-row: auto; }
	.mwp-domain-order .mdo-options > .mdo-option > .mdo-option-body { display: flex; flex-direction: column; gap: 4px; }
	.mwp-domain-order .mdo-options > .mdo-option .mdo-option-extra:empty,
	.mwp-domain-order .mdo-options > .mdo-option .mdo-option-billed:empty { display: none; }
	.mwp-domain-order .mdo-options-email .mdo-option-billed.mdo-empty { display: none; }
}
/* Hidden bar is really gone (not only moved off screen). */
.mwp-domain-order .mdo-mbar.is-hidden { visibility: hidden; transition: transform .2s ease, visibility 0s linear .2s; }

/* Subgrid only where cards sit side by side (single-column rows need no alignment). */
@media (max-width: 819px) {
	.mwp-domain-order .mdo-group-wordpress .mdo-options > .mdo-option { display: flex; grid-row: auto; }
	.mwp-domain-order .mdo-group-wordpress .mdo-options > .mdo-option > .mdo-option-body { display: flex; flex-direction: column; gap: 4px; }
	.mwp-domain-order .mdo-group-wordpress .mdo-option-extra:empty,
	.mwp-domain-order .mdo-group-wordpress .mdo-option-billed:empty { display: none; }
}
.mwp-domain-order .mdo-group-none .mdo-options > .mdo-option { display: flex; grid-row: auto; }
.mwp-domain-order .mdo-group-none .mdo-options > .mdo-option > .mdo-option-body { display: flex; flex-direction: column; gap: 4px; }
.mwp-domain-order .mdo-group-none .mdo-option-extra:empty { display: none; }
/* Email cards: plain column (no subgrid) so the address sits right under the price (owner 2026-09-28). */
.mwp-domain-order .mdo-options-email > .mdo-option { display: flex; grid-row: auto; }
.mwp-domain-order .mdo-options-email > .mdo-option > .mdo-option-body { display: flex; flex-direction: column; gap: 4px; }
.mwp-domain-order .mdo-options-email .mdo-option-billed.mdo-empty { display: none; }
.mwp-domain-order .mdo-options-email .mdo-option-name { min-height: 0; }

/* 2026-09-28 (owner): Register is clearly the main, bigger button; "/year" stays beside its price in the summary */
.mwp-domain-order .mdo-live li strong small.mdo-inline { display: inline; margin-left: 3px; }
.mwp-domain-order .mdo-subtitle-note{margin-top:6px;color:#52606D;}

/* 2026-09-28 (owner): home hero search is ONE white search box with the button inside it,
   so the label, the box and "Popular extensions" share one centre line. The list never
   breaks inside itself (it wraps as a whole line under the label on phones). */
.mwp-domain-order .mdo-hero-chips-list { white-space: nowrap; }
.wa-home-hero .mwp-domain-order p.mdo-hero-chips { margin-top: 14px; font-size: 15px; color: rgba(255, 255, 255, .92); }
@media (min-width: 641px) {
	.wa-home-hero .mwp-domain-order .mdo-hero-form { gap: 0; padding: 8px; background: #fff; border: 2px solid #fff; border-radius: 18px; box-shadow: 0 18px 40px -14px rgba(0, 0, 0, .55); transition: border-color .15s ease, box-shadow .15s ease; }
	.wa-home-hero .mwp-domain-order .mdo-hero-form:focus-within { border-color: #6EE7B7; box-shadow: 0 0 0 4px rgba(110, 231, 183, .45), 0 18px 40px -14px rgba(0, 0, 0, .55); }
	.wa-home-hero .mwp-domain-order .mdo-hero-input,
	.wa-home-hero .mwp-domain-order .mdo-hero-input:focus,
	.wa-home-hero .mwp-domain-order .mdo-hero-input:focus-visible { flex: 1 1 240px; min-height: 64px; padding: 12px 18px; border: 0 !important; border-radius: 12px; outline: none !important; box-shadow: none; -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }
	.wa-home-hero .mwp-domain-order .mdo-hero-btn { min-height: 64px; border-radius: 12px; box-shadow: none; }
	.wa-home-hero .mwp-domain-order .mdo-hero-error { margin: 8px 0 0; }
}

/* 2026-09-28 (owner, round 4): what a plan leaves to you, shown with a red ✗ */
.mwp-domain-order .mdo-option-features li.mdo-feat-out { color: #6B7785; }
.mwp-domain-order .mdo-option-features li.mdo-feat-out svg { color: #B42318; }

/* ======================================================================
   2026-09-29 (owner): calmer search results. The searched domain is ONE
   answer card ("is available" / "is already taken"); every other extension
   is a quiet one-line row under "Other extensions".
   ====================================================================== */
.mwp-domain-order .mdo-answer,
.mwp-domain-order .mdo-rows { margin: 0; padding: 0; list-style: none; }
.mwp-domain-order .mdo-domain-card { margin: 0; min-width: 0; }
.mwp-domain-order .mdo-dc-name { min-width: 0; color: var(--mdo-dark); font-weight: 700; overflow-wrap: anywhere; word-break: normal; }
.mwp-domain-order .mdo-dc-checking { color: var(--mdo-text); font-size: 15px; }
.mwp-domain-order .mdo-dc-price { color: var(--mdo-dark); font-weight: 800; line-height: 1.2; white-space: nowrap; }
.mwp-domain-order .mdo-dc-price small { margin-left: 2px; color: var(--mdo-text); font-size: 14px; font-weight: 500; }
.mwp-domain-order .mdo-dc-price.mdo-dc-price-tbc { color: var(--mdo-text); font-size: 14px; font-weight: 600; white-space: normal; }

/* --- the answer card --- */
.mwp-domain-order .mdo-answer-card {
	display: grid;
	gap: 12px;
	padding: 20px 18px;
	border: 1.5px solid var(--mdo-border);
	border-radius: 20px;
	background: #fff;
	transition: border-color .2s ease, background-color .2s ease;
}
.mwp-domain-order .mdo-answer-card.is-available { border-color: var(--mdo-green); background: var(--mdo-bg-soft); }
.mwp-domain-order .mdo-answer-card.is-taken { border-color: #D5DCD8; background: #FAFBFA; }
.mwp-domain-order .mdo-answer-card .mdo-dc-name { font-size: 26px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; }
.mwp-domain-order .mdo-answer-card .mdo-dc-body { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; }
.mwp-domain-order .mdo-answer-card.is-loading .mdo-dc-body { flex-direction: row; align-items: center; gap: 10px; }
.mwp-domain-order .mdo-ans-status { display: inline-flex; align-items: center; gap: 10px; color: var(--mdo-dark); font-size: 19px; font-weight: 700; line-height: 1.3; }
.mwp-domain-order .mdo-ans-status > svg { flex: none; box-sizing: content-box; width: 16px; height: 16px; padding: 5px; border-radius: 50%; }
.mwp-domain-order .mdo-ans-status.is-available { color: var(--mdo-green); }
.mwp-domain-order .mdo-ans-status.is-available > svg { background: var(--mdo-green); color: #fff; }
.mwp-domain-order .mdo-ans-status.is-taken > svg { background: var(--mdo-red-bg); color: var(--mdo-red); }
.mwp-domain-order .mdo-ans-status.is-error { color: var(--mdo-text); font-size: 16px; font-weight: 600; }
.mwp-domain-order .mdo-answer-card .mdo-dc-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; min-width: 0; }
.mwp-domain-order .mdo-answer-card .mdo-dc-price { font-size: 26px; }
.mwp-domain-order .mdo-answer-card .mdo-dc-price small { font-size: 15px; }
.mwp-domain-order .mdo-btn-fill.mdo-ans-btn { min-width: 180px; min-height: 56px; padding: 14px 36px; border-radius: 10px; font-size: 18px; }
.mwp-domain-order .mdo-ans-link,
.mwp-domain-order .mdo-row-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin: 0;
	padding: 0 2px;
	border: 0;
	border-radius: 4px;
	background: none;
	box-shadow: none;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	text-transform: none;
	letter-spacing: normal;
	transition: color .2s ease;
}
.mwp-domain-order .mdo-ans-link { color: var(--mdo-green); font-size: 16px; }
.mwp-domain-order .mdo-row-link { color: var(--mdo-text); font-size: 15px; }
@media (hover: hover) {
	.mwp-domain-order .mdo-ans-link:hover:not(:disabled),
	.mwp-domain-order .mdo-row-link:hover:not(:disabled) { background: none; color: var(--mdo-green-dark); text-decoration-thickness: 2px; }
}
.mwp-domain-order .mdo-ans-link:disabled,
.mwp-domain-order .mdo-row-link:disabled { cursor: wait; opacity: .6; }

/* --- other extensions: one list, one quiet row each --- */
.mwp-domain-order h2.mdo-other-title { margin: 28px 0 10px; padding: 0; color: var(--mdo-dark); font-size: 17px; font-weight: 700; line-height: 1.3; letter-spacing: normal; text-transform: none; }
.mwp-domain-order .mdo-rows { border: 1px solid var(--mdo-border); border-radius: 16px; background: #fff; overflow: hidden; }
.mwp-domain-order .mdo-rows:empty { display: none; }
.mwp-domain-order .mdo-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas: "name price" "status act";
	align-items: center;
	gap: 6px 12px;
	padding: 12px 14px;
	border-top: 1px solid var(--mdo-border);
	background: #fff;
}
.mwp-domain-order .mdo-row:first-child { border-top: 0; }
.mwp-domain-order .mdo-row .mdo-dc-body { display: contents; }
.mwp-domain-order .mdo-row .mdo-dc-name { grid-area: name; font-size: 17px; line-height: 1.3; }
.mwp-domain-order .mdo-row .mdo-dc-status { grid-area: status; justify-self: start; }
.mwp-domain-order .mdo-row .mdo-dc-price { grid-area: price; justify-self: end; font-size: 17px; }
.mwp-domain-order .mdo-row .mdo-dc-act { grid-area: act; justify-self: end; display: flex; }
.mwp-domain-order .mdo-row.is-loading { grid-template-areas: "name name" "wait wait"; }
.mwp-domain-order .mdo-row.is-loading .mdo-dc-body { grid-area: wait; display: flex; align-items: center; gap: 8px; }
.mwp-domain-order .mdo-row.is-loading .mdo-dc-checking { font-size: 14px; }
.mwp-domain-order .mdo-row.is-taken { background: #FAFBFA; }
.mwp-domain-order .mdo-row.is-taken .mdo-dc-name { color: var(--mdo-text); font-weight: 600; }
.mwp-domain-order .mdo-row .mdo-btn-fill.mdo-row-btn,
.mwp-domain-order .mdo-row .mdo-btn-outline.mdo-row-btn { min-width: 112px; min-height: 44px; padding: 8px 18px; font-size: 15px; }
.mwp-domain-order .mdo-dc-status {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 10px;
	border-radius: 30px;
	background: #F3F5F4;
	color: var(--mdo-dark);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap;
}
.mwp-domain-order .mdo-dc-status svg { flex: none; width: 13px; height: 13px; }
.mwp-domain-order .mdo-dc-status.mdo-status-available { background: #E3F4EC; color: var(--mdo-green-dark); }
.mwp-domain-order .mdo-dc-status.mdo-status-email { background: #F3F5F4; color: var(--mdo-dark); }
.mwp-domain-order .mdo-dc-status.mdo-status-email svg { color: var(--mdo-text); }
.mwp-domain-order .mdo-dc-status.mdo-status-taken,
.mwp-domain-order .mdo-dc-status.mdo-status-error { padding-left: 0; padding-right: 0; background: none; color: var(--mdo-text); font-weight: 600; }
.mwp-domain-order .mdo-ans-status.is-email .mdo-dc-status { padding: 5px 12px; font-size: 15px; }
.mwp-domain-order .mdo-ans-status.is-email .mdo-dc-status svg { width: 15px; height: 15px; }
.mwp-domain-order .mdo-email-note { margin: 12px 0 0; color: var(--mdo-text); font-size: 14px; }
.mwp-domain-order .mdo-grid-note { margin: 8px 0 0; font-size: 14px; }
.mwp-domain-order .mdo-email-note:not([hidden]) + .mdo-grid-note { margin-top: 2px; }

@media (max-width: 559px) {
	.mwp-domain-order .mdo-answer-card .mdo-dc-foot { width: 100%; }
	.mwp-domain-order .mdo-btn-fill.mdo-ans-btn { flex: 1 1 100%; }
}
@media (min-width: 560px) {
	.mwp-domain-order .mdo-row {
		grid-template-columns: minmax(0, 1fr) 190px 130px 130px;
		grid-template-areas: "name status price act";
		gap: 16px;
		min-height: 68px;
		padding: 10px 20px;
	}
	.mwp-domain-order .mdo-row.is-loading { grid-template-areas: "name wait wait wait"; }
}
@media (min-width: 768px) {
	.mwp-domain-order .mdo-answer-card {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: auto auto;
		align-items: center;
		gap: 6px 32px;
		padding: 28px 32px;
	}
	.mwp-domain-order .mdo-answer-card .mdo-dc-name { grid-column: 1; grid-row: 1; font-size: 32px; }
	.mwp-domain-order .mdo-answer-card .mdo-dc-body { display: contents; }
	.mwp-domain-order .mdo-answer-card .mdo-ans-status { grid-column: 1; grid-row: 2; }
	.mwp-domain-order .mdo-answer-card .mdo-dc-foot { grid-column: 2; grid-row: 1 / 3; flex-wrap: nowrap; justify-content: flex-end; gap: 24px; }
	.mwp-domain-order .mdo-answer-card.is-loading .mdo-dc-body { display: flex; grid-column: 1; grid-row: 2; }
}

/* "What happens next": calm space between the line and the first trust item.
   (.mdo-live ul { padding: 0 } used to eat the trust bar's top padding.) */
.mwp-domain-order .mdo-next-box .mdo-trustbar { margin-top: 6px; padding-top: 16px; gap: 10px; }
@media (max-width: 559px) {
	.mwp-domain-order .mdo-answer-card .mdo-dc-name { font-size: 23px; }
	/* taken rows: one compact block, the quiet Transfer link beside it */
	.mwp-domain-order .mdo-row.is-taken { grid-template-areas: "name act" "status act"; row-gap: 2px; }
	.mwp-domain-order .mdo-row.is-taken .mdo-dc-price { display: none; }
}

/* ---------- 2026-09-29: skipped email step, totals, "Add to your order" ---------- */
.mwp-domain-order .mdo-step[hidden] { display: none !important; }

/* With a one-time item: "One-time total" and "Yearly total" are quieter, "First year total" leads. */
.mwp-domain-order .mdo-quote tfoot tr.mdo-total-row:not(.mdo-total-main):not(:only-child) th { font-weight: 600; }
.mwp-domain-order .mdo-quote tfoot tr.mdo-total-row:not(.mdo-total-main):not(:only-child) td { font-size: 15px; }
.mwp-domain-order .mdo-quote tfoot tr.mdo-total-main th,
.mwp-domain-order .mdo-quote tfoot tr.mdo-total-main td { border-top: 1px solid var(--mdo-border); padding-top: 12px; }
.mwp-domain-order .mdo-quote tfoot tr.mdo-total-main td { font-size: 18px; }

.mwp-domain-order .mdo-bumps {
	margin: 8px 0 20px;
	padding: 20px 0 0;
	border-top: 1px solid var(--mdo-border);
}
.mwp-domain-order .mdo-bumps .mdo-form-title { margin: 0 0 4px; }
.mwp-domain-order .mdo-bumps-intro { margin: 0 0 14px; color: var(--mdo-text); font-size: 15px; }
.mwp-domain-order .mdo-bump-list { display: grid; gap: 10px; }
.mwp-domain-order .mdo-bump {
	border: 1px solid var(--mdo-border);
	border-radius: 12px;
	background: #fff;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
@media (hover: hover) { .mwp-domain-order .mdo-bump:hover { border-color: var(--mdo-green); } }
.mwp-domain-order .mdo-bump.is-selected {
	border-color: var(--mdo-green);
	background: var(--mdo-bg-soft);
	box-shadow: 0 0 0 1px var(--mdo-green);
}
.mwp-domain-order .mdo-bump-main {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	align-items: start;
	gap: 4px 12px;
	min-height: 44px;
	margin: 0;
	padding: 14px 16px;
	cursor: pointer;
}
.mwp-domain-order .mdo-bump-check {
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	accent-color: var(--mdo-green);
	cursor: pointer;
}
.mwp-domain-order .mdo-bump-check:focus-visible { outline: 3px solid var(--mdo-green); outline-offset: 3px; }
.mwp-domain-order .mdo-bump-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mwp-domain-order .mdo-bump-name { color: var(--mdo-dark); font-size: 16px; font-weight: 700; line-height: 1.35; }
.mwp-domain-order .mdo-bump-desc { color: var(--mdo-text); font-size: 14px; line-height: 1.45; }
.mwp-domain-order .mdo-bump-needs { color: var(--mdo-text); font-size: 13px; font-style: italic; line-height: 1.4; }
.mwp-domain-order .mdo-bump-price {
	color: var(--mdo-green);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.35;
	text-align: right;
	white-space: nowrap;
}
.mwp-domain-order .mdo-bump-price small { color: var(--mdo-text); font-size: 13px; font-weight: 500; }
.mwp-domain-order .mdo-bump-from { color: var(--mdo-text); font-size: 13px; font-weight: 500; }
.mwp-domain-order .mdo-bump-more { padding: 0 16px 16px 48px; }
.mwp-domain-order .mdo-bump-plans { margin: 0 0 14px; padding: 0; border: 0; min-width: 0; }
.mwp-domain-order .mdo-bump-legend { margin: 0 0 6px; padding: 0; color: var(--mdo-dark); font-size: 14px; font-weight: 700; }
.mwp-domain-order .mdo-bump-group { margin: 10px 0 4px; color: var(--mdo-text); font-size: 13px; font-weight: 700; }
.mwp-domain-order .mdo-bump-plan {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	margin: 0 0 6px;
	padding: 8px 12px;
	border: 1px solid var(--mdo-border);
	border-radius: var(--mdo-radius-btn);
	background: #fff;
	cursor: pointer;
}
.mwp-domain-order .mdo-bump-plan.is-selected { border-color: var(--mdo-green); box-shadow: 0 0 0 1px var(--mdo-green); }
@media (hover: hover) { .mwp-domain-order .mdo-bump-plan:hover { border-color: var(--mdo-green); } }
.mwp-domain-order .mdo-bump-plan input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--mdo-green); }
.mwp-domain-order .mdo-bump-plan input:focus-visible { outline: 3px solid var(--mdo-green); outline-offset: 3px; }
.mwp-domain-order .mdo-bump-plan-name { flex: 1; min-width: 0; color: var(--mdo-dark); font-size: 14px; font-weight: 600; line-height: 1.35; }
.mwp-domain-order .mdo-bump-plan-price { color: var(--mdo-dark); font-size: 14px; font-weight: 700; white-space: nowrap; }
.mwp-domain-order .mdo-bump-plan-price small { color: var(--mdo-text); font-size: 12px; font-weight: 500; }
.mwp-domain-order .mdo-bump-qty .mdo-field-label { margin-bottom: 6px; }
.mwp-domain-order .mdo-bumps-total { margin: 12px 0 0; color: var(--mdo-dark); font-size: 15px; }
.mwp-domain-order .mdo-bumps-total:empty { display: none; }
.mwp-domain-order .mdo-bumps-total span { color: var(--mdo-text); font-size: 14px; }
@media (max-width: 560px) {
	.mwp-domain-order .mdo-bump-main { grid-template-columns: 20px minmax(0, 1fr); padding: 14px; }
	.mwp-domain-order .mdo-bump-price { grid-column: 2; text-align: left; }
	.mwp-domain-order .mdo-bump-more { padding: 0 14px 14px 14px; }
}

/* ======================================================================
   2026-09-29 evening (owner)
   ====================================================================== */

/* Running summary: wider card, and a domain never splits mid-word. It may only
   wrap at a dot (<wbr> in the JS); if name and price don't fit on one line,
   the price moves under the name instead. */
@media (min-width: 1024px) { .mwp-domain-order .mdo-layout { grid-template-columns: minmax(0, 1fr) 340px; } }
@media (min-width: 1200px) { .mwp-domain-order .mdo-layout { grid-template-columns: minmax(0, 1fr) 380px; } }
.mwp-domain-order .mdo-live .mdo-live-name { overflow-wrap: break-word; word-break: normal; }
.mwp-domain-order .mdo-live li.mdo-live-domain { flex-wrap: wrap; column-gap: 12px; row-gap: 0; }
.mwp-domain-order .mdo-live li.mdo-live-domain .mdo-live-name { flex: 0 1 auto; color: var(--mdo-dark); font-weight: 600; }
.mwp-domain-order .mdo-live li.mdo-live-domain strong { margin-left: auto; }

/* "Add to your order": the one deliberately loud block in the order flow
   (owner: "make it pop, make it greenish"). Deep green header strip, mint
   body, each add-on a card with a visual. Real checkboxes, 28px. */
.mwp-domain-order .mdo-bumps {
	margin: 12px 0 24px;
	padding: 0;
	border: 2px solid #0E7C5A;
	border-radius: 20px;
	overflow: hidden;
	background: #F1FAF6;
}
.mwp-domain-order .mdo-bumps-head {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 24px;
	background: #0B5E45;
	color: #fff;
}
.mwp-domain-order .mdo-bumps-head-ico {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #6EE7B7;
	color: #0B5E45;
}
.mwp-domain-order .mdo-bumps .mdo-bumps-head .mdo-form-title { margin: 0 0 2px; color: #fff; font-size: 24px; line-height: 1.2; }
.mwp-domain-order .mdo-bumps .mdo-bumps-head .mdo-bumps-intro { margin: 0; color: #E3F5EC; font-size: 15px; line-height: 1.5; }
.mwp-domain-order .mdo-bumps-body { padding: 20px 24px 22px; }
.mwp-domain-order .mdo-bump-list { gap: 14px; }
.mwp-domain-order .mdo-bump {
	border: 2px solid #CDE9DC;
	border-radius: 16px;
	background: #fff;
	box-shadow: none;
}
@media (hover: hover) { .mwp-domain-order .mdo-bump:hover { border-color: #0E7C5A; } }
.mwp-domain-order .mdo-bump.is-selected { border-color: #0E7C5A; background: #E6F6EE; box-shadow: 0 0 0 1px #0E7C5A; }
.mwp-domain-order .mdo-bump-main {
	grid-template-columns: 28px 64px minmax(0, 1fr) auto;
	align-items: center;
	gap: 6px 18px;
	min-height: 64px;
	padding: 18px 20px;
}
.mwp-domain-order .mdo-bump-check { width: 28px; height: 28px; margin: 0; }
.mwp-domain-order .mdo-bump-check:focus-visible { outline: 3px solid #0E7C5A; outline-offset: 3px; }
.mwp-domain-order .mdo-bump-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 16px;
	background: #E3F4EC;
	color: #0E7C5A;
}
.mwp-domain-order .mdo-bump-visual-solid { background: #0E7C5A; color: #fff; }
.mwp-domain-order .mdo-bump-visual-brands { gap: 4px; flex-wrap: wrap; align-content: center; background: #fff; border: 2px solid #CDE9DC; }
.mwp-domain-order .mdo-bump-visual-brands svg { display: block; }
.mwp-domain-order .mdo-bump-visual-score { background: #0E7C5A; color: #fff; }
.mwp-domain-order .mdo-bump-visual-score .mdo-bump-seal { position: absolute; inset: 2px; width: 60px; height: 60px; stroke-width: 1.4; color: #6EE7B7; }
.mwp-domain-order .mdo-bump-score { position: relative; font-size: 15px; font-weight: 800; letter-spacing: -.01em; color: #fff; }
.mwp-domain-order .mdo-bump-name { font-size: 18px; line-height: 1.3; }
.mwp-domain-order .mdo-bump-desc { font-size: 15px; line-height: 1.5; }
.mwp-domain-order .mdo-bump-needs { font-size: 14px; }
.mwp-domain-order .mdo-bump-added {
	display: none;
	margin-left: 8px;
	padding: 2px 10px;
	border-radius: 999px;
	background: #0E7C5A;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	vertical-align: 2px;
}
.mwp-domain-order .mdo-bump.is-selected .mdo-bump-added { display: inline-block; }
.mwp-domain-order .mdo-bump-price { font-size: 24px; font-weight: 800; color: #0E7C5A; }
.mwp-domain-order .mdo-bump-price small { font-size: 14px; }
.mwp-domain-order .mdo-bump-from { font-size: 14px; }
.mwp-domain-order .mdo-bump-more { padding: 0 20px 20px 148px; }
.mwp-domain-order .mdo-bump-group { display: flex; align-items: center; gap: 8px; margin: 14px 0 6px; color: var(--mdo-dark); font-size: 14px; }
.mwp-domain-order .mdo-bump-group svg { flex: none; }
.mwp-domain-order .mdo-bump-plan { min-height: 48px; border-width: 1.5px; }
.mwp-domain-order .mdo-bump-plan.is-selected { background: #F1FAF6; }
.mwp-domain-order .mdo-bump-plan input { width: 20px; height: 20px; }
.mwp-domain-order .mdo-bump-rec {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 8px;
	border: 1px solid #0E7C5A;
	border-radius: 999px;
	color: #0E7C5A;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}
.mwp-domain-order .mdo-bumps-total { margin: 16px 0 0; font-size: 16px; }
.mwp-domain-order .mdo-bumps-total strong { color: #0E7C5A; font-size: 18px; }
@media (max-width: 560px) {
	.mwp-domain-order .mdo-bumps-head { align-items: flex-start; gap: 12px; padding: 16px; }
	.mwp-domain-order .mdo-bumps-head-ico { width: 40px; height: 40px; }
	.mwp-domain-order .mdo-bumps .mdo-bumps-head .mdo-form-title { font-size: 21px; }
	.mwp-domain-order .mdo-bumps-body { padding: 14px 12px 16px; }
	/* phones: name beside the visual, text and price below across the card */
	.mwp-domain-order .mdo-bump-main { grid-template-columns: 28px 52px minmax(0, 1fr); align-items: center; gap: 6px 12px; padding: 14px; }
	.mwp-domain-order .mdo-bump-body { display: contents; }
	.mwp-domain-order .mdo-bump-check { grid-column: 1; grid-row: 1; }
	.mwp-domain-order .mdo-bump-visual { grid-column: 2; grid-row: 1; }
	.mwp-domain-order .mdo-bump-name { grid-column: 3; grid-row: 1; }
	.mwp-domain-order .mdo-bump-desc,
	.mwp-domain-order .mdo-bump-needs { grid-column: 2 / -1; }
	.mwp-domain-order .mdo-bump-desc { margin-top: 4px; }
	.mwp-domain-order .mdo-bump-visual { width: 52px; height: 52px; border-radius: 14px; }
	.mwp-domain-order .mdo-bump-visual-brands svg { width: 20px; height: 20px; }
	.mwp-domain-order .mdo-bump-visual-solid svg { width: 28px; height: 28px; }
	.mwp-domain-order .mdo-bump-visual-score .mdo-bump-seal { width: 48px; height: 48px; }
	.mwp-domain-order .mdo-bump-score { font-size: 11.5px; }
	.mwp-domain-order .mdo-bump-name { font-size: 17px; }
	.mwp-domain-order .mdo-bump-price { grid-column: 2 / -1; margin-top: 2px; font-size: 21px; text-align: left; }
	.mwp-domain-order .mdo-bump-more { padding: 0 14px 16px; }
	.mwp-domain-order .mdo-bump-plan-name { font-size: 14px; }
}

/* [mwp_domain_hero size="large"]: the home page search (one white box with
   the green button inside) for any dark hero, e.g. /domains/. */
.mwp-domain-order.mdo-hero--large { max-width: 860px; margin: 0 auto 8px; }
.mwp-domain-order.mdo-hero--large .mdo-hero-label { text-align: center; font-size: 17px; margin-bottom: 12px; }
.mwp-domain-order.mdo-hero--large .mdo-hero-input { min-height: 72px; font-size: 21px; padding: 16px 24px; border-radius: 14px; }
.mwp-domain-order.mdo-hero--large .mdo-hero-btn { min-height: 72px; font-size: 19px; padding: 0 36px; border-radius: 14px; }
.mwp-domain-order.mdo-hero--large .mdo-hero-chips { justify-content: center; text-align: center; }
.mwp-domain-order.mdo-hero--large p.mdo-hero-chips { margin-top: 14px; font-size: 15px; color: rgba(255, 255, 255, .92); }
@media (max-width: 640px) {
	.mwp-domain-order.mdo-hero--large .mdo-hero-input,
	.mwp-domain-order.mdo-hero--large .mdo-hero-btn { min-height: 62px; font-size: 18px; }
}
@media (min-width: 641px) {
	.mwp-domain-order.mdo-hero--large .mdo-hero-form { gap: 0; padding: 8px; background: #fff; border: 2px solid #fff; border-radius: 18px; box-shadow: 0 18px 40px -14px rgba(0, 0, 0, .55); transition: border-color .15s ease, box-shadow .15s ease; }
	.mwp-domain-order.mdo-hero--large .mdo-hero-form:focus-within { border-color: #6EE7B7; box-shadow: 0 0 0 4px rgba(110, 231, 183, .45), 0 18px 40px -14px rgba(0, 0, 0, .55); }
	.mwp-domain-order.mdo-hero--large .mdo-hero-input,
	.mwp-domain-order.mdo-hero--large .mdo-hero-input:focus,
	.mwp-domain-order.mdo-hero--large .mdo-hero-input:focus-visible { flex: 1 1 240px; min-height: 64px; padding: 12px 18px; border: 0 !important; border-radius: 12px; outline: none !important; box-shadow: none; -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }
	.mwp-domain-order.mdo-hero--large .mdo-hero-btn { min-height: 64px; border-radius: 12px; box-shadow: none; }
	.mwp-domain-order.mdo-hero--large .mdo-hero-error { margin: 8px 0 0; }
}
/* Phones: the green button needs the white box around it too, or it melts
   into a deep green hero or sits loose on the home photo (home added 2026-09-29 evening). */
@media (max-width: 640px) {
	.mwp-domain-order.mdo-hero--large .mdo-hero-form,
	.wa-home-hero .mwp-domain-order .mdo-hero-form { gap: 6px; padding: 6px; background: #fff; border: 2px solid #fff; border-radius: 18px; transition: border-color .15s ease, box-shadow .15s ease; }
	.mwp-domain-order.mdo-hero--large .mdo-hero-form:focus-within,
	.wa-home-hero .mwp-domain-order .mdo-hero-form:focus-within { border-color: #6EE7B7; box-shadow: 0 0 0 4px rgba(110, 231, 183, .45); }
	.mwp-domain-order.mdo-hero--large .mdo-hero-input,
	.wa-home-hero .mwp-domain-order .mdo-hero-input,
	.mwp-domain-order.mdo-hero--large .mdo-hero-input:focus,
	.wa-home-hero .mwp-domain-order .mdo-hero-input:focus,
	.mwp-domain-order.mdo-hero--large .mdo-hero-input:focus-visible,
	.wa-home-hero .mwp-domain-order .mdo-hero-input:focus-visible { border: 0 !important; border-radius: 12px; outline: none !important; box-shadow: none; }
	.mwp-domain-order.mdo-hero--large .mdo-hero-btn,
	.wa-home-hero .mwp-domain-order .mdo-hero-btn { width: 100%; border-radius: 12px; }
	.mwp-domain-order.mdo-hero--large .mdo-hero-error,
	.wa-home-hero .mwp-domain-order .mdo-hero-error { margin: 2px 0 0; }
}

/* ======================================================================
   2026-09-29 (owner, plugin 1.4.4)
   ====================================================================== */

/* Hosting step: two clear categories. The plain purpose is the big heading,
   the technical name the line under it; lots of space and a thin line
   between the groups. (The line sits on the group ABOVE: a fieldset's own
   top border would be cut by its legend.) */
.mwp-domain-order .mdo-group-title { display: block; float: none; width: 100%; margin: 0 0 18px; }
.mwp-domain-order .mdo-group-name { display: block; color: var(--mdo-dark); font-size: 23px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; }
.mwp-domain-order .mdo-group-sub { display: block; margin-top: 6px; color: var(--mdo-text); font-size: 16px; font-weight: 500; line-height: 1.4; }
.mwp-domain-order .mdo-group-wordpress,
.mwp-domain-order .mdo-group-woo { margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid var(--mdo-border); }
.mwp-domain-order .mdo-group-none .mdo-group-name { font-size: 18px; font-weight: 700; }
.mwp-domain-order .mdo-group-none { margin-bottom: 18px; }
@media (min-width: 768px) {
	.mwp-domain-order .mdo-group-name { font-size: 28px; }
	.mwp-domain-order .mdo-group-wordpress,
	.mwp-domain-order .mdo-group-woo { margin-bottom: 60px; padding-bottom: 60px; }
	.mwp-domain-order .mdo-group-title { margin-bottom: 22px; }
}

/* Overview "Change domain / hosting / email" and the back buttons: obvious
   outline buttons, not small underlined text. */
.mwp-domain-order .mdo-change-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 14px 0 0; }
.mwp-domain-order .mdo-link-btn,
.mwp-domain-order .mdo-link-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 8px 18px;
	border: 1.5px solid var(--mdo-green);
	border-radius: var(--mdo-radius-btn);
	background: #fff;
	box-shadow: none;
	color: var(--mdo-green-dark);
	cursor: pointer;
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	text-transform: none;
	letter-spacing: normal;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.mwp-domain-order .mdo-link-back { margin: 0 0 14px; }
.mwp-domain-order .mdo-link-btn svg,
.mwp-domain-order .mdo-link-back svg { flex: none; }
@media (hover: hover) {
	.mwp-domain-order .mdo-link-btn:hover,
	.mwp-domain-order .mdo-link-back:hover { border-color: var(--mdo-green-dark); background: var(--mdo-bg-soft); color: var(--mdo-green-dark); }
}
.mwp-domain-order .mdo-link-btn:active,
.mwp-domain-order .mdo-link-back:active { transform: translateY(1px); }
.mwp-domain-order .mdo-link-btn:focus-visible,
.mwp-domain-order .mdo-link-back:focus-visible { outline: 3px solid var(--mdo-green); outline-offset: 2px; background: var(--mdo-bg-soft); }
@media (max-width: 559px) {
	.mwp-domain-order .mdo-change-row .mdo-link-btn { flex: 1 1 auto; }
}

/* Search results: a registry premium name, and a name we could not check. */
.mwp-domain-order .mdo-answer-card.is-premium { border-color: #E7C46B; background: var(--mdo-amber-bg); }
.mwp-domain-order .mdo-ans-status.is-premium { color: var(--mdo-amber); }
.mwp-domain-order .mdo-ans-status.is-premium > svg,
.mwp-domain-order .mdo-ans-status.is-unknown > svg { background: #fff; color: var(--mdo-amber); border: 1px solid #E7C46B; }
.mwp-domain-order .mdo-ans-status.is-unknown { color: var(--mdo-dark); }
.mwp-domain-order .mdo-ans-status.is-unknown > svg { color: var(--mdo-text); border-color: var(--mdo-border); }
.mwp-domain-order .mdo-ans-note { display: block; max-width: 56ch; color: var(--mdo-dark); font-size: 16px; line-height: 1.5; }
.mwp-domain-order .mdo-answer-card .mdo-dc-price.mdo-dc-price-tbc { color: var(--mdo-dark); font-size: 16px; font-weight: 700; }
.mwp-domain-order .mdo-dc-usual { margin: 0 4px 0 0; color: var(--mdo-text); font-size: 15px; font-weight: 600; }
.mwp-domain-order .mdo-btn-outline.mdo-ans-btn-2 { min-width: 150px; min-height: 48px; padding: 10px 26px; font-size: 16px; }
.mwp-domain-order .mdo-dc-status.mdo-status-premium { background: var(--mdo-amber-bg); color: var(--mdo-amber); }
.mwp-domain-order .mdo-dc-status.mdo-status-premium svg { color: var(--mdo-amber); }
@media (max-width: 559px) {
	.mwp-domain-order .mdo-btn-outline.mdo-ans-btn-2 { flex: 1 1 100%; }
}
@media (min-width: 768px) {
	.mwp-domain-order .mdo-answer-card .mdo-ans-note { grid-column: 1; grid-row: 3; margin-top: 4px; }
	.mwp-domain-order .mdo-answer-card.is-premium .mdo-dc-foot,
	.mwp-domain-order .mdo-answer-card.is-manual .mdo-dc-foot { grid-row: 1 / 4; }
}
.mwp-domain-order .mdo-ans-note a { color: var(--mdo-green); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }