/* === POST VIDEO MODAL – FINAL (YouTube + Vimeo) === */

:root{
  --pvm-item-h: 48px;      /* satır yüksekliği */
  --pvm-visible: 9;        /* sol listede görünen adet */
}

/* Trigger (tıklamadan önce) */
.pvm-trigger{
  display:flex;
  justify-content:flex-end;   /* sağa dayalı */
  width:100%;
  margin:0 0 14px 0;
}
.pvm-open{
  background:#c92a2a;
  color:#fff;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  cursor:pointer;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
/* beyaz, şık video ikonu */
.pvm-open::before{
  content:"";
  width:20px;
  height:20px;
  display:inline-block;
  background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M17 10.5V7c0-1.1-.9-2-2-2H3C1.9 5 1 5.9 1 7v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3.5l6 4v-11l-6 4z'/%3E%3C/svg%3E");
}

/* Modal */
.pvm-modal{display:none;position:fixed;inset:0;z-index:99999}
.pvm-modal.active{display:block}
.pvm-overlay{position:absolute;inset:0;background:rgba(0,0,0,.72)}

.pvm-box{
  position:relative;
  width:min(1180px,96vw);
  height:min(62vh,620px);
  background:#0f0f0f;
  margin:5vh auto;
  display:flex;
  align-items:stretch;
  border-radius:14px;
  overflow:hidden;
}

/* Left */
.pvm-left{
  width:320px;
  max-width:38%;
  background:#151515;
  border-right:1px solid rgba(255,255,255,.07);
  display:flex;
  flex-direction:column;
  min-height:0;
}
.pvm-left__head{
  padding:12px 14px;
  font-weight:700;
  color:#eee;
  background:rgba(255,255,255,.03);
  border-bottom:1px solid rgba(255,255,255,.07);
}

.pvm-list{
  list-style:none;
  margin:0;
  padding:0;
  height:calc(var(--pvm-item-h) * var(--pvm-visible));
  overflow-y:auto;
}
.pvm-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  min-height:var(--pvm-item-h);
  cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#eaeaea;
  box-sizing:border-box;
}
.pvm-item:hover{background:rgba(255,255,255,.06)}
.pvm-item.active{background:rgba(255,255,255,.12)}
.pvm-bullet{opacity:.9}
.pvm-title{font-size:14px;line-height:1.2}

/* Right */
.pvm-right{
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0;
}

/* player üstünde az boşluk (desktop) */
@media(min-width:769px){
  .pvm-playerwrap{ margin-top:25px; }
}

/* Player: sol listenin yüksekliğiyle hizalı, Vimeo yan boşluk yok */
.pvm-playerwrap{
  height:calc(var(--pvm-item-h) * var(--pvm-visible));
  padding:0;                 /* ✅ Vimeo yan boşluk yok */
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
}
.pvm-frame, .pvm-video{
  width:100%;
  height:100%;
  border:0;
  border-radius:14px;
  background:#000;
}
.pvm-video{object-fit:contain}

/* Seçili video yazısı player ALTINDA, beyaz ve ortalı */
.pvm-right__head{
  padding:10px 12px 14px;
  text-align:center;
  color:#fff !important;
  font-weight:700;
}
.pvm-now{opacity:.85}
.pvm-now-title{color:#fff !important}

/* Close */
.pvm-close{
  position:absolute;
  top:10px;
  right:10px;
  width:38px;
  height:38px;
  border-radius:10px;
  border:0;
  background:rgba(255,255,255,.1);
  color:#fff;
  cursor:pointer;
}

/* Mobile: üst video, alt liste; boşluk yok, kayma yok */
@media(max-width:768px){
  .pvm-box{
    width:100vw;
    height:100vh;
    margin:0;
    border-radius:0;
    flex-direction:column;
  }
  .pvm-box, .pvm-box *{ box-sizing:border-box; }

  /* sabit oranları iptal */
  .pvm-right, .pvm-left{ height:auto !important; }

  .pvm-right{ flex:0 0 auto; width:100%; min-height:0; }
  .pvm-playerwrap{ height:auto !important; padding:12px; margin-top:0; }
  .pvm-frame, .pvm-video{ height:auto; aspect-ratio:16/9; }

  .pvm-left{
    flex:1 1 auto;
    order:2;
    width:100%;
    max-width:none;
    border-right:0;
    border-top:1px solid rgba(255,255,255,.07);
    overflow:hidden;
  }
  .pvm-left__head{ display:none; }
  .pvm-list{ height:100%; overflow:auto; }
}

/* Mobile tap reliability */
.pvm-item{ -webkit-tap-highlight-color: transparent; touch-action: manipulation; }

/* MODAL MERKEZDE AÇILSIN */
.pvm-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
}

.pvm-modal.active{
  display:flex;
}

.pvm-box{
  margin:0 !important; /* eski margin iptal */
}

@media (max-width:768px){
  .pvm-overlay{ pointer-events:none; }
  .pvm-box{ pointer-events:auto; }
  .pvm-item{ cursor:pointer; }
}

/* MODAL MERKEZDE AÇILSIN (FIX) */
.pvm-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  align-items:center;
  justify-content:center;
}
.pvm-modal.active{ display:flex; }
.pvm-box{ margin:0 !important; }

@media(max-width:768px){
  .pvm-playerwrap{ min-height:180px; }
}

/* === MOBILE: video üstten kesilmesin (safe area fix) === */
@media (max-width:768px){
  .pvm-playerwrap{
    padding-top: calc(env(safe-area-inset-top, 0px) + 56px);
  }
}

/* === MOBILE: KAPAT butonu alt sağda === */
@media (max-width:768px){

  .pvm-close{
    position: absolute;

    /* ÜSTÜ iptal et */
    top: auto !important;

    /* ALT SAĞ */
    bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
    right: 12px !important;

    width: auto !important;
    height: auto !important;
    min-height: 40px;
    padding: 10px 14px;

    z-index: 100000;

    border-radius: 999px;
    background: rgba(0,0,0,.7) !important;
    border: 1px solid rgba(255,255,255,.18);
    font-weight: 700;

    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
  }

  /* Yanına yazı ekle */
  .pvm-close::after{
    content: " Kapat";
    font-size: 14px;
    line-height: 1;
  }
}