/* =====================================================================
   Barquecon IoT — Solutions / Use-Cases additions
   Small layer on top of bqt.css for things it doesn't already provide.
   ===================================================================== */

/* two-column split (industry framing, narrative + image) */
.sol-split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
@media (max-width: 768px) { .sol-split { grid-template-columns: 1fr; } }

/* capability card with gold top border */
.sol-cap-card { border-top: 3px solid var(--gold); }

/* industry chips ("Used in" on product pages, tags on cards) */
.sol-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sol-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: .32rem .75rem; border-radius: 40px;
  background: rgba(241, 182, 33, .14); color: var(--gold-dark);
  font-size: .78rem; font-weight: 600; transition: all var(--ease);
}
a.sol-chip:hover { background: var(--gold); color: var(--navy); }
.sol-chip i { font-size: .72rem; }

/* "Used in" label row */
.sol-usedin { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.sol-usedin > span { color: var(--muted); font-size: .82rem; font-weight: 600; }

/* ---- Use Cases gallery -------------------------------------------- */
.uc-filters { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 36px; }
.uc-filter {
  border: 1px solid var(--line); background: var(--white); color: var(--ink);
  font-family: inherit; font-size: .82rem; font-weight: 600;
  padding: .5rem 1rem; border-radius: 40px; cursor: pointer; transition: all var(--ease);
}
.uc-filter:hover { border-color: var(--gold); color: var(--gold-dark); }
.uc-filter.is-active { background: var(--gold); border-color: var(--gold); color: var(--navy); }

.uc-card { transition: opacity .25s ease, transform var(--ease), box-shadow var(--ease); }
.uc-card .uc-tagline { color: var(--gold-dark); font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }