/* Vérificateur de domaine de /hosting/ (L6-10) : jetons --kmb-…, cibles tactiles d'au moins 44 px, aucun défilement horizontal à 360 px. */

.kmb-domain {
	display: grid;
	gap: var(--kmb-space-4);
	max-width: 42rem;
	margin-inline: auto;
}

.kmb-domain__form {
	display: grid;
	gap: var(--kmb-space-3);
}

.kmb-domain__field {
	display: grid;
	gap: var(--kmb-space-1);
}

.kmb-domain__label {
	font-weight: var(--kmb-fw-semibold);
	color: var(--kmb-ink-900);
}

.kmb-domain__input {
	min-height: 44px;
	width: 100%;
	padding: var(--kmb-space-2) var(--kmb-space-3);
	border: 1px solid var(--kmb-field-border);
	border-radius: var(--kmb-radius-md);
	font: inherit;
	font-size: 1rem;
	color: var(--kmb-ink-900);
	background: var(--kmb-surface-0);
}

.kmb-domain__submit {
	min-height: 44px;
	justify-self: start;
}

.kmb-domain__status {
	min-height: 1.5em;
	color: var(--kmb-ink-600);
	margin: 0;
}

.kmb-domain__alert {
	margin: 0;
	padding: var(--kmb-space-3);
	border-radius: var(--kmb-radius-md);
	background: var(--kmb-brand-50);
	color: var(--kmb-ink-900);
	display: grid;
	gap: var(--kmb-space-2);
}

.kmb-domain__alert[hidden] {
	display: none;
}

.kmb-domain__results,
.kmb-domain__variants {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--kmb-space-2);
}

.kmb-domain__row {
	display: grid;
	gap: var(--kmb-space-1);
	padding: var(--kmb-space-3);
	border: 1px solid var(--kmb-line-200);
	border-radius: var(--kmb-radius-md);
	background: var(--kmb-surface-0);
	overflow-wrap: anywhere;
}

.kmb-domain__name {
	font-size: 1.05rem;
	color: var(--kmb-ink-900);
}

.kmb-domain__verdict {
	font-weight: var(--kmb-fw-medium);
}

.kmb-domain__row--taken .kmb-domain__verdict {
	color: var(--kmb-danger-700);
}

.kmb-domain__row--available .kmb-domain__verdict {
	color: var(--kmb-brand-700);
}

.kmb-domain__notice,
.kmb-domain__prices {
	font-size: var(--kmb-fs-small);
	color: var(--kmb-ink-600);
}

.kmb-domain__buy {
	min-height: 44px;
	justify-self: start;
}

@media (prefers-reduced-motion: reduce) {
	.kmb-domain * {
		transition: none;
	}
}

/* Résultats et variantes : aucune place réservée tant qu'il n'y a rien à afficher. */
.kmb-domain__results:not(:has(> li)),
.kmb-domain__variants:not(:has(> li)) {
	display: none;
}