/* Center¨¨ custom match title */
h3.headline.detail__headline--golf {
    justify-content: center;     /* center inside flex */
    text-align: center;
    margin: 10px 0 16px;
}

.wcl-infoItem_sn0-5{
 font-size: 14px;   
}

/* ---------- Custom URL player loader (match.html only) ---------- */
#tvCoveragePlayer{ position: relative; }

.tvPlayerWrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
}

.tvPlayerIframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.tv-loading-screen{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  background: #000;
  transition: opacity .35s ease;
}
.tv-loading-screen.hidden{
  opacity: 0;
  pointer-events: none;
}

.tv-loading-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-align: center;
  padding: 16px;
}

.tv-loading-logo{
  width: 140px;
  height: 140px;
  display: grid;
  place-items: center;
  animation: tvPulse 2s ease-in-out infinite;
}

.tv-loading-logo svg{
  width: 100% !important;
  height: 100% !important;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

@keyframes tvPulse{
  0%,100% { filter: drop-shadow(0 0 40px rgba(255,215,0,.35)); }
  50%     { filter: drop-shadow(0 0 65px rgba(255,215,0,.55)); }
}

.tv-loading-msg{
  font-size: 14px;
  color: rgba(255,255,255,.75);
  min-height: 18px;
}

.tv-loading-progress{
  width: 220px;
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  background: rgba(255,255,255,.12);
}

.tv-loading-progress-bar{
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #ff0046, #53b3ff);
  animation: tvProgress 3s ease-in-out infinite;
}

@keyframes tvProgress{
  0%{ width:0%; }
  60%{ width:75%; }
  100%{ width:100%; }
}

@media (max-width:768px){
  .tv-loading-logo{ width: 115px; height: 115px; }
  .tv-loading-progress{ width: 170px; }
}
@media (max-width:480px){
  .tv-loading-logo{ width: 95px; height: 95px; }
  .tv-loading-progress{ width: 150px; }
}

/* ===============================
   MATCH CHAT (scoped) — match.html
   =============================== */
#matchChat{
  margin-top: 12px;
  width: 100%;
  background: var(--color-combination-9);
  border: 1px solid var(--color-row-border, var(--color-support-1));
  border-radius: 12px;
  overflow: hidden;
}

#matchChat .matchChat__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 12px 12px;
  border-bottom: 1px solid var(--color-row-border, var(--color-support-1));
}

#matchChat .matchChat__title{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

#matchChat .matchChat__titleRow{
  display:flex;
  align-items:baseline;
  gap:8px;
  min-width:0;
}

#matchChat .matchChat__titleText{
  font-weight: 900;
  letter-spacing: .2px;
  color: var(--color-support-4);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#matchChat .matchChat__count{
  font-size: 12px;
  opacity: .85;
  color: var(--color-support-4);
  white-space:nowrap;
}

#matchChat .matchChat__subtitle{
  font-size: 12px;
  opacity: .85;
  color: var(--color-support-4);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#matchChat .matchChat__body{
  height: 360px;
  max-height: 50vh;
  padding: 10px 10px;
  background: var(--color-combination-9);
}

#matchChat .matchChat__messages{
  height: 100%;
  overflow: auto;
  padding: 6px;
}

#matchChat .msg{
  padding: 3px 2px;
  line-height: 1.25;
  font-size: 14px;
  color: var(--color-support-4);
  word-break: normal;
  overflow-wrap: anywhere;
}

#matchChat .name{
  font-weight: 800;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: var(--color-primary-2);
}

#matchChat .colon{ opacity:.85; margin-right: 6px; }
#matchChat .system{ opacity:.85; font-style: italic; }

#matchChat .chatLink{
  color: var(--color-primary-2);
  text-decoration: underline;
  font-weight: 700;
}
#matchChat .chatLink:hover{
  text-decoration: none;
  opacity: .9;
}

#matchChat .matchChat__footer{
  padding: 10px 12px 12px;
  border-top: 1px solid var(--color-row-border, var(--color-support-1));
  background: var(--color-combination-9);
}

#matchChat .matchChat__row{
  display: grid;
  grid-template-columns: 1fr 118px;
  gap: 10px;
  align-items: center;
  width: 100%;
}

#matchChat input{
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid var(--color-row-border, var(--color-support-1));
  background: var(--color-combination-11);
  color: var(--color-support-4);
  outline: none;
  min-width: 0;
}

#matchChat button.matchChat__btn{
  height: 40px;
  width: 118px;
  min-width: 118px;
  padding: 0 14px;
  border-radius: 10px;
  border: 0;
  font-weight: 900;
  cursor: pointer;
  background: var(--color-button-primary-solid-background-base);
  color: var(--color-button-primary-solid-fill-base);
  justify-self: end;
}

#matchChat button.matchChat__btn:hover{
  background: var(--color-button-primary-solid-background-hover);
  color: var(--color-button-primary-solid-fill-hover);
}

#matchChat .hidden{ display:none !important; }

@media (max-width: 768px){
  #matchChat .matchChat__body{ height: 300px; }
  #matchChat .msg{ font-size: 13px; }
}
/* iOS Safari: prevent auto-zoom on focus */
#matchChatMessage input,
#matchChatMessage textarea{
  font-size: 16px;
}


#chatDrawer #liveChat{
  overscroll-behavior: contain;
}
/* optional: only on small screens */
@media (max-width: 899px){
  #matchChat input,
  #matchChatMessage textarea{
    font-size: 16px;
  }
}