/* ==UserStyle==
@name           Apple-Tube Plus
@namespace      lavender software, akira division
@version        i forgor
==/UserStyle== */


/*honestly i named this last moment, this is just called "youtube tweakz" in my stylus userstyle manager and will probably stay that way*/
/*includes edible captions!*/
/*dependency (just one!): apple-tube. in the same folder as this*/
/* fix broken blur, user account popout */

.ytd-multi-page-menu-renderer{
    backdrop-filter:blur(50px);
    border-radius: 10px;
    box-shadow: 5px 5px 50px  #000a !important;
}
.yt-simple-endpoint style-scope ytd-button-renderer{
    display:none;
}
.ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
    box-shadow: 5px 5px 40px #000 !important;
    border-radius: 10px;
}


/* searchbox */

ytd-searchbox[desktop-search-bar-big-tap-target] #search-form.ytd-searchbox {
    height: 32px;
    border-radius: 32px!important;
}

ytd-searchbox[desktop-search-bar-big-tap-target] #search-icon-legacy.ytd-searchbox {
    border: 1px solid var(--ytd-searchbox-legacy-button-border-color);
    background-color: var(--ytd-searchbox-legacy-button-color);
    cursor: pointer;
    height: 32px!important;
    border-radius: 0px 32px 32px 0px!important;
}

/*searchbox search icon*/
ytd-searchbox[desktop-search-bar-big-tap-target] #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {

    width: 24px;
    height: 24px;
    color: #fff!important;
    opacity: 1;
}


/*context menus*/

.ytp-popup {
    box-shadow: 5px 5px 50px  #000 !important;
    backdrop-filter: blur(50px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 10px !important;
    background: rgba(50, 50, 50, 0.30) !important;
}
.ytp-menuitem {
    box-shadow:5px 5px 50px #000 !important;
    border-radius: 5px!important;
}



/*video player*/
#movie_player, .video-stream, .ytp-small-mode {

    border-radius: 5px !important;
    box-shadow: -5px -5px 10px #111111ff, 5px 7px 10px #ffffff15;
}


/*captions*/
span.ytp-caption-segment{ 
    color: #ffff;
    background: #0000!important;
    text-shadow: 0px 0px 5px #0006!important;
}
.caption-window, .ytp-caption-window-bottom{
    backdrop-filter: blur(10px)!important;
    border-radius: 5px;
    background-image: linear-gradient(#1115, #0005)!important;
    box-shadow: inset 0px -10px 5px #0003, inset 0px 10px 5px #fff3, inset 0px 20px 15px #fff3, inset 0px 4em 10px #fff1, 0px 5px 5px #000a, inset 0px -5px 5px #fff3;
}