/* ── Paylaşımlar (Online İçerik Gönder) ───────────────────────── */

/* Kart (ana sayfa + önizleme) */
.pl-kart { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); color: #fff; cursor: pointer; transition: border-color .2s, background .2s; box-sizing: border-box; }
.pl-kart:hover, .pl-kart:focus { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); outline: none; }
.pl-kart-ust { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pl-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex: 0 0 42px; background: #222; border: 2px solid rgba(255,255,255,.12); }
.pl-kim { flex: 1; min-width: 0; line-height: 1.25; }
.pl-kim-ad { display: flex; align-items: baseline; gap: 5px; min-width: 0; }
.pl-kim-ad b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pl-zaman { flex: 0 0 auto; font-size: 12px; opacity: .55; white-space: nowrap; }
.pl-kim small { display: block; font-size: 12px; opacity: .65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pl-kat { flex: 0 0 auto; align-self: flex-start; margin-top: 4px; padding: 2px 8px; border-radius: 10px; background: var(--color1, #9b0000); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; }
.pl-kart-govde { display: flex; gap: 12px; align-items: flex-start; flex: 1; }
.pl-kart-metin { flex: 1; min-width: 0; font-size: 14px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.pl-kart-metin b { font-weight: 800; }
.pl-kart-medya { position: relative; flex: 0 0 104px; width: 104px; height: 104px; border-radius: 10px; overflow: hidden; background: #111; display: flex; align-items: center; justify-content: center; }
.pl-kart-medya img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Görsel: kutu görselin kendi oranında (aspect-ratio satır içi), uzun dikeylerde yükseklik sınırlı + kırpmasız sığdırma */
.pl-kart-medya.pl-kart-gorsel { height: auto; max-height: 170px; }
.pl-kart-medya.pl-kart-gorsel img { object-fit: contain; }
.pl-kart-say { position: absolute; right: 5px; bottom: 5px; padding: 1px 6px; border-radius: 8px; background: rgba(0,0,0,.65); font-size: 11px; font-weight: 700; }
.pl-kart-oynat { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 34px; height: 34px; border-radius: 50%; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; font-size: 13px; padding-left: 2px; box-sizing: border-box; }
.pl-video-logo { font-size: 34px; opacity: .8; }

/* Ana sayfa modülü */
.pl-modul .pl-modul-ust { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.pl-modul .pl-paylas-link { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.pl-modul .pl-paylas-link:hover { background: var(--color1, #c8102e); border-color: var(--color1, #c8102e); color: #fff; }
.pl-modul .pl-kaydirici { overflow: hidden; padding-bottom: 28px; position: relative; }
.pl-modul .swiper-slide { height: auto; }
.pl-modul .swiper-pagination { bottom: 4px !important; }
.pl-modul .swiper-pagination-bullet { background: #fff; opacity: .35; }
.pl-modul .swiper-pagination-bullet-active { background: var(--color1, #c8102e); opacity: 1; }

/* Detay penceresi (magnific) */
.pl-mfp { position: relative; max-width: 560px; margin: 20px auto; padding: 18px; border-radius: 14px; background: #13192e; color: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.5); }
.pl-mfp .mfp-close { color: #fff; opacity: .8; }
.pl-detay .pl-kart-ust { padding-right: 34px; }
.pl-detay-baslik { margin: 14px 0 4px; font-size: 18px; font-weight: 800; color: #fff; }
.pl-detay-metin { margin: 10px 0 12px; font-size: 15px; line-height: 1.55; word-break: break-word; }
.pl-detay-gorsel img, .pl-detay-galeri img { width: 100%; height: auto; max-height: 75vh; object-fit: contain; display: block; border-radius: 10px; background: #000; }
.pl-detay-galeri { position: relative; overflow: hidden; border-radius: 10px; padding-bottom: 26px; }
.pl-detay-galeri .swiper-pagination { bottom: 2px !important; }
.pl-detay-galeri .swiper-pagination-bullet { background: #fff; }
.pl-detay-galeri .swiper-button-prev, .pl-detay-galeri .swiper-button-next { color: #fff; transform: scale(.6); }
.pl-video { position: relative; width: 100%; padding-top: 56.25%; margin-top: 10px; border-radius: 10px; overflow: hidden; background: #000; }
.pl-video.pl-video-dikey { padding-top: 0; height: 620px; max-height: 75vh; }
.pl-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pl-detay-tarih { margin-top: 12px; font-size: 12px; opacity: .55; }
.pl-onizleme-etiket { margin: 4px 0 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; opacity: .6; }
.pl-onizleme-kart { margin-bottom: 18px; max-width: 420px; }

/* Online İşlemler formu */
.pl-form { margin-top: 6px; }
.pl-form-kisi { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px; margin-bottom: 12px; border-radius: 10px; background: rgba(255,255,255,.05); }
.pl-form-kisi img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; }
.pl-form-kisi b { display: block; font-size: 15px; }
.pl-form-kisi small { display: block; font-size: 12px; opacity: .7; }
.pl-form-rozet { margin-left: auto; padding: 4px 10px; border-radius: 12px; background: rgba(255,193,7,.15); color: #ffc107; font-size: 12px; font-weight: 600; }
.pl-form-rozet.onaysiz { background: rgba(76,175,80,.15); color: #6fdc74; }
.pl-form-satir { display: flex; gap: 12px; flex-wrap: wrap; }
.pl-form-alan { flex: 1 1 260px; margin-bottom: 10px; }
.pl-form-alan.pl-w40 { flex: 0 1 220px; }
.pl-form-alan label { display: block; font-weight: 700; margin-bottom: 4px; }
.pl-form-alan label small { font-weight: 400; opacity: .6; }
.pl-form-alan select, .pl-form-alan input[type=text], .pl-form-alan textarea { width: 100%; box-sizing: border-box; }
.pl-form-alan textarea { resize: vertical; min-height: 96px; }
.pl-sayac { text-align: right; font-size: 12px; opacity: .6; margin-top: 3px; }
.pl-sayac.dolu { color: #ff6b6b; opacity: 1; font-weight: 700; }
.pl-ekle-butonlar { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 6px; }
.pl-ekle-btn { flex: 1 1 160px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 10px; border: 1px dashed rgba(255,255,255,.35); border-radius: 10px; background: rgba(255,255,255,.04); color: #fff; font-weight: 700; font-size: 13px; cursor: pointer; }
.pl-ekle-btn:hover { border-color: #fff; background: rgba(255,255,255,.08); }
.pl-ekle-btn:disabled { opacity: .4; cursor: not-allowed; }
.pl-ekle-btn .fa-youtube { color: #ff3d3d; }
.pl-ekle-btn.dolu { border-style: solid; border-color: #4CAF50; }
.pl-ekler { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0 4px; }
.pl-ek { position: relative; width: 84px; height: 84px; border-radius: 8px; overflow: hidden; background: #111; display: flex; align-items: center; justify-content: center; }
.pl-ek img { width: 100%; height: 100%; object-fit: cover; }
.pl-ek-video i { position: absolute; font-size: 26px; color: #fff; text-shadow: 0 0 6px rgba(0,0,0,.8); }
.pl-ek-sil { position: absolute; top: 3px; right: 3px; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%; background: rgba(0,0,0,.7); color: #fff; font-size: 16px; line-height: 22px; cursor: pointer; }
.pl-form-aksiyon { display: flex; gap: 10px; margin: 14px 0 8px; }
.pl-onizle-btn, .pl-yayinla-btn { flex: 1; padding: 13px 10px; border: 0; border-radius: 10px; font-size: 15px; font-weight: 800; cursor: pointer; color: #fff; }
.pl-onizle-btn { background: #2b3350; }
.pl-yayinla-btn { background: var(--color1, #c8102e); }
.pl-yayinla-btn:disabled { opacity: .6; cursor: wait; }
.pl-listem-baslik { margin: 22px 0 8px; font-size: 15px; }
.pl-listem { list-style: none; margin: 0; padding: 0; }
.pl-listem li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.pl-listem li img, .pl-listem-ikon { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 6px; object-fit: cover; background: rgba(255,255,255,.06); display: flex; align-items: center; justify-content: center; }
.pl-listem-yazi { flex: 1; min-width: 0; }
.pl-listem-yazi b { display: block; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pl-listem-yazi small { font-size: 11px; opacity: .6; }
.pl-durum { flex: 0 0 auto; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 700; }
.pl-durum.yayinda { background: rgba(76,175,80,.18); color: #6fdc74; }
.pl-durum.bekliyor { background: rgba(255,193,7,.15); color: #ffc107; }
.pl-listem-sil { flex: 0 0 auto; border: 0; background: transparent; color: #ff6b6b; font-size: 15px; cursor: pointer; padding: 4px 6px; }

/* Gol penceresi tarzı küçük pencere (görsel / video ekle) */
#pl-popup-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 9998; }
.pl-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; width: 460px; max-width: 94vw; max-height: 85vh; overflow-y: auto; padding: 22px; border-radius: 12px; background: #1a1a2e; color: #fff; box-shadow: 0 8px 32px rgba(0,0,0,.5); box-sizing: border-box; }
.pl-popup h3 { margin: 0 0 14px; padding-bottom: 8px; font-size: 18px; color: #fff; border-bottom: 2px solid #c8102e; }
.pl-popup-alan label { display: block; font-size: 11px; font-weight: 700; color: #888; margin-bottom: 3px; }
.pl-popup-alan input { width: 100%; padding: 9px; border: 1px solid #444; border-radius: 6px; background: #0f1120; color: #fff; font-size: 14px; box-sizing: border-box; }
.pl-popup-alan input:focus { border-color: #c8102e; outline: none; }
.pl-popup-not { font-size: 12px; opacity: .7; margin: 8px 0; }
.pl-popup-secim { display: flex; flex-direction: column; gap: 10px; margin: 10px 0; }
.pl-kaynak { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px; border: 0; border-radius: 10px; font-size: 15px; font-weight: 700; color: #fff; cursor: pointer; background: #c8102e; }
.pl-kaynak[data-k=galeri] { background: #2b3350; }
.pl-kaynak small { font-weight: 400; opacity: .7; }
.pl-popup-butonlar { display: flex; gap: 10px; margin-top: 14px; }
.pl-popup-butonlar button { flex: 1; padding: 10px; border: 0; border-radius: 8px; font-weight: 700; cursor: pointer; }
.pl-popup-kaydet { background: #4CAF50; color: #fff; }
.pl-popup-iptal { background: #444; color: #fff; }
.pl-video-ok { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: #6fdc74; font-size: 13px; font-weight: 700; }
.pl-video-ok img { width: 100%; border-radius: 8px; margin-top: 6px; }
.pl-video-hata { color: #ff6b6b; font-size: 13px; font-weight: 700; }

@media (max-width: 767px) {
	.pl-kart-medya { flex-basis: 88px; width: 88px; height: 88px; }
	.pl-kart-medya.pl-kart-gorsel { width: 104px; flex-basis: 104px; height: auto; max-height: 160px; }
	.pl-form-rozet { margin-left: 0; }
	.pl-mfp { margin: 10px; padding: 14px; }
}