/* OBS YouTube Live Chat Overlay */
/* 透明背景 */
html, body,
yt-live-chat-app,
yt-live-chat-renderer,
yt-live-chat-item-list-renderer,
#item-scroller,
#items {
  background: transparent !important;
  background-color: transparent !important;
}

body {
  margin: 0 !important;
  overflow: hidden !important;
}

/* 隱藏 YouTube 原生介面 */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer,
yt-live-chat-ticker-renderer,
yt-live-chat-restricted-participation-renderer,
yt-live-chat-viewer-engagement-message-renderer,
yt-live-chat-mode-change-message-renderer,
yt-live-chat-banner-manager,
#panel-pages,
#separator,
#timestamp {
  display: none !important;
}

/* 聊天訊息透明 */
yt-live-chat-text-message-renderer,
yt-live-chat-text-message-renderer[is-highlighted] {
  background: transparent !important;
  padding: 5px 10px !important;
  margin: 3px 0 !important;
}

/* 字體 */
yt-live-chat-renderer * {
  font-family: "Noto Sans TC", "Microsoft JhengHei",
    sans-serif !important;
}

/* 觀眾名稱 */
yt-live-chat-text-message-renderer #author-name {
  color: #FFD966 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
}

/* 留言內容 */
yt-live-chat-text-message-renderer #message {
  color: #FFFFFF !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
  text-shadow: 0 2px 5px rgba(0,0,0,0.85) !important;
}

/* 名稱增加陰影 */
yt-live-chat-text-message-renderer #author-name {
  text-shadow: 0 2px 5px rgba(0,0,0,0.85) !important;
}

/* 觀眾頭像 */
yt-live-chat-text-message-renderer #author-photo {
  width: 28px !important;
  height: 28px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
}

/* 隱藏已刪除留言 */
yt-live-chat-text-message-renderer[is-deleted] {
  display: none !important;
}

/* 隱藏捲軸 */
yt-live-chat-item-list-renderer #item-scroller,
yt-live-chat-item-list-renderer #items {
  scrollbar-width: none !important;
}

/* 修正 YouTube 聊天室使用者名稱 */
yt-live-chat-text-message-renderer #author-name,
yt-live-chat-text-message-renderer #author-name *,
yt-live-chat-text-message-renderer #author-name.yt-live-chat-author-chip,
yt-live-chat-author-chip #author-name {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #FFD966 !important;
  font-size: 18px !important;
  font-weight: 600 !important;

  padding: 0 !important;
  margin: 0 !important;

  text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
}

/* 修正 @提及帳號的黃色標記 */
yt-live-chat-text-message-renderer #message .mention,
yt-live-chat-text-message-renderer #message [class*="mention"],
yt-live-chat-text-message-renderer #author-name .mention {
  background: transparent !important;
  background-color: transparent !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
/* 保持留言內容正常顯示 */
yt-live-chat-text-message-renderer #message {
  color: #FFFFFF !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  background: transparent !important;
}