/* ==========================================================================
   Уніфікація стилю невеликих форм сайту (client-name/client-phone у
   блоках "Замовити зараз", поля "Кількість"/"Адреса" у модалці
   "Уточнити наявність") з формою кошика й віджетом Нової Пошти.

   Навмисно чіпає лише косметику (рамка, скруглення, фокус) і НЕ чіпає
   width/height/padding/display/фон - ці властивості вже керуються
   основною темою (css/style.css) і їх легко зламати наосліп. Змінні
   --np-* беруться з css/nova-poshta.css (підключений на цих самих
   сторінках), тому колір рамки й фокус-кільце завжди будуть
   ідентичні полям кошика й Нової Пошти.
   ========================================================================== */
.send-form input[type="text"],
.send-form input[type="tel"],
.send-form input[type="email"],
.send-form .name {
  border: 1.5px solid var(--np-line, #E5E8ED);
  border-radius: var(--np-radius-sm, 8px);
  font-family: inherit;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.send-form input[type="text"]:focus,
.send-form input[type="tel"]:focus,
.send-form input[type="email"]:focus,
.send-form .name:focus {
  outline: none;
  border-color: var(--np-ink, #1B222C);
  box-shadow: 0 0 0 3px var(--np-focus-ring, rgba(27,34,44,.16));
}