/* =========================================================
YouTube – FIX для тёмного фона
========================================================= */

.ytLoader{
position: relative;
width: 100%;
margin: 18px auto;
border-radius: 18px;
overflow: hidden;
background: rgba(255,255,255,0.85);
box-shadow: 0 16px 40px rgba(0,0,0,0.15);
}

.ytLoader .cover{
display: block;
width: 100%;
height: auto;
margin: 0 !important;
}

.ytLoader{ position: relative; }

.playBtn{
position: absolute;
top: 50%;
left: 50%;
width: 104px;
height: 68px;
transform: translate(-50%, -50%);
border-radius: 18px;

background: rgba(0,0,0,0.72);
border: 2px solid rgba(255,255,255,0.50);
box-shadow:
0 22px 60px rgba(0,0,0,0.75),
0 0 0 3px rgba(0,0,0,0.35),
0 0 28px rgba(255,255,255,0.18);

backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);

cursor: pointer;
z-index: 999999 !important;
}



/* белый треугольник */
.playBtn::before{
content:"";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-42%, -50%);
width: 0;
height: 0;
border-left: 25px solid rgba(255,255,255,0.95);
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}

.playBtn:hover{
background: rgba(0,0,0,0.72);
box-shadow: 0 22px 55px rgba(0,0,0,0.65);
}


/* тёмная тема */
body.dark-mode .ytLoader{
background: rgba(18,18,18,0.86) !important;
}