/* Wekeza Markets — front-end styles. Scoped under .wm-* so they inherit the
   active theme's typography but keep the market widgets self-contained. */

.wm-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin: 0 0 20px;
}
.wm-card {
  background: #fff;
  border: 1px solid #e1e8f0;
  border-radius: 10px;
  padding: 14px 16px;
}
.wm-label {
  font-size: 12px;
  color: #6b7a90;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.wm-value { font-size: 20px; font-weight: 700; margin-top: 4px; color: #233044; }
.wm-sub { font-size: 12px; color: #6b7a90; margin-top: 2px; }

.wm-up { color: #14934a; font-weight: 600; }
.wm-down { color: #d6232f; font-weight: 600; }
.wm-flat { color: #b58a00; font-weight: 600; }

.wm-panel {
  background: #fff;
  border: 1px solid #e1e8f0;
  border-radius: 10px;
  padding: 16px;
  margin: 0 0 20px;
}
.wm-title { margin: 0 0 10px; font-size: 15px; color: #0b2e4f; }
.wm-chart-wrap { position: relative; width: 100%; min-width: 0; }

.wm-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 782px) { .wm-grid2 { grid-template-columns: 1fr; } }

/* Ticker */
.wm-ticker {
  overflow: hidden;
  background: #0b2e4f;
  border-radius: 8px;
  padding: 8px 0;
  margin: 0 0 18px;
  white-space: nowrap;
}
.wm-ticker-track {
  display: inline-block;
  animation: wm-marquee 45s linear infinite;
}
.wm-ticker:hover .wm-ticker-track { animation-play-state: paused; }
.wm-tick { color: #fff; font-size: 14px; margin: 0 18px; }
@keyframes wm-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Movers */
.wm-movers-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0 0 20px; }
@media (max-width: 600px) { .wm-movers-wrap { grid-template-columns: 1fr; } }
.wm-movers-col { background: #fff; border: 1px solid #e1e8f0; border-radius: 10px; padding: 14px 16px; }
.wm-movers-h { margin: 0 0 8px; font-size: 14px; color: #0b2e4f; }
.wm-movers { list-style: none; margin: 0; padding: 0; }
.wm-movers li {
  display: flex; justify-content: space-between; gap: 10px;
  padding: 6px 0; border-bottom: 1px solid #f0f4f8; font-size: 14px;
}
.wm-movers li:last-child { border-bottom: 0; }
.wm-sym { font-weight: 700; color: #233044; }
.wm-px { color: #6b7a90; margin-left: auto; margin-right: 12px; }

/* Table */
.wm-table-wrap { overflow-x: auto; margin: 0 0 20px; }
.wm-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wm-table th {
  background: #1789c6; color: #fff; padding: 9px 8px; text-align: right; white-space: nowrap;
}
.wm-table th:first-child, .wm-table td:first-child { text-align: left; }
.wm-table td { padding: 8px; border-bottom: 1px solid #e1e8f0; text-align: right; white-space: nowrap; }
.wm-table tr:nth-child(even) td { background: #f8fbfd; }

.wm-unavailable {
  background: #fdf6ec; border: 1px solid #f0d9a8; color: #8a6d3b;
  padding: 12px 16px; border-radius: 8px; margin: 0 0 20px; font-size: 14px;
}