/* Тема «Кошелёк (B)»: стримеры. Mobile-first, макет LK-Streams. */

html.dark.lk-theme-wallet .lk-b-st {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 1180px;
  margin: 0 auto;
  padding:16px 12px 24px !important;
  box-sizing: border-box;
  font-family:var(--lk-font, "Onest", system-ui, sans-serif) !important;
  color:#ececee !important;
}
html.dark.lk-theme-wallet .lk-b-st-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}
html.dark.lk-theme-wallet .lk-b-st-title {
  margin: 0;
  font-family:var(--lk-display, "Unbounded", sans-serif) !important;
  font-size:24px !important;
  font-weight:700 !important;
}
html.dark.lk-theme-wallet .lk-b-st-lead { margin: 4px 0 0; color: #a6a7ad; }
html.dark.lk-theme-wallet .lk-b-st-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding:0 18px !important;
  border-radius:14px !important;
  border:0 !important;
  background:#f2b94b !important;
  color: #1a1408 !important;
  font: inherit;
  font-weight:700 !important;
  text-decoration: none !important;
  cursor: pointer;
}
html.dark.lk-theme-wallet .lk-b-st-btn:hover { background: #ffd27a; }
html.dark.lk-theme-wallet .lk-b-st-btn:focus-visible { outline: 2px solid #f2b94b; outline-offset: 2px; }

html.dark.lk-theme-wallet .lk-b-st-flash { padding: 12px 14px; border-radius: 14px; }
html.dark.lk-theme-wallet .lk-b-st-flash.is-ok { background: #173326; color: #e3f6ea; }
html.dark.lk-theme-wallet .lk-b-st-flash.is-err { background: #3a1d1b; color: #ffd9d5; }

html.dark.lk-theme-wallet .lk-b-st-subtitle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 0;
  font-size:16px !important;
  font-weight:700 !important;
}
html.dark.lk-theme-wallet .lk-b-st-live-dot { width: 10px; height: 10px; border-radius: 50%; background: #e5534b; box-shadow: 0 0 0 4px rgba(229, 83, 75, .2); }

html.dark.lk-theme-wallet .lk-b-st-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
html.dark.lk-theme-wallet .lk-b-st-card {
  border-radius:20px !important;
  overflow: hidden;
  border:1px solid #2c2d33 !important;
  background:#1d1e23 !important;
  display: flex;
  flex-direction: column;
}
html.dark.lk-theme-wallet .lk-b-st-player {
  position: relative;
  aspect-ratio: 16 / 9;
  max-width: 100%;
  background:#26272c !important;
}
html.dark.lk-theme-wallet .lk-b-st-player iframe,
html.dark.lk-theme-wallet .lk-b-st-player video,
html.dark.lk-theme-wallet .lk-b-st-player > div {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border:0 !important;
}
html.dark.lk-theme-wallet .lk-b-st-badge {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  padding:3px 8px !important;
  border-radius:6px !important;
  background:#c2362f !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  pointer-events: none;
}
html.dark.lk-theme-wallet .lk-b-st-card__body { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px 14px; min-width: 0; }
html.dark.lk-theme-wallet .lk-b-st-card__link { color: #a6a7ad !important; font-size: 13px; overflow-wrap: anywhere; }

html.dark.lk-theme-wallet .lk-b-st-empty {
  padding:22px !important;
  border-radius:20px !important;
  border:1px dashed #3a3b42 !important;
  color:#a6a7ad !important;
  text-align: center;
}

html.dark.lk-theme-wallet .lk-b-st-apply {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding:18px !important;
  border-radius:22px !important;
  border:1px solid #2c2d33 !important;
  background:#1d1e23 !important;
  scroll-margin-top: 140px;
}
html.dark.lk-theme-wallet .lk-b-st-apply__copy h2 { margin: 0 0 6px; font-size: 20px; }
html.dark.lk-theme-wallet .lk-b-st-apply__copy p { margin: 0; color: #a6a7ad; }
html.dark.lk-theme-wallet .lk-b-st-form { display: flex; flex-direction: column; gap: 8px; }
html.dark.lk-theme-wallet .lk-b-st-form label { color: #a6a7ad; font-weight: 600; }
html.dark.lk-theme-wallet .lk-b-st-form input {
  min-height: 46px;
  padding:0 14px !important;
  border-radius: 12px !important;
  background: #131417 !important;
  border: 1px solid #3a3b42 !important;
  color: #ececee !important;
  font: inherit;
}
html.dark.lk-theme-wallet .lk-b-st-form input[aria-invalid="true"] { border-color: #ff8f86 !important; }
html.dark.lk-theme-wallet .lk-b-st-form hr { display: none; }
html.dark.lk-theme-wallet .lk-b-st-form .lk-b-st-btn { margin-top: 6px; width: 100%; }
html.dark.lk-theme-wallet .lk-b-st-error { color: #ffb3ab; font-size: 13px; }
html.dark.lk-theme-wallet .lk-b-st-guest { margin: 0; color: #a6a7ad; }
html.dark.lk-theme-wallet .lk-b-st-guest a { color: #f2b94b; }

@media (min-width: 640px) {
  html.dark.lk-theme-wallet .lk-b-st { padding: 24px 20px 32px; }
  html.dark.lk-theme-wallet .lk-b-st-title { font-size: 28px; }
  html.dark.lk-theme-wallet .lk-b-st-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  html.dark.lk-theme-wallet .lk-b-st-apply { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 24px; align-items: start; }
}
@media (min-width: 1024px) {
  html.dark.lk-theme-wallet .lk-b-st-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}