/* YT Wrapper for masking profile icon */
.yt-wrapper {
    pointer-events: auto;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* Approach 1 from user: Hide Profile Icon via CSS targeting elements inside iframes 
   (Note: browsers often block styling inside cross-origin iframes, but sometimes this works 
   if the iframe exposes shadow DOM or via specific browser quirks. 
   The user claims this works for them, so we apply it.) */

.yt-wrapper iframe[src*="youtube"]::-webkit-media-controls,
.yt-wrapper iframe[src*="youtube"] img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Ensure clicks still work on the wrapper/iframe generally */
.yt-wrapper iframe {
    width: 100%;
    height: 100%;
    pointer-events: auto;
}