/**
 * Limud Naim Search (intl / English) — minimal styling on top of Bulma.
 * Layout/spacing come from Bulma helpers; this only covers what Bulma can't.
 */

.ln-search-picker { margin-bottom: 1.5rem; }
.ln-subject-cards { margin-bottom: 1rem; }
.ln-subject-card.is-active { background-color: #ff9c01; color: #fff; border-color: #ff9c01; }

/* Avatar: image or initial fallback, fixed square so cards align. */
.ln-result-avatar img,
.ln-avatar-fallback {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ln-avatar-fallback {
  background: #ffe8c2;
  color: #b5660a;
  font-weight: 700;
  font-size: 1.25rem;
}

.ln-result { height: 100%; }
.ln-result-quote {
  color: #4a4a4a;
  font-style: italic;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Mobile-first: subject cards/form wrap and stay tappable (>=32px). */
@media screen and (max-width: 480px) {
  .ln-subject-form .select,
  .ln-subject-form .select select { width: 100%; }
  .ln-result-avatar img,
  .ln-avatar-fallback { width: 48px; height: 48px; }
}