/* =============================================================
   Automania — register.css
   Register-only extras on top of login.css — the UAE phone
   field with the +971 dial-code chip.
   ============================================================= */

.phone-field { display: flex; }
.phone-field__code {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  flex: 0 0 auto;
  padding-inline: var(--space-md);
  background: var(--color-bg-soft);
  border: 1px solid var(--color-border);
  border-inline-end: none;
  border-start-start-radius: var(--radius-md);
  border-end-start-radius: var(--radius-md);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  white-space: nowrap;
}
.phone-field__code .flag { font-size: var(--fs-base); line-height: 1; }
.phone-field .form-control {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}