Youtube clean by sonho

/* ==UserStyle==
@name         Youtube clean
@version      20250422.11.57
@namespace    https://userstyles.world/user/sonho
@description  Removes ads, members only, voice search button
@author       sonho
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
  
  ytd-rich-grid-renderer, ytd-rich-shelf-renderer {
    --ytd-rich-grid-items-per-row:4 !important;
  }
  
  /* Hide ads */
  ytd-rich-item-renderer:has(.ytd-ad-inline-playback-meta-block) {
    display: none;
  }
  
  /* Hide search ads */
  ytd-ad-slot-renderer {
	  display: none;
  }

  /* Hide members only */
  ytd-rich-item-renderer:has([aria-label="Members only"]) {
    display: none;
  }

  
  /* Home page ads */
  ytd-rich-item-renderer:has(ytd-ad-slot-renderer) {
    display: none;
  }

  #voice-search-button {
    display: none;
  }

  #secondary:has(#chat-container) {
    position: initial;
  }

    
   #chat-container:has([collapsed]) {
    top: 60px;
  }
  
  #chat-container {
    /*     display: none; */
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
  }
  
  #chat-container #chat:not([collapsed]) {
    margin: 4em;
    margin-bottom: 8em;
    height: 80vh;
    width: 50em;
  }

  
  ytd-live-chat-frame#chat {
	  border: none;
  }
  
    
  ytd-live-chat-frame#chat #show-hide-button.ytd-live-chat-frame > ytd-button-renderer.ytd-live-chat-frame {
	  background: #2121213b;
  }
  
  ytd-live-chat-frame #show-hide-button.ytd-live-chat-frame > ytd-button-renderer.ytd-live-chat-frame:hover {
	  background: var(--yt-spec-base-background)  ;
  } 
  
  
  /*   ytd-live-chat-frame #show-hide-button {
    opacity: 0;
    transition: all linear; 
  }
  ytd-live-chat-frame #show-hide-button:hover {
    opacity: 1;
  } */
}


@-moz-document url-prefix("https://www.youtube.com/live_chat") {
  yt-live-chat-renderer,
  yt-live-chat-header-renderer {
/*     background: #00000073; */
    background: #0000;
    
  }

  #ticker yt-live-chat-ticker-renderer {
	  background-color: transparent;
  }
  
  yt-live-chat-renderer:hover {
    background: var(--yt-live-chat-background-color);
  }

  yt-live-chat-renderer:hover yt-live-chat-header-renderer {
    background: var(--yt-live-chat-header-background-color, var(--yt-deprecated-opalescence-soft-grey-opacity-lighten-3))
  }
  
  yt-live-chat-text-message-renderer {
    text-shadow: 2px 2px 2px #000;
    font-size: 1.4em;
    font-weight: 700;
/*     letter-spacing: 1px */
  }
 
  /*   .chat-line__message, .vod-message {
  text-shadow: 1px 1px 5px black;
  font-size: 1.2em; 
  background: #00000024;
} */
  /*   #chat-messages {
    opacity: 0.5;
  }
  
  #chat-messages:hover {
    opacity: 1;
  }
 */
  #chat-messages:hover #live-chat-message-input {
    opacity: 1;
  }

  #live-chat-message-input {
    opacity: 0;
  }


  #chat .yt-live-chat-viewer-engagement-message-renderer {
    display: none;
  }
}