/* ===== Forms — final typography fix ===== */

.form{
  font-weight: 400; /* RESET clar */
}

/* LABELS */
.form label{
  font-size: 12px;
  font-weight: 500;       /* mai subțire decât 600 */
  color: var(--text);
}

/* INPUTS / SELECT / TEXTAREA */
.form input,
.form select,
.form textarea{
  width:100%;
  border: 1px solid rgba(16,18,24,.14);
  border-radius: 12px;
  padding: 10px 12px;

  font-family: inherit;
  font-size: 13px;
  font-weight: 400;       /* 🔑 CHEIA */
  line-height: 1.45;

  color: var(--text);
  background: #fff;

  -webkit-font-smoothing: antialiased;
}

/* PLACEHOLDER (foarte important) */
.form input::placeholder,
.form textarea::placeholder{
  font-weight: 400;
  color: var(--muted);
}

/* SELECT */
.form select{
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #888 50%),
    linear-gradient(135deg, #888 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 13px) calc(50% - 3px);
  background-size: 5px 5px;
  background-repeat: no-repeat;
}