/*
 * DOSYA YOLU : /module/player/assets/pl-ads.css   (YENİ DOSYA)
 * AÇIKLAMA   : Oynatıcı üstündeki reklam katmanı stilleri (önek: pla-). pl.css ile birlikte yüklenir.
 */
.pl.is-ad .pl__adtag { display: none; }
.pl.is-ad .pl__big { display: none; }

.pla { position: absolute; inset: 0; z-index: 5; display: flex; background: #000; color: #fff; }
.pla__stage { position: absolute; inset: 0; display: grid; place-items: center; }
.pla__media { width: 100%; height: 100%; object-fit: contain; background: #000; }
.pla__load { position: absolute; inset: 0; display: grid; place-items: center; }
.pla__load i { width: 40px; height: 40px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .25); border-top-color: #fff; animation: pl-spin .8s linear infinite; }

.pla__top {
  position: absolute; z-index: 2; left: 0; right: 0; top: 0; display: flex; align-items: center; gap: 10px;
  padding: 10px 12px 26px; background: linear-gradient(to bottom, rgba(0, 0, 0, .7), transparent); font-size: 13px;
}
.pla__badge { flex: none; padding: 2px 9px; border-radius: 5px; font-weight: 750; background: #f5b400; color: #000; }
.pla__who { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .92; }
.pla__time { margin-left: auto; flex: none; font-variant-numeric: tabular-nums; opacity: .9; }
.pla__prog { position: absolute; z-index: 3; left: 0; right: 0; top: 0; height: 3px; background: rgba(255, 255, 255, .22); }
.pla__prog i { display: block; width: 100%; height: 100%; background: #f5b400; transform-origin: left; transform: scaleX(0); transition: transform .25s linear; }

.pla__skip, .pla__cta, .pla__mute {
  position: absolute; z-index: 3; display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 18px;
  border-radius: 999px; font: 650 13.5px/1 inherit; color: #fff; text-decoration: none; background: rgba(20, 20, 20, .82);
  border: 1px solid rgba(255, 255, 255, .28); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); cursor: pointer;
}
.pla__skip { right: 12px; bottom: 70px; }
.pla__skip:not(:disabled) { background: #fff; color: #000; border-color: #fff; }
.pla__skip:disabled { cursor: default; opacity: .9; }
.pla__cta { left: 12px; bottom: 70px; }
.pla__cta:hover { background: rgba(60, 60, 60, .9); }
.pla__mute { left: 12px; top: 48px; height: 34px; padding: 0 14px; font-size: 12.5px; }
@media (max-width: 599px) { .pla__skip, .pla__cta { bottom: 64px; height: 38px; padding: 0 14px; } }