/* ============================================================
   EVERMORE GLOBAL INPUT FIELD
   ============================================================ */

.fg {
  display: flex;
  flex-direction: column;
  gap: 6px;

  /* Small padding under each input group */
  margin-bottom: 16px;
}

.fg label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--ink-700);
}

/* Unified Input Styling */
.fg input,
.fg select,
.fg textarea {
  width: 100%;
  padding: 12px 14px;

  background: var(--white);
  color: var(--ink);

  border: 1px solid var(--border-light);
  border-radius: 10px;

  font-size: 0.95rem;
  font-family: inherit;

  transition: 0.2s ease;
}

/* Focus */
.fg input:focus,
.fg select:focus,
.fg textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(58, 108, 217, 0.15);
  outline: none;
}

/* Textarea */
.fg textarea {
  min-height: 120px;
  resize: vertical;
}

/* Required indicator */
.fg label.required::after {
  content: "*";
  margin-left: 4px;
  color: var(--accent);
}

/* Grid helper */
.fg.full {
  grid-column: span 2;
}

@media (max-width: 768px) {
  .fg.full {
    grid-column: span 1;
  }
}

/* Force white background for all inputs */
.fg input,
.fg select,
.fg textarea {
    background-color: #ffffff;
}