/* 맨즈벳 — 스포츠 경기 검색 화면
   공지 시트(.ess-sheet)의 기본 골격을 그대로 쓰고, 스포츠 전용 클래스만 추가한다. */

.ess-sports__form{display:flex;gap:8px;padding:12px 20px 0}
.ess-sports__input{
  flex:1 1 auto;min-width:0;height:40px;padding:0 12px;box-sizing:border-box;
  background:#1a1610;border:1px solid #3a3226;border-radius:4px;
  color:#f3e7cd;font-size:14px;font-family:inherit;
}
.ess-sports__input::placeholder{color:#8d8677}
.ess-sports__input:focus{outline:none;border-color:#cda968}
.ess-sports__submit{
  flex:0 0 auto;width:44px;height:40px;padding:0;
  border:1px solid #cda968;border-radius:4px;background:#cda968;color:#101010;
  font-size:15px;line-height:1;cursor:pointer;
}
.ess-sports__submit:hover{background:#e3c489}

.ess-sports__count{padding:14px 2px 10px;font-size:12px;color:#8d8677}

/* 검색 결과 목록 */
.ess-sports__list{list-style:none;margin:0;padding:0;border-top:1px solid #2a241b}
.ess-sports__list li{border-bottom:1px solid #23201a}
.ess-sports__row{display:block;padding:12px 4px;text-decoration:none;color:#e6e6e6}
.ess-sports__row:hover{background:#171310}
.ess-sports__meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#8d8677;margin-bottom:5px}
.ess-sports__sport{flex:0 0 auto;color:#cda968;font-weight:700}
.ess-sports__league{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ess-sports__teams{display:block;font-size:14px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.ess-sports__vs{margin:0 7px;font-size:11px;color:#8d8677}
.ess-sports__when{display:block;margin-top:5px;font-size:12px;color:#b99a61;font-variant-numeric:tabular-nums}

/* 배당 보기 */
.ess-sports__view{padding:4px 2px}
.ess-sports__ttl{margin:0 0 8px;font-size:17px;line-height:1.45;color:#f0d49b;word-break:keep-all;overflow-wrap:anywhere}
.ess-sports__time{display:block;margin-bottom:16px;font-size:12px;color:#8d8677}
.ess-sports__markets{display:flex;flex-direction:column;gap:8px}

.ess-market{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;background:#151109;border:1px solid #2a241b;border-radius:4px;
}
.ess-market__name{flex:1 1 auto;min-width:0;font-size:13px;color:#cfc6b6;word-break:keep-all}
.ess-market__line{margin-left:6px;font-size:12px;color:#8d8677}
.ess-market__odds{display:flex;gap:6px;flex:0 0 auto}

.ess-odd{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:58px;padding:6px 8px;background:#241d13;border:1px solid #3a3226;border-radius:4px;
}
.ess-odd b{font-size:10px;font-weight:400;color:#8d8677;line-height:1.2}
.ess-odd i{font-style:normal;font-size:13px;font-weight:700;color:#f0d49b;font-variant-numeric:tabular-nums}
.ess-odd.is-empty i{color:#5c564a}

.ess-sports__note{margin:12px 0 0;font-size:12px;line-height:1.6;color:#8d8677}

/* 화면 스크롤 잠금 (공지 시트와 클래스를 분리해 서로 간섭하지 않게) */
body.ess-sports-open{overflow:hidden}

@media(max-width:767px){
  .ess-sports__form{padding:10px 14px 0}
  .ess-sports__input{height:38px;font-size:13px}
  .ess-sports__submit{width:40px;height:38px}
  .ess-sports__row{padding:12px 2px}
  .ess-sports__teams{font-size:13px}
  .ess-sports__ttl{font-size:15px}
  .ess-market{flex-direction:column;align-items:stretch;gap:8px}
  .ess-market__odds{justify-content:space-between}
  .ess-odd{flex:1 1 0;min-width:0}
}
/* ---------- 로비 좌측: 인기 스포츠 리스트 / 최신 인기게임 ---------- */
/* 실제 경기가 없는 종목은 감춘다. (템플릿 수치를 0 으로 남겨 두지 않는다) */
.snb_sp_box .btn_snb_sp.is-off { display: none; }

/* 팀명이 길어도 사이드바 폭을 밀지 않도록 말줄임 처리 */
.five_spo .five_game { overflow: hidden; }
.five_spo .five_team_box { min-width: 0; flex: 1 1 auto; }
.five_spo .five_team_box span {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.five_spo .five_empty {
  padding: 12px 10px;
  color: #9a9a9a;
  font-size: 12px;
  text-align: center;
}