/* ==========================================================================
   tire-search-form.css — نموذج بحث الإطارات بالمقاس
   ========================================================================== */

.tire-search-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}

/* خطوة: رأس (رقم + تسمية) + حقل */
.tire-search-form__step {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.tire-search-form__step-head {
  display: flex;
  align-items: center;
  gap: var(--space-8);
}

/* رقم الخطوة — مربع عنابي */
.tire-search-form__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--space-32);
  height: var(--space-32);
  border-radius: var(--radius-sm);
  background-color: var(--color-primary);
  color: var(--color-text-invert);
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  flex-shrink: 0;
}

/* تسمية الخطوة */
.tire-search-form__label {
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  color: var(--color-text);
}

/* رسالة خطأ عند الإرسال بدون اختيار أي مقاس */
.tire-search-form__error {
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: var(--color-error);
  text-align: start;
}