/* Site layout overrides for scwidget (local /w or CDN). */

.scw-strip__grid .scwidget {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  box-sizing: border-box;
  padding: 12px 14px !important;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
}

.scw-strip__grid .scwidget.scw-view-small {
  width: 100% !important;
}

.scw-strip__grid .scwidget.scw-view-quote {
  width: 100% !important;
  min-height: 100%;
  padding: 14px 16px 12px !important;
  background: #fff !important;
  border: 1px solid var(--border, #EAECEF) !important;
  box-shadow: none !important;
}

.scw-strip__grid .scwidget .scw-wrap .scw-wrap-right {
  width: 72px;
}

.scw-strip__grid .scwidget .scw-tick {
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
}

.scw-strip__grid .scwidget .scw-amount {
  font-size: 1.05rem;
}

.scw-strip__grid .scwidget.scw-view-quote .scw-tick {
  font-size: 0.9rem;
}

.scw-strip__grid .scwidget.scw-view-quote .scw-last {
  font-size: clamp(1.2rem, 1.5vw, 1.4rem);
}

.scw-strip__grid .scwidget.scw-view-quote .scw-desc {
  font-size: 0.72rem;
}

.scw-strip__grid .scwidget.scw-view-quote .scw-ba,
.scw-strip__grid .scwidget.scw-view-quote .scw-spread-row {
  font-size: 0.72rem;
}

.scw-strip__grid .scwidget.scw-view-quote .scw-ba span {
  font-size: 0.8rem;
}

.scw-strip__grid .scwidget.scw-view-quote .scw-spark {
  height: 40px;
}

.scw-strip__grid .scwidget.scw-view-quote .scw-spark-svg {
  height: 40px;
}
