/* host = stacking context */
#player_wrap2.video-js,
.video-js.vjs-pip-enabled { position: relative !important; }

/* PiP kafelek (pod paskiem – niski z-index) */
#player_wrap2.video-js .pip-window{
  position:absolute !important;
  right:14px; bottom:64px;
  width:clamp(240px,28%,420px);
  aspect-ratio:16/9;
  z-index:9000 !important;
  background:#0b0f14;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 0 18px rgba(212,175,55,.45);
}
#player_wrap2.video-js .pip-window.pip-left{ right:auto; left:14px; }
#player_wrap2.video-js .pip-hidden{ display:none !important; }

#player_wrap2.video-js .pip-child-wrap{ position:absolute; inset:0; width:100%; height:100%; overflow:hidden; }
#player_wrap2.video-js .pip-child{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }

/* nasz slot w pasku – nie rozpycha */
#player_wrap2.video-js .pip-slot{ display:inline-flex; gap:6px; align-items:center; flex:0 0 auto; }

/* nasze przyciski */
#player_wrap2.video-js .vjs-pip-btn{
  width:36px; height:36px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.15);
  border-radius:8px;
  color:#e7ecf2;
  margin-left:4px;
  transition:transform .12s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#player_wrap2.video-js .vjs-pip-btn:hover {
    transform: translateY(-1px);
    background: #ffc50f;
    color: #000;
    border-color: rgba(212, 175, 55, .55);
    /* box-shadow: 0 2px 10px rgba(212, 175, 55, .35); */
}

#player_wrap2.video-js .vjs-pip-btn:active{ transform:translateY(0); background:rgba(0,0,0,.65); }
#player_wrap2.video-js .vjs-pip-btn:focus-visible{ outline:2px solid rgba(212,175,55,.75); outline-offset:2px; }

#player_wrap2.video-js .vjs-pip-btn .pip-badge{
  display:inline-flex; align-items:center; justify-content:center;
  font:700 12px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.4px; text-transform:uppercase;
}
#player_wrap2.video-js .vjs-pip-btn .pip-ico{ display:inline-flex; width:22px; height:22px; line-height:22px; color:#e7ecf2; }
#player_wrap2.video-js .vjs-pip-btn .pip-ico svg{ width:18px; height:18px; display:block; fill:currentColor; }

/* header w kafelku */
#player_wrap2.video-js .pip-header{ position:absolute; right:8px; top:8px; display:flex; gap:6px; z-index:91000; pointer-events:auto; }
#player_wrap2.video-js .pip-btn{
  width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.15); border-radius:8px; color:#e7ecf2;
  transition:transform .12s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#player_wrap2.video-js .pip-btn:hover{ transform:translateY(-1px); background:rgba(0,0,0,.55); border-color:rgba(212,175,55,.55); box-shadow:0 2px 10px rgba(212,175,55,.35); }

#player_wrap2.video-js .pip-btn:active{ transform:translateY(0); background:rgba(0,0,0,.65); }
#player_wrap2.video-js .pip-btn .pip-ico{ color:#e7ecf2; }
#player_wrap2.video-js .pip-btn .pip-ico svg{ fill:currentColor; }

/* schowaj natywny PiP (różne warianty w Nuevo) */
#player_wrap2.video-js .vjs-picture-in-picture-control,
#player_wrap2.video-js .vjs-picture-in-picture-toggle,
#player_wrap2.video-js [title*="Picture"],
#player_wrap2.video-js [aria-label*="Picture"],
#player_wrap2.video-js .vjs-nuevo-pip,
#player_wrap2.video-js .nv-pip,
#player_wrap2.video-js button[aria-label="Picture-in-Picture"]{
  display:none !important; visibility:hidden !important; pointer-events:none !important;
}
.video-js .vjs-control-bar
{
  z-index:20000 !important
}
#player_wrap2.video-js .pip-window
{
  border-radius: 0px !important;
  box-shadow: none !important;
}
/* Zmiana wyglądu ikony PJM */
#player_wrap2.video-js .pip-badge {
  font-size: 8px !important;   /* zmniejsz rozmiar */
  font-weight: 600 !important;  /* opcjonalnie lżejsza waga */
  letter-spacing: 0.2px !important; /* ciaśniejsze litery */
  padding: 0 2px;               /* minimalny odstęp */
}
