/**
 * Shared Dream444-style sports event row — home + inplay.
 */

.lion-sports-event-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--dashboard-cmp-bg, #fff);
}

.lion-sports-event-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 38px;
  padding: 6px 4px 6px 8px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--markets-border-bottom, #c8ced3);
  background: var(--dashboard-cmp-bg, #fff);
  gap: 4px;
}

.lion-sports-event-main {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.lion-sports-event-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  line-height: 1.25;
}

.lion-sports-event-name {
  display: inline;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--markets-text-color, #2789ce);
  text-decoration: none !important;
  cursor: pointer;
  word-break: break-word;
  white-space: normal;
}

.lion-sports-event-name:hover,
.lion-sports-event-name:focus {
  color: var(--markets-text-color, #2789ce);
  text-decoration: none !important;
}

.lion-sports-event-status {
  display: inline;
  color: var(--dashboard-cmp-in_play-color, #508d0e);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
}

.lion-sports-event-time {
  display: block;
  margin: 2px 0 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--markets-dateTime-color, #888);
}

.lion-sports-event-badges {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  white-space: nowrap;
  padding: 0 2px;
}

.lion-sports-event-badges .game-bookmakers,
.lion-sports-event-badges .game-fancy,
.lion-sports-event-badges .game-sportbook {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  font-style: italic;
  border-radius: 4px;
  line-height: 1.2;
  vertical-align: top;
}

.lion-sports-event-badges .game-bookmakers {
  padding: 0 5px 0 2px;
  background: linear-gradient(-180deg, #315195, #14213d);
  color: #fff;
  letter-spacing: -1px;
}

.lion-sports-event-badges .game-fancy {
  padding: 0 5px;
  background: var(--markets-fancy-icon-bg, #0a92a5);
  color: var(--markets-fancy-text, #fff);
}

.lion-sports-event-badges .game-sportbook {
  padding: 0 5px;
  background: var(--markets-sportsbook-bg, linear-gradient(-180deg, #2e8b57, #1b5e20));
  color: var(--markets-sportsbook-text, #fff);
}

.lion-sports-event-badges .fancy-not-exist {
  display: inline-block;
  width: 18px;
}

.lion-sports-event-pin {
  flex: 0 0 28px;
  width: 28px;
  min-width: 28px;
  max-width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  color: var(--markets-pin-color, #666);
  cursor: pointer;
  line-height: 0;
}

.lion-sports-event-pin svg {
  width: 22px;
  height: 22px;
  display: block;
}

.lion-sports-list-message {
  padding: 20px 12px;
  text-align: center;
  color: #888;
  font-size: 13px;
}

.lion-inplay-section .lion-sports-event-list {
  border-bottom: 1px solid var(--markets-border-bottom, #c8ced3);
}

body.lion-route-inplay .lion-sports-event-row,
body.lion-route-sports .lion-sports-event-row {
  background: var(--dashboard-cmp-bg, #fff);
}

@media screen and (max-width: 991px) {
  .lion-sports-event-name {
    font-size: 13px;
  }

  .lion-sports-event-status {
    font-size: 11px;
  }

  .lion-sports-event-pin svg {
    width: 20px;
    height: 20px;
  }
}