/* ------------------------------
   Reusable UI components
   ------------------------------ */

/* Chips */
.chip{
  display:inline-flex; align-items:center; gap:.4rem;
  background:#fff; color:var(--ink);
  border:1px solid var(--border);
  padding:.35rem .6rem; border-radius:999px;
  font-size:.85rem; font-weight:600;
  box-shadow: var(--shadow-sm);
}
.hero-gradient .chip{
  background: rgba(255,255,255,.12);
  color:#fff; border-color: rgba(255,255,255,.25);
}

/* Flow row spacing */
.flow .chip{ margin:.25rem .125rem; }

/* Cards */
.card-soft h5{ font-weight:700; }
.card-soft ul{ padding-left:1.1rem; }

/* Icon + text pairs */
.media .rounded-circle{ box-shadow: var(--shadow-sm); }

/* Shadows */
.shadow-soft{ box-shadow: var(--shadow-md)!important; }

/* Inputs with icons */
.input-group-text{
  background:#fff; color:var(--ink-500);
}

/* Alerts override (success/error banners on submit) */
.alert{
  border-radius:12px; border:1px solid var(--border);
}

/* Small helpers */
.bg-white{ background:#fff!important; }
.rounded-3{ border-radius: var(--radius)!important; }
.no-gutters{ margin-right:0; margin-left:0; }
.no-gutters > [class*='col-']{ padding-right:0; padding-left:0; }