/* QA Theme: Malper QA Version: 1.8 QA Author: Fatih + Claude Description: malper.net icin bagimsiz tema (v0.2 — malper Blogger duzeni). Sol panel + ana akis, krem/aydinlik kimlik. */ :root{ --bg:#FDFCFA; --bg2:#ffffff; --bg3:#f7f5f0; --bg4:#f1eee7; --sbg:#f4f1ea; --border:#ece8df; --border2:#e3ded3; --border3:#d4ccbb; --text:#2a2520; --text2:#4d463c; --text3:#8a8173; --text4:#a9a092; --text5:#c6bdae; --accent:#c2410c; /* malper sicak turuncu (logo noktasi + vurgu) */ --accent-h:#9a3412; --accent-bg:rgba(194,65,12,.10); --accent-dim:rgba(194,65,12,.05); --red:#dc2626; /* bolum alt cizgisi / gili */ --shadow:0 1px 3px rgba(60,50,30,.05); --shadow2:0 6px 20px rgba(60,50,30,.09); /* 4 tur renkleri (pirs pembemsi/mercan — malper ekranina yakin) */ --c-pirs:#e0567a; --c-pirs-bg:#fdeef2; --c-gotin:#7c3aed; --c-gotin-bg:#f3eefd; --c-ai:#0d9488; --c-ai-bg:#e6f6f4; --c-hwd:#d97706; --c-hwd-bg:#fdf3e6; } *{margin:0;padding:0;box-sizing:border-box;} html,body{height:100%;} body{font-family:'Plus Jakarta Sans','Inter',sans-serif;display:flex;flex-direction:column;overflow:hidden;font-size:13px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;} a{text-decoration:none;color:inherit;} ::-webkit-scrollbar{width:7px;height:7px;} ::-webkit-scrollbar-thumb{background:var(--border2);border-radius:8px;} ::-webkit-scrollbar-thumb:hover{background:var(--border3);} ::-webkit-scrollbar-track{background:transparent;} /* ════════════ UST BAR (ortalanmış geniş arama) ════════════ */ .top-bar{position:relative;background:linear-gradient(180deg,var(--bg2),#fffdf9);border-bottom:1px solid var(--border);padding:0;height:66px;display:flex;align-items:center;flex-shrink:0;z-index:100;max-width:100%;} .top-bar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 30%,#e0567a 70%,transparent);opacity:.55;pointer-events:none;} .top-bar-inner{display:flex;align-items:center;gap:20px;max-width:1280px;width:100%;margin:0 auto;padding:0 22px;} .logo{font-size:21px;font-weight:800;letter-spacing:-.5px;color:var(--text);display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;line-height:1.15;flex-shrink:0;width:340px;min-width:340px;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:7px 14px;box-shadow:var(--shadow);} .logo-row{display:flex;align-items:baseline;gap:1px;} .logo-net{color:var(--text3);} .logo-dot{font-size:14px;margin:0 1px;animation:logoDot 15s linear infinite;} @keyframes logoDot{0%,28%{color:#e02424;}33%,61%{color:#16a34a;}66%,94%{color:#eab308;}100%{color:#e02424;}} /* dikey, ince "beta" rozeti - artık sabit turuncu değil, seçili temanın vurgu (accent) rengini kullanıyor. NOT: harf harf alt alta dizmek yerine (writing-mode) yatay yazılmış "beta" metnini 90° döndürüyoruz - böylece yükseklik harf sayısına göre büyümüyor, sadece metnin yatay genişliği kadar (küçük bir kutu) kalıyor - "net" kelimesindeki t harfinden biraz uzun olacak şekilde sabit genişlik/yükseklik verildi. */ .logo-beta{display:inline-flex;align-items:center;justify-content:center;width:12px;height:18px;background:var(--accent);border-radius:3px;margin-left:4px;vertical-align:top;overflow:hidden;padding:0;} .logo-beta span{display:inline-block;font-size:6.5px;font-weight:400;letter-spacing:.4px;color:#fff;line-height:1;white-space:nowrap;transform:rotate(-90deg);} .logo-tagline{font-size:9.5px;color:var(--text4);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-top:1px;} /* NOT (2026-07-06): sağdaki ikon kümesi şimdiye kadar sağa yaslanmak için TAMAMEN .top-search'ün margin-right:auto'suna bağımlıydı. .top-search 680px altında display:none olunca bu iticiyi kaybediyor ve ikonlar logonun hemen yanına yapışıp sağda büyük boş alan bırakıyordu ("header mobil uyumsuz görünüyor"). margin-left:auto'yu doğrudan buraya koyup arama kutusundan bağımsız hale getiriyoruz. */ .top-bar-right{display:flex;gap:9px;align-items:center;flex-shrink:0;margin-left:auto;} .top-search{width:240px;min-width:0;margin-right:auto;display:flex;align-items:center;gap:8px;background:var(--bg2);border:1.5px solid var(--border2);border-radius:11px;padding:5px 6px 5px 13px;box-shadow:var(--shadow);transition:width .25s ease,border-color .15s,box-shadow .15s;} .top-search:focus-within{width:520px;border-color:var(--accent);box-shadow:0 4px 16px var(--accent-bg);} .ts-ico{font-size:15px;color:var(--text4);} .ts-input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:12.5px;color:var(--text2);font-family:inherit;padding:4px 0;} .ts-input::placeholder{color:var(--text4);} .ts-go{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-size:14px;flex-shrink:0;transition:background .15s;} .ts-go:hover{background:var(--accent-h);} @media(max-width:680px){.top-search{display:none;}} .tb-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--border2);background:var(--bg2);color:var(--text3);text-decoration:none;font-size:17px;transition:all .15s;flex-shrink:0;} .tb-ic:hover{border-color:var(--accent);color:var(--accent);} .tb-user{display:flex;align-items:center;gap:8px;padding:5px 13px 5px 6px;border-radius:22px;border:1px solid var(--border2);background:var(--bg2);text-decoration:none;color:var(--text2);font-weight:700;font-size:12.5px;white-space:nowrap;transition:border-color .15s;} .tb-user:hover{border-color:var(--accent);} .tb-av{width:27px;height:27px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;} .tb-av-img{background:transparent;overflow:hidden;} .tb-av-img img{width:27px;height:27px;border-radius:50%;object-fit:cover;display:block;} .btn-ghost{padding:7px 14px;border-radius:10px;font-size:12.5px;cursor:pointer;background:transparent;border:1px solid var(--border2);color:var(--text3);font-weight:600;transition:all .15s;white-space:nowrap;} .btn-ghost:hover{border-color:var(--border3);color:var(--text2);background:var(--bg3);} .btn-primary{padding:7px 15px;border-radius:10px;font-size:12.5px;cursor:pointer;background:var(--accent);border:none;color:#fff;font-weight:700;transition:all .15s;white-space:nowrap;} .btn-primary:hover{background:var(--accent-h);} .nav-burger{display:none;background:transparent;border:1px solid var(--border2);border-radius:9px;width:34px;height:34px;color:var(--text3);cursor:pointer;align-items:center;justify-content:center;font-size:17px;} /* ════════════ KABUK ════════════ */ .app-shell{flex:1;overflow-y:auto;overflow-x:hidden;} .ml-home{display:flex;gap:18px;max-width:1280px;margin:0 auto;padding:18px 22px 0;align-items:flex-start;} /* ════════════ SOL PANEL ════════════ */ .ml-panel{width:340px;min-width:340px;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;position:sticky;top:18px;align-self:flex-start;max-height:calc(100vh - 92px);} .panel-scroll{flex:1;overflow-y:auto;padding:6px 0 4px;} /* tur sekmeleri */ .tur-tabs{display:flex;align-items:stretch;gap:2px;padding:6px 10px 0;border-bottom:1px solid var(--border);} .tt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px;font-size:11.5px;font-weight:700;color:var(--text4);border-bottom:2px solid transparent;transition:all .15s;border-radius:8px 8px 0 0;} .tt i{font-size:18px;} .tt:hover{color:var(--text2);background:var(--bg3);} .tt.on{color:var(--accent);border-bottom-color:var(--accent);} .tt.t-pirs.on{color:var(--c-pirs);border-bottom-color:var(--c-pirs);} .tt.t-gotin.on{color:var(--c-gotin);border-bottom-color:var(--c-gotin);} .tt.t-ai.on{color:var(--c-ai);border-bottom-color:var(--c-ai);} .tt.t-hwd.on{color:var(--c-hwd);border-bottom-color:var(--c-hwd);} /* hos geldin */ .welcome{margin:14px;padding:14px 15px;border-radius:14px;background:linear-gradient(135deg,var(--accent-bg),var(--bg3));border:1px solid var(--border);} .welcome-hdr{display:flex;align-items:center;gap:10px;margin-bottom:8px;} .welcome-ico{width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;} .welcome-title{font-size:13.5px;font-weight:800;letter-spacing:-.2px;line-height:1.3;} .welcome-text{font-size:11.5px;color:var(--text3);line-height:1.6;} .welcome-text b{color:var(--text2);} /* nasil calisir */ .howworks{margin:0 14px 14px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--bg2);} .howworks-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;} .howworks-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--text2);letter-spacing:-.1px;} .howworks-title i{color:var(--accent);font-size:15px;} .howworks-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;} .howworks-steps li{display:flex;align-items:flex-start;gap:9px;} .step-num{width:19px;height:19px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;} .step-txt{font-size:11.5px;color:var(--text3);line-height:1.55;} /* panel bolumleri */ .panel-sec{padding:14px 16px;border-top:1px solid var(--border);} .panel-sec:first-child{border-top:none;} .sec-hdr{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;padding-bottom:8px;margin-bottom:11px;border-bottom:2px solid var(--red);} .sec-hdr i{font-size:15px;color:var(--red);} .sec-empty{font-size:11.5px;color:var(--text4);font-style:italic;} /* statistik satirlari */ .stat-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;} .stat-k{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text3);font-weight:500;} .stat-k i{font-size:15px;color:var(--text4);} .stat-v{font-size:15px;font-weight:800;color:var(--text);} .stat-v small{font-size:11px;font-weight:600;color:var(--text4);} /* statistik 2x2 izgara (kompakt) */ .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;} .stat-cell{display:flex;flex-direction:column;gap:4px;background:var(--bg3);border:1px solid var(--border2);border-radius:11px;padding:9px 11px;} .stat-cell-k{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text3);font-weight:600;} .stat-cell-k i{font-size:14px;color:var(--text4);} .stat-cell-v{font-size:17px;font-weight:800;color:var(--text);line-height:1;} /* trend etiketleri */ .trend-tags{display:flex;flex-wrap:wrap;gap:6px;} .trend-tag{display:inline-flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--border2);color:var(--text3);font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:9px;transition:all .15s;} .trend-tag span{color:var(--text4);font-size:10px;font-weight:700;} .trend-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);} /* panel nav */ .pnav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--text3);margin-bottom:2px;transition:all .12s;} .pnav:hover{background:var(--bg3);color:var(--text2);} .pnav.on{background:var(--accent-bg);color:var(--accent);} .pnav i{font-size:16px;} /* panel alt */ .panel-bottom{padding:13px;border-top:1px solid var(--border);flex-shrink:0;} .send-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;} .send-btn:hover{background:var(--accent-h);} /* ════════════ ANA AKIS ════════════ */ .ml-main{flex:1;min-width:0;padding-bottom:10px;} .pn-page{max-width:880px;} .pn-page.pn-wide{max-width:100%;} /* danezan */ .danezan{display:flex;align-items:center;gap:13px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:13px 16px;margin-bottom:14px;box-shadow:var(--shadow);} .dz-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--accent);white-space:nowrap;padding-right:13px;border-right:1px solid var(--border2);} .dz-badge i{font-size:16px;} .dz-text{font-size:12px;color:var(--text3);line-height:1.5;} .dz-text b{color:var(--text2);} /* akis basligi */ .feed-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;flex-wrap:wrap;gap:8px;padding:0 2px;} .feed-hdr-l{display:flex;align-items:baseline;gap:9px;} .feed-hdr-title{font-size:15px;font-weight:800;letter-spacing:-.3px;color:var(--text);text-transform:capitalize;} .feed-hdr-total{font-size:11px;color:var(--text4);} .feed-filters{display:flex;gap:5px;} .ff{padding:6px 13px;border-radius:9px;font-size:11.5px;cursor:pointer;font-weight:700;border:1px solid var(--border2);background:var(--bg2);color:var(--text3);transition:all .15s;} .ff:hover{color:var(--text2);border-color:var(--border3);} .ff.on{background:var(--accent);color:#fff;border-color:var(--accent);} /* baslik gizleme SADECE feed sayfalarinda (soru/cevap sayfasinda baslik gorunur) */ .ml-feed .qa-main-heading{display:none;} /* soru sayfasi basligi — kucuk, bold degil, kutucuk icinde */ .ml-main:not(.ml-feed) .qa-main-heading{font-size:16.5px!important;font-weight:600!important;letter-spacing:-.1px;line-height:1.5;color:var(--text);background:var(--bg2);border:1px solid var(--border2);border-left:4px solid var(--accent);border-radius:12px;padding:13px 18px;margin:2px 0 18px;} .ml-main:not(.ml-feed) .qa-main-heading a{color:var(--text);font-weight:600!important;font-size:inherit;} /* baslik icindeki TUM elemanlari zorla (ictaki link buyuk kaliyordu) */ .ml-main:not(.ml-feed) .qa-main-heading,.ml-main:not(.ml-feed) .qa-main-heading *{font-size:16.5px!important;font-weight:600!important;} /* ════════════ NAVEROK KARTLARI ════════════ */ .post{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:15px 18px;margin-bottom:11px;transition:all .15s;box-shadow:var(--shadow);position:relative;} .post:hover{border-color:var(--border2);box-shadow:var(--shadow2);} .post::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:transparent;} .post.t-pirs::before{background:var(--c-pirs);} .post.t-gotin::before{background:var(--c-gotin);} .post.t-ai::before{background:var(--c-ai);} .post.t-hwd::before{background:var(--c-hwd);} /* kart ic: sol oy sutunu + sag icerik */ .post-inner{display:flex;align-items:flex-start;gap:14px;} .post-vote{flex-shrink:0;padding-top:2px;} .post-vote .pa-vote{display:flex;flex-direction:column;gap:2px;padding:5px 8px;min-width:34px;justify-content:center;align-items:center;background:var(--bg3);border:1px solid var(--border2);border-radius:10px;text-decoration:none;} .post-vote .pa-vote b{font-size:13px;font-weight:800;line-height:1;text-align:center;color:var(--text2);} .post-vote .pa-vote i{font-size:13px;color:var(--text4);display:block;} .post-vote .pa-vote:hover{border-color:var(--accent);} /* akista Q2A gercek oylamasi: pill'i kart icine otur (float/margin sifirla) */ .post-vote .qa-voting{float:none!important;margin:0!important;} .post-body{flex:1;min-width:0;} /* post-foot: meta sol, aksiyon sag, NO oylama */ .post-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;} .post-title{font-size:15px;font-weight:700;line-height:1.4;margin-bottom:11px;} .post-title a{color:var(--text);} .post-title a:hover{color:var(--accent);} .post-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;} /* meta */ .post-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;} .pm{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text4);font-weight:500;} .pm i{font-size:14px;} .pm a{color:var(--text3);} .pm a:hover{color:var(--accent);} .pm-who{color:var(--text3);} .tur-pill{font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:7px;text-transform:lowercase;} .tur-pill.t-pirs{background:var(--c-pirs-bg);color:var(--c-pirs)!important;} .tur-pill.t-gotin{background:var(--c-gotin-bg);color:var(--c-gotin)!important;} .tur-pill.t-ai{background:var(--c-ai-bg);color:var(--c-ai)!important;} .tur-pill.t-hwd{background:var(--c-hwd-bg);color:var(--c-hwd)!important;} .tag-more{font-size:10.5px;font-weight:700;color:var(--text4);background:var(--bg4);border-radius:7px;padding:2px 7px;} /* aksiyon cubugu */ .post-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;} .pa{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--text4);padding:5px 9px;border-radius:8px;transition:all .15s;} .pa i{font-size:15px;} .pa:hover{background:var(--bg3);color:var(--text2);} .pa-vote{gap:2px;background:var(--bg3);border:1px solid var(--border2);} .pa-vote b{font-size:12px;font-weight:800;color:var(--text2);min-width:12px;text-align:center;} .pa-vote i{font-size:14px;color:var(--text4);} .pa-vote:hover{border-color:var(--accent);} .pa-report:hover{background:rgba(220,38,38,.08);color:var(--red);} /* ════════════ UYE GRID + ETIKET BULUTU ════════════ */ .rk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px;} .rk-card{display:flex;align-items:center;gap:11px;background:var(--bg2);border:1px solid var(--border);border-radius:13px;padding:12px 14px;box-shadow:var(--shadow);transition:all .15s;} .rk-card:hover{border-color:var(--border2);box-shadow:var(--shadow2);} .rk-card.rk-top{border-color:var(--accent-bg);background:var(--accent-dim);} .rk-num{font-size:12px;font-weight:800;color:var(--text4);min-width:18px;} .rk-top .rk-num{color:var(--accent);} .rk-av{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;} .rk-name{flex:1;min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .rk-name a{color:var(--text2);} .rk-name a:hover{color:var(--accent);} .rk-score{font-size:11.5px;font-weight:700;color:var(--text4);} .rk-top .rk-score{color:var(--accent);} .tagcloud{display:flex;flex-wrap:wrap;gap:8px;} .tagcloud-item{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--border2);border-radius:11px;padding:8px 13px;box-shadow:var(--shadow);transition:all .15s;} .tagcloud-item:hover{border-color:var(--accent);} .tagcloud-item .qa-tag-link{background:transparent;border:none;font-size:13px;font-weight:700;padding:0;color:var(--text2)!important;} .tagcloud-item:hover .qa-tag-link{color:var(--accent)!important;} .tagcloud-n{font-size:11px;color:var(--text4);background:var(--bg3);border-radius:8px;padding:1px 8px;font-weight:700;} /* alt nav sekmeleri (admin vb.) */ .sub-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 18px;padding:7px;background:var(--bg2);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);} .sub-tab{padding:8px 14px;border-radius:9px;font-size:12px;font-weight:700;color:var(--text3);transition:all .15s;white-space:nowrap;} .sub-tab:hover{background:var(--bg3);color:var(--text2);} .sub-tab.on{background:var(--accent);color:#fff;} /* ════════════ Q2A GENEL FORM ════════════ */ input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{background:var(--sbg);border:1px solid var(--border2);border-radius:10px;padding:10px 13px;color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:all .15s;max-width:100%;} input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--bg2);} input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:15px;height:15px;} input[type=submit],button[type=submit],.qa-form-tall-button,.qa-form-light-button{background-color:var(--accent);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:12.5px;padding:10px 18px;cursor:pointer;transition:background-color .15s;font-family:inherit;} input[type=submit]:hover,.qa-form-tall-button:hover{background-color:var(--accent-h);} .qa-form-tall-table,.qa-form-wide-table{width:100%;border-collapse:collapse;background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden;} .qa-form-tall-label,.qa-form-wide-label{font-size:12px;font-weight:700;color:var(--text2);padding:11px 15px 3px;} .qa-form-tall-data,.qa-form-wide-data{padding:4px 15px 13px;} .qa-error{color:var(--red);font-size:11.5px;font-weight:600;} .qa-page-links-list{list-style:none;display:flex;gap:5px;margin:18px 0;flex-wrap:wrap;} .qa-page-links-item a,.qa-page-links-item span{display:inline-block;padding:6px 12px;border-radius:9px;border:1px solid var(--border2);background:var(--bg2);color:var(--text3);font-size:12px;font-weight:600;} .qa-page-links-item a:hover{border-color:var(--accent);color:var(--accent);} .qa-page-links-selected a{background:var(--accent);color:#fff;border-color:var(--accent);} .qa-notice{background:var(--accent-bg);border:1px solid var(--accent);color:var(--text);padding:11px 15px;border-radius:11px;margin:0 0 14px;font-size:12.5px;} /* ════════════ FOOTER (malper bolumlu) ════════════ */ .ml-footer{margin-top:26px;border-top:1px solid var(--border);background:var(--bg3);} .foot-inner{display:flex;gap:34px;padding:30px 26px 24px;flex-wrap:wrap;max-width:1280px;margin:0 auto;width:100%;} .foot-brand{min-width:200px;flex-shrink:0;} .foot-logo{font-size:19px;font-weight:800;letter-spacing:-.5px;color:var(--text);} .foot-tag{font-size:12px;color:var(--text4);margin-top:8px;line-height:1.5;} .foot-cols{display:flex;gap:30px;flex-wrap:wrap;flex:1;} .foot-col{display:flex;flex-direction:column;gap:9px;min-width:120px;} .foot-col-hdr{font-size:11px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.09em;margin-bottom:3px;} .foot-col-hdr:hover{color:var(--accent);} .foot-link{font-size:13px;color:var(--text3);transition:color .12s;} .foot-link:hover{color:var(--accent);} .foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 26px;border-top:1px solid var(--border);max-width:1280px;margin:0 auto;width:100%;} .foot-copy{font-size:12px;color:var(--text4);} .foot-bottom-links{display:flex;gap:20px;} .foot-bottom-links a{font-size:12.5px;color:var(--text3);} .foot-bottom-links a:hover{color:var(--accent);} .pn-footer{text-align:center;font-size:11px;color:var(--text4);padding:20px 0 10px;} /* ════════════ SORU DETAYI / CEVAP / ŞÎROVE ════════════ */ /* — SORU bloku — */ .qa-q-view{position:relative;background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:22px 24px;margin-bottom:22px;box-shadow:var(--shadow);} .qa-q-view-main{overflow:hidden;} .qa-q-view-content{font-size:14.5px;line-height:1.8;color:var(--text2);margin:6px 0;} .qa-q-view-content p{margin:0 0 12px;} /* İçerikteki (soru/cevap/yorum gövdesi) görseller — orijinal dosya çözünürlüğü ne olursa olsun kartın dışına taşmasın diye kesin bir üst sınır: bu, gönderilen HTML'e style/width eklenip eklenmediğinden bağımsız çalışır (Q2A'nın kendi güvenlik temizleyicisi zaten "style" özniteliğini siliyor). */ .qa-q-view-content img,.qa-a-item-content img,.qa-c-item-content img{max-width:100%;height:auto;border-radius:8px;} /* Görsele editörde tıklayıp seçilen hizalama/boyut — bu sınıflar, kaydedilen içerikte de kalıcı (class özniteliği silinmiyor, yalnızca "style" siliniyor), o yüzden yayınlanan gönderide de aynı şekilde görünür. Hizalama (float/konum) ve boyut (max-width) birbirinden bağımsız sınıflar — ikisi birlikte kullanılabilir. */ .qa-q-view-content .ml-img-left,.qa-a-item-content .ml-img-left,.qa-c-item-content .ml-img-left{float:left;margin:4px 16px 10px 0;max-width:48%;} .qa-q-view-content .ml-img-right,.qa-a-item-content .ml-img-right,.qa-c-item-content .ml-img-right{float:right;margin:4px 0 10px 16px;max-width:48%;} .qa-q-view-content .ml-img-center,.qa-a-item-content .ml-img-center,.qa-c-item-content .ml-img-center{display:block;margin:14px auto;max-width:85%;} /* boyut sınıfları hizalamayla birlikte kullanılınca max-width'i ezer (daha spesifik/sonra tanımlı) */ .qa-q-view-content .ml-img-w25,.qa-a-item-content .ml-img-w25,.qa-c-item-content .ml-img-w25{max-width:25%!important;} .qa-q-view-content .ml-img-w50,.qa-a-item-content .ml-img-w50,.qa-c-item-content .ml-img-w50{max-width:50%!important;} .qa-q-view-content .ml-img-w75,.qa-a-item-content .ml-img-w75,.qa-c-item-content .ml-img-w75{max-width:75%!important;} .qa-q-view-content .ml-img-w100,.qa-a-item-content .ml-img-w100,.qa-c-item-content .ml-img-w100{max-width:100%!important;} .qa-q-view-meta{margin-top:16px;} .qa-q-view-tags{margin-top:12px;} .qa-q-view-buttons{margin-top:10px;} /* — Favori = TAKIP (zil) butonu — minimal — */ .qa-q-view-favoriting,.qa-favoriting{float:right;margin:0 0 6px 12px;} .qa-favorite-button,.qa-unfavorite-button,input.qa-favorite-button,input.qa-unfavorite-button{display:inline-block;width:34px;height:34px;padding:0;border-radius:10px;border:1px solid var(--border2);background-color:var(--bg2);background-repeat:no-repeat;background-position:center;background-size:18px;cursor:pointer;font-size:0;color:transparent;line-height:0;transition:all .15s;} .qa-favorite-button,input.qa-favorite-button,a.qa-favorite-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8173' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a2 2 0 0 0 3.4 0'/%3E%3C/svg%3E")!important;} .qa-unfavorite-button,input.qa-unfavorite-button,a.qa-unfavorite-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c2410c' stroke='%23c2410c' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9z'/%3E%3Cpath d='M10.3 21a2 2 0 0 0 3.4 0' fill='none'/%3E%3C/svg%3E")!important;border-color:var(--accent)!important;background-color:var(--accent-dim)!important;} .qa-favorite-button:hover,.qa-unfavorite-button:hover{border-color:var(--accent);background-color:var(--accent-dim);} /* — Soru etiketleri — net pill — */ ul.qa-q-view-tag-list,ul.qa-q-item-tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;} .qa-q-view-tag-item,.qa-q-item-tag-item{display:inline-flex;margin:0;} .qa-q-view-tags .qa-tag-link,.qa-tag-link{display:inline-block;background:var(--bg3);border:1px solid var(--border2);color:var(--text3)!important;font-size:11.5px;font-weight:600;padding:3px 11px;border-radius:8px;transition:all .15s;} .qa-tag-link:hover{border-color:var(--accent);color:var(--accent)!important;background:var(--accent-dim);} /* — CEVAP bolumu basligi (X BERSIV) — belirgin — */ .qa-part-a-list{margin-top:8px;} .qa-a-count,.qa-part-a-list > h2,.qa-a-list h2{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 18px;padding-bottom:13px;border-bottom:1px solid var(--border);} .qa-a-count::before,.qa-part-a-list > h2::before,.qa-a-list h2::before{content:"";width:5px;height:18px;border-radius:3px;background:var(--accent);display:inline-block;} /* — CEVAP karti — */ .qa-a-list-item{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:15px;padding:20px 70px 20px 22px;margin-bottom:13px;box-shadow:var(--shadow);transition:all .15s;} .qa-a-list-item:hover{border-color:var(--border2);} .qa-a-list-item.qa-a-selected{border-color:rgba(13,148,136,.35);background:rgba(13,148,136,.045);box-shadow:0 2px 10px rgba(13,148,136,.08);} .qa-a-item-main{overflow:hidden;} .qa-a-item-content{font-size:14px;line-height:1.75;color:var(--text2);} .qa-a-item-buttons{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);} /* en iyi cevap rozeti + cark: sag ust, yan yana */ .qa-a-selection{position:absolute;top:14px;right:46px;margin:0;z-index:2;} .item-kebab{position:absolute;top:14px;right:14px;} /* — ŞÎROVE (yorum) listesi — net girintili ayrim — */ .qa-c-list{margin:16px 0 0;padding:14px 0 0 0;border-top:1px dashed var(--border2);} .qa-c-list-item{position:relative;background:var(--bg3);border:1px solid var(--border);border-radius:11px;padding:11px 48px 11px 14px;margin-bottom:8px;} .qa-c-item-content{font-size:13px;line-height:1.65;color:var(--text2);} .qa-c-item-meta,.qa-c-item-avatar-meta{font-size:10.5px;color:var(--text4);margin-top:7px;} .qa-c-item-buttons{margin-top:6px;} /* ŞÎROVE etiketi (yorumlar bloku basi) */ .qa-c-list::before{content:"Şîrove";display:block;font-size:10px;font-weight:800;color:var(--text4);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;} /* — CEVABA YAZMA formu — */ .qa-a-form{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:20px 22px;margin:22px 0;box-shadow:var(--shadow);} .qa-a-form .qa-form-tall-table,.qa-a-form .qa-form-wide-table{border:none;background:transparent;} /* ════════════ OYLAMA — pirsên têkildar (pa-vote) pill'i: ok / sayı / ok ════════════ */ .qa-q-view-voting,.qa-a-item-voting,.qa-c-item-voting{float:left;} .qa-voting{ float:left!important; display:flex!important;flex-direction:column!important;align-items:center;justify-content:center; gap:1px;width:40px!important;min-width:40px;max-width:40px;box-sizing:border-box; margin:0 14px 8px 0!important; padding:4px 4px; background:var(--bg3);border:1px solid var(--border2);border-radius:10px; transition:border-color .15s; } .qa-voting:hover{border-color:var(--accent);} /* cocuklar (PHP voting_inner_html): up input -> sayi(span) -> down input; flex column dizer */ .qa-voting .qa-clear,.qa-voting .qa-vote-clear,.qa-voting br,.qa-vote-after{display:none!important;} /* ok butonlari — chevron (pirsên têkildar gibi) */ input.qa-vote-up-button,input.qa-vote-down-button, input.qa-voted-up-button,input.qa-voted-down-button, input.qa-vote-up-disabled,input.qa-vote-down-disabled{ width:30px!important;height:18px!important;padding:0;border-radius:6px; border:none!important;background-color:transparent!important; background-position:center;background-repeat:no-repeat;background-size:14px; cursor:pointer;transition:background-color .12s;display:block; } input.qa-vote-up-button,input.qa-vote-up-disabled{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a092' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6 -6l6 6'/%3E%3C/svg%3E"); } input.qa-vote-down-button,input.qa-vote-down-disabled{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a092' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E"); } input.qa-vote-up-button:hover{background-color:var(--accent-dim)!important;} input.qa-vote-down-button:hover{background-color:rgba(220,38,38,.08)!important;} input.qa-voted-up-button{ background-color:var(--accent)!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6 -6l6 6'/%3E%3C/svg%3E")!important; } input.qa-voted-down-button{ background-color:var(--red)!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E")!important; } /* sayac: tek net sayi, ortada (PHP vote_count override hep basar) */ .qa-vote-count{ display:block!important; font-size:0!important; text-align:center;line-height:1;padding:1px 0; } .qa-netvote-count-data,.qa-vote-count-data{ font-size:12px!important;font-weight:800!important;color:var(--text2)!important; display:block;text-align:center;line-height:1.1; } .qa-upvote-count,.qa-downvote-count,.qa-vote-count-pad{display:none!important;} /* meta (kim sordu / kim cevapladi) */ .qa-q-view-avatar-meta,.qa-a-item-avatar-meta,.qa-c-item-avatar-meta{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text4);flex-wrap:wrap;} .qa-q-view-avatar-meta img,.qa-a-item-avatar-meta img,.qa-c-item-avatar-meta img{width:26px;height:26px;border-radius:50%;object-fit:cover;} .qa-q-view-who-data a,.qa-a-item-who-data a,.qa-c-item-who-data a{color:var(--accent);font-weight:700;} /* hafif/light butonlar (edit, close, hide, comment, ask related…) */ input.qa-form-light-button,button.qa-form-light-button{background:var(--bg3);color:var(--text3);border:1px solid var(--border2);border-radius:9px;font-size:11.5px;font-weight:600;padding:6px 13px;cursor:pointer;margin-right:6px;transition:all .15s;font-family:inherit;text-transform:lowercase;} input.qa-form-light-button:hover{color:var(--accent);border-color:var(--accent);} input.qa-form-light-button-answer,input.qa-form-light-button-comment,input.qa-form-light-button-reply{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700;} input.qa-form-light-button-answer:hover,input.qa-form-light-button-comment:hover{color:#fff;background:var(--accent-h);} /* en iyi cevap secim dugmesi */ input.qa-a-select-button,input.qa-a-unselect-button{width:32px;height:32px;padding:0;border-radius:50%;border:1px solid var(--border2);background-color:var(--bg2);background-position:center;background-repeat:no-repeat;background-size:15px;cursor:pointer;transition:all .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23a9a092' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4 12l5 5L20 7'/%3E%3C/svg%3E");} input.qa-a-select-button:hover{border-color:#0d9488;} input.qa-a-unselect-button{background-color:#0d9488;border-color:#0d9488;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4 12l5 5L20 7'/%3E%3C/svg%3E");} /* ════════════ SINGLE: yorum kutusu + soru oylama + sikayet ════════════ */ /* yorum yazma kutusu: tam genislik (soru alani kadar) + kisa */ .qa-c-form{width:100%;margin-top:10px;} .qa-c-form .qa-form-tall-table,.qa-c-form .qa-form-wide-table{width:100%;border:none;background:transparent;} .qa-c-form .qa-form-tall-data,.qa-c-form .qa-form-wide-data{padding:0;width:100%;} .qa-c-form textarea{width:100%!important;box-sizing:border-box;height:56px;min-height:56px;} /* SORU sayfasi: sol=oylama sutunu, sag=icerik (anasayfadaki gibi) */ .qv-inner{display:flex;align-items:flex-start;gap:16px;} .qv-vote{flex-shrink:0;padding-top:2px;} /* soru oylamasi genel .qa-voting pill stilini (ok/sayi/ok) devralir; sadece float kaldir */ .qv-vote .qa-voting{float:none!important;margin:0!important;} .qv-body{flex:1;min-width:0;} /* soru oylama sutunu: native qa-q-view-stats'i sola al (cevaplardaki mantik), views yazisini gizle */ .qa-q-view-stats{float:left!important;display:block!important;margin:2px 16px 4px 0;} .qa-q-view-stats .qa-voting{float:none!important;margin:0!important;} .qa-q-view-stats .qa-view-count,.qa-q-view-stats .qa-q-view-views{display:none!important;} .qa-view-count{display:none!important;} /* qv-inner icinde views yazisi */ .qv-body .qa-q-view-stats,.qv-body .qa-q-view-views,.qv-body > div:first-child > span:first-child{display:none!important;} /* qv-vote icindeki oylama: genel .qa-voting (ok/sayi/ok) stilini devralir */ .qv-vote .qa-voting{float:none!important;margin:0!important;} .qv-vote{flex-shrink:0;padding-top:2px;} /* single post: alt satir */ .single-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 2px;padding-top:15px;border-top:1px solid var(--border);} .sf-left{display:flex;align-items:center;gap:8px;} .single-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:0;border:none;} .single-actions .pa{font-size:12px;} .single-actions .pa i{font-size:16px;} /* ust "1 ditin" goruntulenme yazisi gizli (alttaki goz ikonunda zaten var) */ .qa-q-view-views{display:none!important;} /* answer butonu — solda, belirgin (birincil) */ .sf-left input.qa-form-light-button-answer,.sf-left input.qa-form-light-button{display:inline-block;width:auto;text-align:center;background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:10px;padding:10px 24px!important;font-size:13px;font-weight:700;cursor:pointer;text-transform:none!important;margin:0!important;} .sf-left input.qa-form-light-button-answer:hover,.sf-left input.qa-form-light-button:hover{background:var(--accent-h)!important;color:#fff!important;} /* sirove (comment) butonu — ikincil: ince cerceveli */ .sf-left input.qa-form-light-button-comment{background:var(--bg2)!important;color:var(--accent)!important;border:1px solid var(--accent)!important;padding:10px 20px!important;} .sf-left input.qa-form-light-button-comment:hover{background:var(--accent-dim)!important;color:var(--accent)!important;} /* 3 nokta menu (edit/close/hide/answer/flag) — sag ust */ .qview-kebab{position:absolute;top:16px;right:18px;z-index:30;} .kebab-menu.open{z-index:60;} .kebab-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border2);background:var(--bg2);color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .15s;} .kebab-btn:hover{border-color:var(--border3);color:var(--text2);background:var(--bg3);} .kebab-menu{display:none;position:absolute;top:42px;right:0;min-width:175px;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;box-shadow:var(--shadow2);padding:6px;z-index:20;} .kebab-menu.open{display:block;} .kebab-menu .qa-q-view-buttons{margin:0!important;padding:0!important;border:none!important;display:flex;flex-direction:column;gap:2px;} .kebab-menu input.qa-form-light-button,.kebab-menu a,.kebab-menu button{display:block;width:100%;text-align:left;margin:0!important;border:none!important;background:transparent!important;color:var(--text2)!important;border-radius:8px;padding:9px 12px!important;font-size:12.5px;font-weight:600;cursor:pointer;text-transform:none!important;} .kebab-menu input.qa-form-light-button:hover,.kebab-menu a:hover,.kebab-menu button:hover{background:var(--bg3)!important;color:var(--accent)!important;} .kebab-menu input.qa-form-light-button-answer{color:var(--accent)!important;} /* cevap/yorum buton satiri + cark menu — cark sag ust kosede */ .qa-a-list-item,.qa-c-list-item{position:relative;} /* floatli oylama pill'ini icine al (alttaki bosluk/tasma onlenir) — overflow:hidden DEGIL ki cark menusu kirpilmasin */ .qa-a-list-item::after,.qa-c-list-item::after{content:"";display:block;clear:both;} /* yorum icerigi pill'in yanina otursun (BFC) */ .qa-c-item-main{overflow:hidden;} .item-foot{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);} .item-foot .qa-a-item-buttons,.item-foot .qa-c-item-buttons{display:inline-flex;align-items:center;gap:6px;margin:0!important;padding:0!important;border:none!important;flex-wrap:wrap;} .item-kebab{position:absolute;top:14px;right:14px;z-index:15;} .kebab-btn.kebab-sm{width:30px;height:30px;font-size:15px;border-radius:8px;} .item-kebab .kebab-menu{top:36px;left:auto;right:0;min-width:150px;} /* cevap yazma kutusu: tam genislik + kisa */ .qa-a-form .qa-form-tall-table,.qa-a-form .qa-form-wide-table{width:100%;} .qa-a-form .qa-form-tall-data,.qa-a-form .qa-form-wide-data{width:100%;} .qa-a-form textarea{width:100%!important;box-sizing:border-box;height:92px;min-height:92px;} /* SIKAYET (gili / flag) butonu — kirmizimsi report gorunumu */ .qa-form-light-button-flag,a.qa-flag-link,.qa-q-view-flag a,.qa-a-item-flag a,.qa-c-item-flag a,.qa-q-view-flag input,.qa-a-item-flag input,.qa-c-item-flag input{color:var(--red)!important;border-color:rgba(220,38,38,.28)!important;background:var(--bg2)!important;} .qa-form-light-button-flag:hover,a.qa-flag-link:hover{background:rgba(220,38,38,.08)!important;border-color:var(--red)!important;} /* ════════════ PARVE (paylas) popup + GILI (flag) ════════════ */ .share-wrap{position:relative;display:inline-flex;} .share-btn{background:transparent!important;border:none!important;cursor:pointer;} .share-menu{display:none;position:absolute;bottom:34px;right:0;min-width:200px;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;box-shadow:var(--shadow2);padding:6px;z-index:60;} .share-menu.open{display:block;} .share-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 11px;margin:0;border:none;background:transparent;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text2);cursor:pointer;font-family:inherit;text-transform:none;} .share-opt i{font-size:17px;color:var(--text3);width:18px;text-align:center;} .share-opt:hover{background:var(--bg3);color:var(--accent);} .share-opt:hover i{color:var(--accent);} /* Gili bike (soru sayfasi): plugin sikayet butonunu .pa pa-report gorunumune indir (anasayfa ile ayni) */ .single-actions .sa-flag{cursor:pointer;} .single-actions .sa-flag>i{font-size:15px;} .single-actions .sa-flag input,.single-actions .sa-flag button,.single-actions .sa-flag a{ background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important; padding:0!important;margin:0!important;min-width:0!important;width:auto!important;border-radius:0!important; color:inherit!important;font-size:11.5px!important;font-weight:600!important;font-family:inherit!important; text-transform:none!important;cursor:pointer;line-height:1.4!important; } .single-actions .sa-flag:hover input,.single-actions .sa-flag:hover button,.single-actions .sa-flag:hover a{color:var(--red)!important;} /* eski paylasim eklentisi blogu (parveke + FB/Twitter/Reddit) gizle — kendi popup'imiz var */ .qa-q-view div:has(> a[href*="facebook.com/sharer"]):not(.share-menu), .qa-q-view div:has(> a[href*="twitter.com/share"]):not(.share-menu), .qa-q-view div:has(> a[href*="twitter.com/intent"]):not(.share-menu), .qa-q-view div:has(> a[href*="reddit.com/submit"]):not(.share-menu), .qa-q-view div:has(> a[href*="linkedin.com/share"]):not(.share-menu){display:none!important;} /* Q2A native yan widget'lari (yonetimden eklenen istatistik vs.) panele uydur */ /* Q2A'nin kendi sidebar div'ini tamamen gizle — biz kendi panelimizi kullaniyoruz */ div.qa-sidebar{display:none!important;} div.qa-sidepanel{display:none!important;} .ml-widget{padding:14px 16px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text3);line-height:1.6;} .ml-widget:first-child{border-top:none;} .ml-widget h2,.ml-widget h3,.ml-widget h4,.ml-widget .qa-widget-title{font-size:11px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;padding-bottom:8px;margin:0 0 9px;border-bottom:2px solid var(--red);} .ml-widget a{display:inline-flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--border2);color:var(--text3)!important;font-size:11.5px!important;font-weight:600;padding:4px 10px;border-radius:9px;margin:0 4px 6px 0;line-height:1.4;transition:all .15s;} .ml-widget a:hover{border-color:var(--accent);color:var(--accent)!important;background:var(--accent-dim);} .ml-main-widget{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:15px 18px;margin-bottom:14px;box-shadow:var(--shadow);font-size:13px;color:var(--text3);line-height:1.6;} .ml-main-widget h2,.ml-main-widget h3,.ml-main-widget .qa-widget-title{font-size:13.5px;font-weight:800;color:var(--text);margin:0 0 10px;} .ml-main-widget a{color:var(--accent);font-weight:600;} .side-raw{font-size:12.5px;color:var(--text3);line-height:1.6;} .side-box{font-size:12.5px;color:var(--text3);line-height:1.6;} .side-box h2,.side-box h3,.side-box .qa-sidebar-heading{font-size:11px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;padding-bottom:8px;margin:0 0 8px;border-bottom:2px solid var(--red);} /* Layout: custom header (ust) + custom footer (alt) */ .ml-full{max-width:1280px;margin:0 auto;padding:14px 22px 0;} .ml-custom-top{margin:0 0 14px;} .ml-custom-bottom{max-width:1280px;margin:20px auto 0;padding:0 22px;width:100%;} .ml-custom-inner{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px 18px;font-size:12.5px;color:var(--text3);box-shadow:var(--shadow);line-height:1.6;} /* ════════════ DUYARLILIK ════════════ */ @media(max-width:1080px){ .ml-panel{width:300px;min-width:300px;} .logo{width:300px;min-width:300px;} } @media(max-width:900px){ .logo{width:auto;min-width:0;} } /* Dar ekranlarda üst bardaki sabit genişlikli ikonlar (tema noktaları, dil seçici, zil/ekle/hesap/çıkış ikonları) toplamda gerçek telefon genişliğinden (~360-414px) fazla yer kaplıyor ve sıkışık/taşmış görünüyordu. En az öncelikli öğeleri sırayla gizliyoruz; hamburger, logo ve kullanıcı çipi/giriş-kayıt her zaman kalır. (2026-07-06) */ @media(max-width:640px){ .theme-dots{display:none;} .logo-tagline{display:none;} .logo{padding:5px 10px;} .top-bar-inner{gap:10px;padding:0 12px;} .top-bar-right{gap:6px;} } @media(max-width:420px){ .lang-pills{display:none;} } @media(max-width:900px){ .nav-burger{display:flex;} .ml-home{padding:14px;gap:0;} /* NOT (2026-07-06, 2. tur): "left" yerine transform'a geçmek gerçek telefonda tek başına yetmedi — asıl sorun "top:56px;bottom:0" ile bırakılan yüksekliğin, gerçek mobil tarayıcıların (adres çubuğu/alt çubuk açılıp kapanınca boyu değişen) dinamik görünüm alanında GÜVENİLİR hesaplanmaması. Masaüstünde pencereyi küçültmek bu davranışı asla tetiklemiyor (masaüstünde adres çubuğu boy değiştirmiyor) — bu yüzden "laptopta küçültünce güzel, telefonda hâlâ bozuk" farkı ortaya çıktı. flex:1 olan panel-scroll, ara hesaplamalarda yüksekliği 0'a düşüp öyle kalabiliyor, panel-bottom (sabit boyutlu) ise etkilenmiyordu. "bottom:0" ile üstü/altı birbirine bırakmak yerine height'ı doğrudan ve açıkça "dvh" (gerçek görünür alanı takip eden birim) ile veriyoruz. */ .ml-panel{position:fixed;left:0;top:56px;height:calc(100vh - 56px);height:calc(100dvh - 56px);width:330px;max-height:none;border-radius:0;z-index:90;transform:translateX(-110%);transition:transform .25s ease;box-shadow:6px 0 24px rgba(60,50,30,.14);will-change:transform;} .ml-panel.open{transform:translateX(0);} .post-foot{flex-direction:column;align-items:flex-start;gap:9px;} .post-actions{width:100%;} } /* Mobilde (q-grid tek sütuna düştüğü noktada, bkz. .q-grid altındaki 1000px sorgusu) sohbet/vitrin ana içeriğin en altına kayıyordu. Bilgi barının hemen altına küçük bir kısayol barı ekleniyor: "Sohbet" mevcut tam ekran sohbet overlay'ini doğrudan açar; "Vitrin" ise #pnPanelStack'i (JS ile, yalnızca mobilde) bu barın altındaki kutuya taşıyıp aç/kapa gösterir. Masaüstünde .q-mtabs zaten gizli, JS taşıma çalışmıyor — masaüstü düzeni değişmiyor. (2026-07-06) */ .q-mtabs{display:none;} .q-mpane{display:none;} @media(max-width:1000px){ .q-mtabs{display:flex;gap:8px;margin:0 0 12px;} .q-mtab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid var(--border2);border-radius:10px;background:var(--bg2);color:var(--text3);font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;} .q-mtab.on{color:#fff;background:var(--accent);border-color:var(--accent);} .q-mpane{display:block;max-height:0;overflow:hidden;} .q-mpane.open{max-height:none;overflow:visible;margin-bottom:14px;} .q-mpane #pnPanelStack{width:100%;} } /* ===== Tek-gönderi: geniş info barı + içerik|panel grid (TalkRant düzeni) ===== */ .pn-qfull{max-width:none;} .qsb-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--card,#fff);border:1px solid var(--border,rgba(0,0,0,.08));border-left:3px solid var(--accent,#c2410c);border-radius:0 12px 12px 0;padding:8px 16px;margin-bottom:14px;} .qsb-user{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;} .qsb-av{width:30px;height:30px;border-radius:50%;background:var(--accent,#c2410c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;overflow:hidden;flex:0 0 auto;} .qsb-av-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;} .qsb-name{font-size:14px;font-weight:600;} .qsb-sep{width:1px;height:26px;background:var(--border,rgba(0,0,0,.1));flex:0 0 auto;} .qsb-stat{display:flex;flex-direction:column;align-items:center;line-height:1.1;} .qsb-val{font-size:16px;font-weight:800;} .qsb-lbl{font-size:10px;letter-spacing:.05em;color:var(--text4,#999);text-transform:uppercase;} .qsb-id .qsb-val{font-size:12px;font-family:monospace;color:var(--accent,#c2410c);} .q-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start;} .q-col-left{min-width:0;} .q-col-right{min-width:0;position:sticky;top:14px;} .pn-ph{border:1px dashed var(--border2,rgba(0,0,0,.2));border-radius:12px;padding:30px 16px;text-align:center;color:var(--text4,#999);font-size:13px;} .pn-ph i{font-size:24px;display:block;margin-bottom:8px;opacity:.6;} @media(max-width:1000px){.q-grid{grid-template-columns:1fr;}.q-col-right{position:static;}} /* ════════════ VİTRİN (showcase — TalkRant'tan Malper paletine uyarlama) ════════════ */ #pnPanelStack{display:flex;flex-direction:column;gap:10px;} .pn-sc-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);} .pn-sc-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--accent-dim);border-bottom:2px solid var(--accent);} .pn-sc-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent);} .pn-sc-title i{color:var(--accent);font-size:15px;} .pn-sc-coll{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border2);border-radius:7px;background:transparent;color:var(--text4);cursor:pointer;padding:0;font-size:14px;margin-left:6px;} .pn-sc-coll:hover{border-color:var(--accent);color:var(--accent);} .pn-sc-card.collapsed #pnScStage,.pn-sc-card.collapsed #pnScManage{display:none;} .pn-sc-stage{position:relative;background:var(--bg3);} .pn-sc-stage img{display:block;width:100%;max-height:300px;object-fit:contain;background:rgba(0,0,0,.04);} .pn-sc-yt{position:relative;width:100%;padding-top:56.25%;} .pn-sc-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} .pn-sc-audio{width:100%;border:0;display:block;} .pn-sc-del{position:absolute;top:8px;right:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:7px;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;font-size:15px;z-index:2;} .pn-sc-del:hover{background:var(--red);} .pn-sc-mark{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#fff;background:rgba(0,0,0,.5);border-radius:6px;padding:2px 7px;z-index:2;} .pn-sc-mark i{font-size:12px;} .pn-sc-feat{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);border:none;border-radius:7px;padding:4px 9px;cursor:pointer;z-index:2;} .pn-sc-feat:hover{background:var(--accent);} .pn-sc-cap{padding:8px 12px;font-size:12px;color:var(--text2);line-height:1.4;} .pn-sc-cap b{color:var(--text4);font-weight:600;font-size:11px;} .pn-sc-dots{display:flex;justify-content:center;gap:5px;padding:6px 0 9px;} .pn-sc-dot{width:7px;height:7px;border-radius:50%;background:var(--border2);cursor:pointer;border:0;padding:0;} .pn-sc-dot.on{background:var(--accent);} .pn-sc-empty{padding:18px 12px;text-align:center;color:var(--text4);font-size:12px;} .pn-sc-empty i{font-size:24px;display:block;margin-bottom:6px;opacity:.5;} /* katalog barı */ .pn-sc-cat{display:flex;gap:7px;padding:10px 12px;flex-wrap:wrap;border-top:1px solid var(--border);} .pn-sc-tile{display:flex;flex-direction:column;align-items:center;gap:3px;width:58px;padding:8px 0;border:1px solid var(--border2);border-radius:9px;background:transparent;cursor:pointer;color:var(--text3);font-size:10.5px;font-family:inherit;} .pn-sc-tile i{font-size:18px;} .pn-sc-tile:hover{border-color:var(--accent);color:var(--accent);} .pn-sc-tile.on{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);} .pn-sc-tile[disabled]{opacity:.45;cursor:default;} .pn-sc-add{margin:0 12px 12px;border:1px solid var(--accent);border-radius:10px;padding:12px;background:var(--bg3);} .pn-sc-add-h{font-size:12px;color:var(--accent);margin-bottom:9px;display:flex;align-items:center;gap:5px;} .pn-sc-drop{border:1.5px dashed var(--border2);border-radius:9px;background:var(--bg2);padding:18px;text-align:center;color:var(--text4);font-size:12px;cursor:pointer;} .pn-sc-drop i{font-size:22px;display:block;margin-bottom:5px;} .pn-sc-prev{max-height:130px;max-width:100%;border-radius:6px;display:block;margin:0 auto;} .pn-sc-add input[type=text]{width:100%;box-sizing:border-box;border:1px solid var(--border2);border-radius:8px;padding:8px 10px;font-size:12px;background:var(--bg2);color:var(--text2);outline:none;margin-top:9px;font-family:inherit;} .pn-sc-add input[type=text]:focus{border-color:var(--accent);} .pn-sc-add-row{display:flex;gap:7px;margin-top:9px;} .pn-sc-pin{display:inline-flex;align-items:center;gap:5px;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;} .pn-sc-pin:hover{background:var(--accent-h);} .pn-sc-pin:disabled{opacity:.5;cursor:not-allowed;} .pn-sc-cancel{background:transparent;border:1px solid var(--border2);color:var(--text3);border-radius:8px;padding:8px 12px;font-size:12px;cursor:pointer;font-family:inherit;} /* boşluk sıkılaştırma */ .qsb-bar{margin-bottom:10px;} .q-grid{gap:13px;} /* info bar sağ aksiyonları: takip + paylaş */ .qsb-actions{margin-left:auto;display:flex;align-items:center;gap:8px;} .qsb-btn{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:9px;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;transition:all .15s;white-space:nowrap;} .qsb-btn:hover{border-color:var(--accent);color:var(--accent);} .qsb-btn i{font-size:15px;} .qsb-follow.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);} .qsb-share{position:relative;} /* tek-gönderi: standalone başlığı gizle, başlık q_view kartının içine basılır (PHP) */ .ml-question .qa-main-heading{display:none!important;} .pn-qtitle{font-size:20px;font-weight:800;line-height:1.35;margin:0 0 9px;padding-right:44px;color:var(--text);clear:both;} .pn-qtitle a{color:inherit;} .pn-qtitle a:hover{color:var(--accent);} /* başlığı içerikten ayıran yumuşak, konuya özel renkli çizgi */ .pn-qtitle-rule{clear:both;height:3px;width:100%;border-radius:3px;margin:0 0 16px;background:linear-gradient(90deg,hsl(var(--qh,210) 70% 56% / .85) 0%,hsl(var(--qh,210) 70% 56% / .55) 38%,hsl(var(--qh,210) 70% 56% / 0) 100%);} /* info bar paylaş popup'ı AŞAĞI açılsın (header altına girmesin) */ .qsb-share .share-menu{top:calc(100% + 8px);bottom:auto;left:auto;right:0;} /* cevap içeriği çark/seç butonunun altına girmesin */ .ml-question .qa-a-item-content::before{content:"";float:right;width:42px;height:34px;} /* seçili cevap rozeti: absolute yerine içeriğin ÜSTÜNDE yeşil şerit (doğru sınıf: .qa-a-item-selected) */ .ml-question .qa-a-item-selected .qa-a-selection{position:static!important;top:auto;right:auto;display:inline-flex;align-items:center;gap:7px;width:auto;background:rgba(13,148,136,.1);border:1px solid rgba(13,148,136,.3);border-radius:9px;padding:4px 11px 4px 6px;margin:0 0 11px;} .ml-question .qa-a-item-selected .qa-a-selected-text{font-size:12px;font-weight:800;color:#0d9488;white-space:nowrap;} .ml-question .qa-a-item-selected .qa-a-selection input.qa-a-unselect-button{width:22px;height:22px;background-size:13px;border-radius:50%;} .ml-question .qa-a-item-selected .qa-a-selection .qa-a-selected{width:20px;height:20px;border-radius:50%;background:#0d9488 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat;} /* yorum listesi ile üstündeki soru detayı (answer/comment satırı) arasına nefes payı */ .ml-question .qa-c-list{margin-top:30px;} .ml-question .single-foot{margin-bottom:10px;} /* YORUM: reply + çark BİRLİKTE, meta hizasında sağ-altta (kısa yorumda çakışmaz) */ .ml-question .qa-c-list-item{padding:11px 14px 12px 14px;} .ml-question .qa-c-list-item .qa-c-item-avatar-meta{padding-right:128px;} .ml-question .qa-c-list-item .item-foot{position:absolute;right:14px;bottom:9px;margin:0;padding:0;border:0;background:none;} .ml-question .qa-c-list-item .item-foot .if-act{display:flex;align-items:center;gap:6px;} .ml-question .qa-c-list-item .item-foot .qa-c-item-buttons{position:static;margin:0;} .ml-question .qa-c-list-item .item-foot .item-kebab{position:static;top:auto;right:auto;} .ml-question .qa-c-list-item .item-foot .item-kebab .kebab-menu{top:auto;bottom:calc(100% + 6px);right:0;} /* SORU: meta solda esner; aksiyon grubu sağda DAR dikey yığın (bersiv/şîrove ÜSTTE, istatistik ALTTA) → meta'ya yer açılır, çakışmaz */ .ml-question .single-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:nowrap;} .sf-meta{flex:1 1 auto;min-width:0;} .sf-meta .qa-q-view-avatar-meta{margin:0;} .sf-act{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:9px;} .sf-act .sf-left{display:flex;gap:8px;} .sf-act .single-actions{margin:0;} /* CEVAP: meta solda esner; buton+çark sağda (flex, çakışma yok) */ .ml-question .qa-a-item-main .item-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:nowrap;} .if-meta{flex:1 1 auto;min-width:0;} .if-meta .qa-a-item-avatar-meta{margin:0;} .ml-question .qa-a-item-main .item-foot .if-act{flex:0 0 auto;display:flex;align-items:center;gap:8px;} /* ════════════ SOHBET + CİVÎN PANELİ (TalkRant'tan Malper paletine uyarlama) ════════════ */ @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}} /* TalkRant değişken adları → Malper eşdeğerleri */ .pn-chatroom,.tr-settings,.trm-menu,.trs-popup,.trs-ac,#pnPanelStack{--nav-bg:var(--bg3);--card:var(--bg2);--live:var(--red);--accent-soft:var(--accent-bg);} .rp-ld{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1.2s infinite;} .sess-av{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;} .sess-av.s2{background:#8b5cf6;} /* — canlı önizleme kartı (pn-cv) — */ .pn-cv-card{background:var(--card,#fff);border:1px solid var(--border,rgba(128,128,128,.18));border-radius:12px;padding:12px;margin-bottom:10px} .pn-cv-load,.pn-cv-empty{padding:16px;text-align:center;color:var(--text4,#999);font-size:12px} .pn-cv-head{display:flex;align-items:center;gap:8px;margin:-12px -12px 10px;padding:9px 12px;background:rgba(229,62,62,.07);border-bottom:2px solid var(--live,#e53e3e);border-radius:12px 12px 0 0;min-width:0} .pn-cv-head .pn-cv-slogan i{color:var(--live,#e53e3e)} .pn-cv-head .pn-cv-slogan em{color:var(--live,#e53e3e)} .pn-cv-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.03em;color:var(--live,#e53e3e);background:rgba(229,62,62,.1);border:1px solid rgba(229,62,62,.25);border-radius:99px;padding:3px 8px;text-transform:uppercase} .pn-cv-slogan{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text3,#666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pn-cv-slogan i{color:var(--accent,#b5560e);font-size:14px;flex:0 0 auto} .pn-cv-slogan em{font-weight:600;color:var(--text2,#333);overflow:hidden;text-overflow:ellipsis} .pn-cv-watch{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--text4,#999)} .pn-cv-exp{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border2,rgba(128,128,128,.3));border-radius:8px;background:transparent;color:var(--text3,#666);cursor:pointer;padding:0;font-size:15px} .pn-cv-exp:hover{border-color:var(--accent,#b5560e);color:var(--accent,#b5560e)} .pn-cv-coll{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border2,rgba(128,128,128,.3));border-radius:8px;background:transparent;color:var(--text3,#666);cursor:pointer;padding:0;font-size:15px;margin-left:4px} .pn-cv-coll:hover{border-color:var(--accent,#16a34a);color:var(--accent,#16a34a)} .pn-cv-card.collapsed .pn-cv-prev,.pn-cv-card.collapsed .pn-cv-send,.pn-cv-card.collapsed .pn-cv-loginhint,.pn-cv-card.collapsed .pn-cv-tip,.pn-cv-card.collapsed .pn-cv-note,.pn-cv-card.collapsed .pn-cv-needpts,.pn-cv-card.collapsed .pn-cv-acts{display:none} .pn-cv-stats{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto} .pn-cv-card.collapsed{padding-bottom:0} .pn-cv-card.collapsed .pn-cv-head{margin-bottom:0} .pn-cv-topicname{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text3,#666);font-weight:400} .pn-cv-head .pn-cv-slogan em{flex:0 0 auto} .pn-cv-deb{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--text2,#333);margin-bottom:10px} .pn-cv-deb .sess-av{width:22px;height:22px} .pn-cv-vs{color:var(--text4,#999);font-size:11px;font-weight:400} .pn-cv-prev{background:var(--bg3,rgba(128,128,128,.06));border-radius:8px;padding:8px 10px;min-height:170px;max-height:42vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:9px} .pn-cv-msg{font-size:12px;line-height:1.45;color:var(--text2,#333)} .pn-cv-msg b{color:var(--accent,#b5560e);font-weight:600;margin-right:4px} .pn-cv-msg.r{text-align:right} .pn-cv-acts{display:flex;gap:8px} .pn-cv-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;padding:9px 10px;border-radius:8px;cursor:pointer;border:1px solid var(--border2,rgba(128,128,128,.3));background:transparent;color:var(--text2,#333)} .pn-cv-btn:hover{border-color:var(--accent,#b5560e)} .pn-cv-btn.go{background:var(--accent,#b5560e);color:#fff;border-color:var(--accent,#b5560e)} .pn-cv-btn[disabled]{opacity:.5;cursor:not-allowed} .pn-cv-btn[disabled]:hover{border-color:var(--border2,rgba(128,128,128,.3))} .pn-cv-needpts{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--accent,#b5560e)!important;font-weight:600} .pn-cv-emptybig{padding:22px 12px;text-align:center;color:var(--text4,#999);font-size:13px} .pn-cv-emptybig i{font-size:26px;display:block;margin-bottom:8px;opacity:.5} .pn-cv-note{margin-top:8px;font-size:10.5px;line-height:1.4;color:var(--text4,#999);text-align:center} .pn-cv-tip{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:8px 10px;background:var(--accent-soft,rgba(22,163,74,.08));border-left:3px solid var(--accent,#16a34a);border-radius:0 8px 8px 0;font-size:11.5px;line-height:1.45;color:var(--text2,#333)} .pn-cv-tip i{color:var(--accent,#16a34a);font-size:15px;flex:0 0 auto;margin-top:1px} .pn-cv-send{display:flex;align-items:center;gap:6px;margin-bottom:10px} .pn-cv-inp{flex:1;min-width:0;border:1px solid var(--border2,rgba(128,128,128,.3));background:var(--bg3,rgba(128,128,128,.06));border-radius:8px;padding:8px 10px;font-size:12px;color:var(--text2,#333);outline:none;font-family:inherit} .pn-cv-inp:focus{border-color:var(--accent,#b5560e)} .pn-cv-go{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--accent,#b5560e);color:#fff;cursor:pointer} .pn-cv-go:hover{opacity:.88} .pn-cv-go:disabled{opacity:.5;cursor:not-allowed} .pn-cv-msg.aud{opacity:.8} .pn-cv-msg.aud b{color:var(--text4,#999)} .pn-cv-loginhint{font-size:11.5px;color:var(--text4,#999);text-align:center;margin-bottom:10px} .pn-cv-loginhint a{color:var(--accent,#b5560e);cursor:pointer;text-decoration:underline} .pn-cv-vote{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;color:var(--accent,#b5560e)} .pn-cv-msg .cvnick:hover{text-decoration:underline} .pn-cv-deb-slot{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap} .pn-cv-deb-slot.taken{opacity:.5} .pn-cv-deb-slot b{font-weight:600} .pn-cv-join{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:7px;border:1px solid var(--accent,#b5560e);background:var(--accent,#b5560e);color:#fff;cursor:pointer} .pn-cv-join:hover{opacity:.88} .pn-cv-join.dis{background:transparent;color:var(--text4,#999);border-color:var(--border2,rgba(128,128,128,.3));cursor:not-allowed;opacity:.6} .pn-cv-leave{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:7px;border:1px solid var(--live,#e53e3e);background:transparent;color:var(--live,#e53e3e);cursor:pointer} .pn-cv-leave:hover{background:var(--live,#e53e3e);color:#fff} .sess-av.ghost{opacity:.4} .pn-cv-topic{display:flex;align-items:flex-start;gap:8px;background:var(--bg3,rgba(128,128,128,.06));border-left:3px solid var(--accent,#b5560e);border-radius:0 6px 6px 0;padding:7px 10px;margin-bottom:10px} .pn-cv-topic>i{color:var(--accent,#b5560e);font-size:15px;line-height:1.3;flex:0 0 auto} .pn-cv-topic-txt{display:flex;flex-direction:column;gap:1px;min-width:0} .pn-cv-topic-lbl{font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--text4,#999)} .pn-cv-topic-title{font-size:12px;font-style:italic;color:var(--text2,#333);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} /* — tam ekran sohbet — */ .pn-chatroom{display:none;flex:1;min-width:0;overflow:hidden;} body.pn-chat-open .pn-page-scroll{display:none;} body.pn-chat-open .pn-chatroom{display:flex;} .pn-chatroom .chat-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;} .pn-chatroom .chat-topbar{background:var(--nav-bg);border-bottom:1px solid var(--border);padding:0 16px;height:42px;display:flex;align-items:center;gap:8px;flex-shrink:0;} .pn-chatroom .crumb a{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--accent);cursor:pointer;} .pn-chatroom .crumb-sep{font-size:12px;color:var(--text5);} .pn-chatroom .crumb-cur{font-size:12px;color:var(--text3);max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pn-chatroom .chat-topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;} .pn-chatroom .settings-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:8px;border:1px solid var(--border2);background:var(--bg2);font-size:11px;color:var(--text3);cursor:pointer;font-family:'Inter',sans-serif;} .pn-chatroom .live-cnt{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--live);font-weight:600;} .pn-chatroom .live-cnt span{width:6px;height:6px;border-radius:50%;background:var(--live);animation:pulse 1.2s infinite;} .pn-chatroom .debaters-bar{background:var(--nav-bg);border-bottom:1px solid var(--border);padding:10px 18px;display:flex;align-items:center;flex-shrink:0;} .pn-chatroom .debater{flex:1;min-width:0;} .pn-chatroom .debater.r{text-align:right;} .pn-chatroom .d-name{font-size:14px;font-weight:700;color:var(--text);} .pn-chatroom .d-role{font-size:11px;color:var(--text4);margin-top:1px;} .pn-chatroom .d-acts{display:flex;gap:6px;margin-top:7px;} .pn-chatroom .debater.r .d-acts{justify-content:flex-end;} .pn-chatroom .d-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 11px;border-radius:14px;border:1px solid var(--border2);background:var(--bg4);font-size:12px;color:var(--text3);cursor:pointer;} .pn-chatroom .vs-mid{padding:0 18px;color:var(--text5);font-size:12px;font-weight:800;} .pn-chatroom .prog-bar{height:3px;display:flex;flex-shrink:0;} .pn-chatroom .prog-l{background:var(--accent);} .pn-chatroom .prog-r{background:var(--live);flex:1;} .pn-chatroom .mod-earn-bar{background:var(--bg4);border-bottom:1px solid var(--border);padding:7px 18px;display:flex;align-items:center;gap:10px;flex-shrink:0;} .pn-chatroom .meb-left{display:flex;align-items:center;gap:7px;} .pn-chatroom .meb-av{width:24px;height:24px;border-radius:50%;background:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;} .pn-chatroom .meb-name{font-size:12px;font-weight:600;color:var(--text3);} .pn-chatroom .meb-right{margin-left:auto;display:flex;align-items:center;gap:14px;} .pn-chatroom .earn-seg{display:flex;flex-direction:column;align-items:center;} .pn-chatroom .earn-seg-lbl{font-size:9px;color:var(--text4);font-weight:700;text-transform:uppercase;letter-spacing:.06em;} .pn-chatroom .earn-seg-val{font-size:13px;font-weight:800;color:#f59e0b;} .pn-chatroom .earn-seg-val.plat{color:var(--accent);} .pn-chatroom .earn-sep{width:1px;height:26px;background:var(--border2);} .pn-chatroom .gift-send-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border:none;border-radius:14px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:11px;font-weight:700;cursor:pointer;} .pn-chatroom .messages{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:9px;} .pn-chatroom .mb{display:flex;flex-direction:column;max-width:78%;align-self:flex-start;} .pn-chatroom .mb.right{align-self:flex-end;align-items:flex-end;} .pn-chatroom .mb-sender{font-size:11px;font-weight:600;color:var(--text4);margin-bottom:3px;} .pn-chatroom .mb-bubble{padding:9px 13px;border-radius:13px;font-size:13px;line-height:1.5;color:var(--text);background:var(--card);border:1px solid var(--border);border-bottom-left-radius:3px;} .pn-chatroom .mb.left .mb-bubble{background:var(--card);border:1px solid var(--border);border-bottom-left-radius:3px;} .pn-chatroom .mb.right .mb-bubble{background:var(--accent-bg);border:1px solid var(--accent-dim);border-bottom-right-radius:3px;color:var(--text2);} .pn-chatroom .mb-time{font-size:10px;color:var(--text5);margin-top:3px;} .pn-chatroom .typing-bar{padding:7px 18px;font-size:12px;color:var(--text4);background:var(--nav-bg);border-top:1px solid var(--border);display:flex;align-items:center;gap:6px;flex-shrink:0;} .pn-chatroom .dots span{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--text4);animation:pn-dot 1.2s infinite;margin-right:2px;} .pn-chatroom .dots span:nth-child(2){animation-delay:.2s;} .pn-chatroom .dots span:nth-child(3){animation-delay:.4s;} @keyframes pn-dot{0%,80%,100%{transform:scale(1);}40%{transform:scale(1.5);}} .pn-chatroom .input-row{background:var(--nav-bg);border-top:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;gap:8px;flex-shrink:0;} .pn-chatroom .guest-cta{background:var(--nav-bg);border-top:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;flex-shrink:0;} .pn-chatroom .guest-cta-txt{font-size:12.5px;color:var(--text3);} .pn-chatroom .guest-cta-acts{display:flex;align-items:center;gap:10px;} .pn-chatroom .guest-cta-btn{padding:7px 14px;border-radius:8px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;text-decoration:none;} .pn-chatroom .guest-cta-btn:hover{opacity:.88;} .pn-chatroom .guest-cta-link{font-size:12px;color:var(--accent);text-decoration:none;font-weight:600;} .pn-chatroom .i-av{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;} .pn-chatroom .msg-inp{flex:1;padding:9px 14px;border:1px solid var(--border2);border-radius:20px;font-size:13px;outline:none;background:var(--sbg);color:var(--text2);font-family:'Inter',sans-serif;} .pn-chatroom .msg-inp:focus{border-color:var(--accent);} .pn-chatroom .send-btn{width:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 16px;border:none;border-radius:20px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;} .pn-chatroom .chat-rpanel{width:300px;min-width:300px;background:var(--nav-bg);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;} .pn-chatroom .crp-header{padding:11px 13px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;} .pn-chatroom .crp-title{font-size:11px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.06em;} .pn-chatroom .crp-cnt{font-size:13px;font-weight:700;color:var(--text2);} .pn-chatroom .crp-list{flex:0 0 auto;max-height:34%;overflow-y:auto;padding:10px 12px;} .pn-chatroom .crp-online{flex:1;overflow-y:auto;padding:8px 10px;} .pn-chatroom .crp-sub{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text5,#999);padding:9px 14px 3px;border-top:1px solid var(--border);flex-shrink:0;} .pn-chatroom .crp-empty{padding:14px;text-align:center;color:var(--text4);font-size:12px;} .pn-chatroom .pres-badge{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--accent);border-radius:99px;padding:1px 6px;margin-left:4px;} .pn-chatroom .aud-item.deb .aud-name{font-weight:700;} .pn-chatroom .aud-top .um-dot{margin-left:auto;} .pn-chatroom .aud-top .um-dot+.aud-del{margin-left:6px;} .pn-chatroom .aud-item.pres{margin-bottom:6px;} .pn-chatroom .aud-item.pres .aud-cmt{display:none;} .pn-chatroom .aud-item{margin-bottom:11px;} .pn-chatroom .aud-top{display:flex;align-items:center;gap:6px;margin-bottom:3px;} .pn-chatroom .aud-av{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0;} .pn-chatroom .aud-name{font-size:11px;font-weight:600;color:var(--text3);} .pn-chatroom .aud-cmt{font-size:11px;color:var(--text4);line-height:1.45;padding-left:28px;} .pn-chatroom .crp-footer{padding:9px 12px;border-top:1px solid var(--border);flex-shrink:0;} .pn-chatroom .aud-inp-row{display:flex;gap:6px;} .pn-chatroom .aud-inp{flex:1;padding:7px 11px;border:1px solid var(--border2);border-radius:14px;font-size:12px;outline:none;background:var(--sbg);color:var(--text2);font-family:'Inter',sans-serif;} .pn-chatroom .aud-inp:focus{border-color:var(--accent);} .pn-chatroom .aud-send{width:28px;height:28px;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;} @media(max-width:1000px){.pn-chatroom .chat-rpanel{display:none;}} /* “dağa fazla sohbet” butonu + açılır arşiv */ .pn-more-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;margin-bottom:10px;border:1px solid var(--border2);border-radius:10px;background:var(--bg2);color:var(--text3);font-size:12px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all .15s;} .pn-more-btn:hover{border-color:var(--accent);color:var(--accent);} .pn-more-chev{font-size:13px;transition:transform .2s;} .pn-more-btn.on .pn-more-chev{transform:rotate(180deg);} .pn-archive{display:none;} .pn-archive.open{display:block;} /* Mîheng paneli + moderasyon + popup */ .pn-chatroom .chat-main{position:relative;} /* ════════════ MİHENG PANELİ v2 ════════════ */ .tr-settings{display:none;position:absolute;top:46px;right:14px;z-index:50;width:320px;max-width:94%;background:var(--card);border:1px solid var(--border2);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.32);overflow:hidden;} .trs-header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--border);} .trs-title{font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.2px;} .trs-close-btn{width:26px;height:26px;border-radius:7px;background:transparent;border:1px solid var(--border2);color:var(--text4);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;padding:0;font-family:inherit;} .trs-close-btn:hover{color:var(--text2);border-color:var(--border3);} .trs-section{padding:10px 15px;border-bottom:1px solid var(--border);} .trs-section:last-child{border-bottom:none;} .trs-sec-label{font-size:9.5px;font-weight:700;color:var(--text5);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;} .trs-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;} .trs-status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;} .trs-status-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:8px;} .trs-toggle-label{display:flex;flex-direction:column;gap:2px;min-width:0;} .trs-actions{display:flex;flex-wrap:wrap;gap:8px;} .trs-status-chip.open{background:var(--accent-bg);color:var(--accent);} .trs-status-chip.closed{background:var(--bg4);color:var(--text4);} .trs-status-chip.frozen{background:rgba(56,139,253,.15);color:#388bfd;} .trs-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;} .trs-status-chip.open .trs-status-dot{animation:pulse 1.2s infinite;} .trs-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border);} .trs-toggle-row:first-of-type{border-top:none;} .trs-toggle-label{display:flex;flex-direction:column;gap:2px;} .trs-toggle-name{font-size:12.5px;font-weight:600;color:var(--text2);} .trs-toggle-desc{font-size:10.5px;color:var(--text4);} .pn-toggle{position:relative;width:40px;height:22px;flex-shrink:0;} .pn-toggle input{opacity:0;width:0;height:0;position:absolute;} .pn-toggle-track{position:absolute;inset:0;background:var(--bg4);border:1px solid var(--border2);border-radius:11px;cursor:pointer;transition:background .2s,border-color .2s;} .pn-toggle-track::after{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--text4);transition:transform .2s,background .2s;} .pn-toggle input:checked+.pn-toggle-track{background:var(--accent);border-color:var(--accent);} .pn-toggle input:checked+.pn-toggle-track::after{transform:translateX(18px);background:#fff;} .pn-toggle input:disabled+.pn-toggle-track{opacity:.38;cursor:not-allowed;} .trs-actions{display:flex;gap:6px;flex-wrap:wrap;} .trs-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border2);background:var(--bg2);color:var(--text3);font-family:'Inter',sans-serif;transition:all .15s;} .trs-action-btn:hover{border-color:var(--border3);color:var(--text2);} .trs-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;} .trs-action-btn.primary:hover{opacity:.85;} .trs-action-btn.danger{background:rgba(229,62,62,.08);border-color:var(--live);color:var(--live);} .trs-action-btn.danger:hover{background:var(--live);color:#fff;} .trs-action-btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none;} .trs-row{display:flex;align-items:center;gap:8px;margin-top:6px;} .trs-inp{flex:1;padding:7px 10px;border:1px solid var(--border2);border-radius:8px;background:var(--sbg);color:var(--text2);font-size:12px;outline:none;font-family:'Inter',sans-serif;} .trs-inp:focus{border-color:var(--accent);} .trs-ac{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);max-height:240px;overflow-y:auto;padding:4px;} .trs-ac-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text2);} .trs-ac-item:hover{background:var(--accent);color:#fff;} .trs-ac-av{width:26px;height:26px;flex:0 0 26px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--sbg);} .trs-ac-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;} /* Beşdar isminin yanında oy/deng sayısı */ .pn-chatroom .d-votes{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--accent);margin-left:7px;vertical-align:middle;} /* İzleyici kartı operatör için tıklanabilir */ .aud-item.aud-clickable{cursor:pointer;border-radius:8px;transition:background .15s;} .aud-item.aud-clickable:hover{background:rgba(128,128,128,.12);} /* Geniş chat debater barında Beşdar be / Derkeve */ .pn-chatroom .d-join{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:7px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;vertical-align:middle;} .pn-chatroom .d-join:hover{opacity:.88;} .pn-chatroom .d-join.leave{background:transparent;color:var(--live);border-color:var(--live);} .pn-chatroom .d-join.leave:hover{background:var(--live);color:#fff;} /* Kullanıcı adı yanındaki 3-nokta menü tetikleyici */ .um-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:5px;border-radius:5px;color:var(--text4);cursor:pointer;font-size:13px;vertical-align:middle;opacity:.55;} .um-dot:hover{background:rgba(128,128,128,.18);color:var(--text2);opacity:1;} /* İzleyici panelinde kullanıcı arama */ .crp-search{position:relative;padding:8px 12px;border-bottom:1px solid var(--border);} .crp-search-ic{position:absolute;left:21px;top:50%;transform:translateY(-50%);color:var(--text4);font-size:14px;pointer-events:none;} .crp-search-inp{width:100%;padding:7px 10px 7px 30px;border:1px solid var(--border2);border-radius:8px;background:var(--sbg);color:var(--text2);font-size:12px;outline:none;font-family:'Inter',sans-serif;box-sizing:border-box;} .crp-search-inp:focus{border-color:var(--accent);} .crp-search-dd{left:12px;right:12px;} /* İsmin yanında mercek; tıklayınca kayarak açılan arama alanı */ .pn-chatroom .d-name{display:inline-flex;align-items:center;} .d-pick{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px;} .d-pick-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text4);font-size:13px;transition:all .15s;} .d-pick-toggle:hover,.d-pick.open .d-pick-toggle{background:var(--accent);color:#fff;} .d-pick-field{position:absolute;top:50%;left:30px;z-index:60;display:flex;align-items:center;gap:2px;width:210px;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:2px 4px 2px 9px;box-shadow:0 6px 18px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(-50%) translateX(-8px);transition:opacity .18s ease,transform .22s ease;} .d-pick.open .d-pick-field{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);} .pn-chatroom .debater.r .d-pick-field{left:auto;right:30px;transform:translateY(-50%) translateX(8px);} .pn-chatroom .debater.r .d-pick.open .d-pick-field{transform:translateY(-50%) translateX(0);} .d-pick-field:focus-within{border-color:var(--accent);} .d-pick-inp{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:12px;color:var(--text2);font-family:'Inter',sans-serif;padding:5px 0;} .d-pick-clr{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text4);font-size:13px;} .d-pick-clr:hover{background:rgba(229,62,62,.1);color:var(--live);} .d-pick-ac{text-align:left;} .trs-oplist{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px;} .trs-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:10px;background:var(--accent-bg);color:var(--text2);font-size:11px;} .trs-chip b{cursor:pointer;color:var(--live);font-weight:700;line-height:1;} .trs-popup{position:fixed;z-index:9999;background:#1f2937;color:#fff;font-size:12px;padding:8px 11px;border-radius:8px;max-width:240px;box-shadow:0 8px 24px rgba(0,0,0,.3);} .trs-head{font-size:13px;font-weight:800;color:var(--text);margin-bottom:8px;} .trs-info{font-size:11px;color:var(--text4);line-height:1.5;margin-bottom:12px;} .trs-btn{padding:6px 12px;border:1px solid var(--border2);border-radius:8px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;} .trs-btn:hover{opacity:.9;} .trs-btn.trs-locked{background:var(--bg4);color:var(--text5);cursor:not-allowed;border-color:var(--border);} .aud-mod{margin-left:auto;display:inline-flex;gap:6px;} .aud-mod a{font-size:10px;color:var(--text5);cursor:pointer;border:1px solid var(--border2);border-radius:6px;padding:1px 5px;} .aud-mod a:hover{color:var(--live);border-color:var(--live);} /* Kullanıcı menüsü + mesaj silme */ .trm-menu{position:fixed;z-index:999999;min-width:170px;background:var(--card);border:1px solid var(--border2);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.28);padding:6px;} .trm-head{font-size:12px;font-weight:700;color:var(--text);padding:6px 10px;border-bottom:1px solid var(--border);margin-bottom:4px;} .trm-item{font-size:13px;color:var(--text2);padding:8px 10px;border-radius:7px;cursor:pointer;} .trm-item:hover{background:var(--accent-bg);color:var(--text);} .mb{position:relative;} .mb-del{position:absolute;top:2px;right:4px;cursor:pointer;color:var(--text5);font-size:14px;font-weight:700;opacity:0;transition:opacity .15s;} .mb:hover .mb-del{opacity:.6;} .mb-del:hover{opacity:1;color:var(--live);} .aud-top{display:flex;align-items:center;} .aud-del{margin-left:auto;cursor:pointer;color:var(--text5);font-size:14px;font-weight:700;opacity:.5;padding:0 2px;} .aud-del:hover{opacity:1;color:var(--live);} .aud-name{cursor:pointer;} .d-btn.like{cursor:pointer;user-select:none;} .d-btn.like:hover{color:var(--accent);} .d-btn.like.on{color:var(--accent);font-weight:700;} /* Malper yerleşimi: sohbet açıkken soru sayfası gizlenir */ body.pn-chat-open .ml-question .pn-page{display:none;} /* normal sohbet modunda footer ve alt alanlar görünür kalır; yalnız soru içeriği gizlenir */ /* tam ekran (omegle tarzı): sohbet tüm görünümü kaplar */ body.pn-chat-max{overflow:hidden;} /* NOT (2026-07-06): mobil tarayıcılarda adres çubuğu göründüğünde/gizlendiğinde "100vh" sabit kalır (en büyük olası görünüm alanını varsayar) ama gerçek görünür alan daha küçük olabilir — bu yüzden sohbet kutusu ekrandan taşıyor, mesaj yazma satırı ekranın altında/görünmez kalıyordu ("ekran uzunluğu sabitmiş gibi"). "dvh" (dynamic viewport height) gerçek görünür alanı takip eder; desteklemeyen eski tarayıcılar için "vh" satırı önce yazılıp geçerli kalıyor, "dvh" satırı onu ezip (destekleniyorsa) düzeltiyor. */ body.pn-chat-max .pn-chatroom{position:fixed;inset:0;z-index:999;height:100vh!important;height:100dvh!important;border-radius:0;border:none;} body.pn-chat-open .pn-chatroom{display:flex;height:calc(100vh - 100px);height:calc(100dvh - 100px);background:var(--bg2);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);} body.pn-chat-open .ml-question{align-items:stretch;} /* Özel pull-to-refresh göstergesi (yalnızca dokunmatik cihazlarda JS ile hareket ettirilir, bkz. qa-theme.php — site-wide script). Başlangıçta görünmez, .app-shell en üstteyken parmakla aşağı çekilince opacity/transform JS ile güncellenir. (2026-07-06) */ .pull-refresh-ind{position:fixed;top:72px;left:50%;width:34px;height:34px;border-radius:50%;background:var(--bg2);border:1px solid var(--border2);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:16px;z-index:80;opacity:0;pointer-events:none;transform:translate(-50%,0);transition:opacity .15s,transform .15s;} .pull-refresh-ind.ready{color:var(--accent);border-color:var(--accent);} .pull-refresh-ind.loading i{animation:pn-pull-spin .6s linear infinite;} @keyframes pn-pull-spin{to{transform:rotate(360deg);}} /* — vitrin: yer değiştir + meta satırı (kullanıcı · tarih · link kopyala) — */ #pnPanelStack.swap #pnShowcase{order:2;} #pnPanelStack.swap #pnCivin{order:1;} .pn-sc-swap{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text4);background:transparent;border:1px solid var(--border2);border-radius:7px;padding:4px 8px;cursor:pointer;} .pn-sc-swap:hover{border-color:var(--accent);color:var(--accent);} .pn-sc-meta{display:flex;align-items:center;gap:10px;padding:7px 12px;border-top:1px solid var(--border);font-size:11px;color:var(--text4);} .pn-sc-who,.pn-sc-when{display:inline-flex;align-items:center;gap:4px;min-width:0;} .pn-sc-who{color:var(--text3);font-weight:600;} .pn-sc-who i,.pn-sc-when i{font-size:13px;} .pn-sc-copy{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border2);border-radius:7px;background:transparent;color:var(--text4);cursor:pointer;padding:0;font-size:14px;} .pn-sc-copy:hover{border-color:var(--accent);color:var(--accent);} /* — dil değiştirici (içerik dili dropdown'ı — eski KU/EN pill'lerinin yerine) — */ .lang-pills{display:flex;gap:2px;align-items:center;padding:3px;border-radius:20px;border:1px solid var(--border2);background:var(--bg2);margin-right:6px;} .lang-pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:14px;color:var(--text3);text-decoration:none;line-height:1;} .lang-pill:hover{color:var(--text2);} .lang-pill.on{background:var(--accent);color:#fff;} .lang-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:0;font-size:11px;font-weight:700;color:var(--text2);padding:3px 9px;line-height:1;cursor:pointer;outline:none;} .lang-select:hover{color:var(--accent);} .lang-select option{background:var(--bg2);color:var(--text2);font-weight:400;} /* ════════════ ANA SAYFA KOMPOZER (danezan ile akış arasında) ════════════ */ .mc{background:var(--bg2);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);margin-bottom:14px;transition:box-shadow .2s,border-color .2s;} .mc.open{border-color:var(--border3);box-shadow:var(--shadow2);} .mc-head{display:flex;align-items:center;gap:11px;padding:13px 15px;} .mc-av{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;} .mc-inp{flex:1;min-width:0;border:1px solid var(--border2);background:var(--bg3);border-radius:22px;padding:10px 17px;font-size:13.5px;color:var(--text2);outline:none;transition:all .15s;font-family:inherit;} .mc-inp::placeholder{color:var(--text4);} .mc.open .mc-inp,.mc-inp:focus{background:var(--bg2);border-color:var(--accent);} .mc-exp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1);} .mc-exp>div{overflow:hidden;} .mc.open .mc-exp{grid-template-rows:1fr;} .mc-body{padding:0 15px;} .mc-row{display:flex;gap:8px;flex-wrap:wrap;padding:2px 0 12px;} .mc-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:20px;border:1.5px solid var(--border2);background:var(--bg2);font-size:12px;font-weight:700;color:var(--text3);transition:all .15s;cursor:pointer;font-family:inherit;} .mc-pill i{font-size:14px;} .mc-pill:hover{border-color:var(--border3);} .mc-pill.t-pirs.on{border-color:var(--c-pirs);color:var(--c-pirs);background:var(--c-pirs-bg);} .mc-pill.t-gotin.on{border-color:var(--c-gotin);color:var(--c-gotin);background:var(--c-gotin-bg);} .mc-pill.t-ai.on{border-color:var(--c-ai);color:var(--c-ai);background:var(--c-ai-bg);} .mc-pill.t-hwd.on{border-color:var(--c-hwd);color:var(--c-hwd);background:var(--c-hwd-bg);} .mc-ta{width:100%;min-height:88px;border:1px solid var(--border2);border-radius:12px;background:var(--bg2);padding:11px 13px;font-size:13px;color:var(--text2);outline:none;resize:vertical;line-height:1.55;font-family:inherit;box-sizing:border-box;} .mc-ta:focus{border-color:var(--accent);} .mc-tags{display:flex;align-items:center;gap:6px;border:1px solid var(--border2);border-radius:12px;padding:7px 12px;margin-top:9px;transition:border-color .15s;} .mc-tags:focus-within{border-color:var(--accent);} .mc-tags i{color:var(--text4);font-size:15px;} .mc-tags input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:12.5px;color:var(--text2);padding:3px 0;font-family:inherit;} .mc-foot{display:flex;align-items:center;gap:10px;padding:11px 15px;border-top:1px solid var(--border);margin-top:12px;flex-wrap:wrap;} .mc-cat{border:1px solid var(--border2);border-radius:9px;background:var(--bg2);color:var(--text3);font-size:12px;padding:7px 9px;outline:none;font-family:inherit;max-width:200px;} .mc-note{font-size:11px;color:var(--text4);display:inline-flex;align-items:center;gap:5px;} .mc-note i{color:var(--c-hwd);} .mc-cancel{margin-left:auto;background:transparent;border:none;color:var(--text4);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;} .mc-cancel:hover{color:var(--text2);} .mc-send{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s;} .mc-send:hover{background:var(--accent-h);} /* ════════════ BOŞ VİTRİN TANITIM ALANI ════════════ */ .pn-promo{border-radius:14px;overflow:hidden;} .pn-promo img{display:block;width:100%;height:auto;border-radius:14px;} .pn-promo a{text-decoration:none;} .pn-promo-card{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,var(--accent) 0%,#e0567a 100%);border-radius:14px;padding:16px 17px;box-shadow:var(--shadow);} .pn-promo-ico{font-size:30px;color:rgba(255,255,255,.85);flex:0 0 auto;} .pn-promo-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;} .pn-promo-txt b{font-size:13.5px;font-weight:800;color:#fff;letter-spacing:-.2px;} .pn-promo-txt span{font-size:11.5px;color:rgba(255,255,255,.85);line-height:1.45;} .pn-promo-btn{flex:0 0 auto;background:#fff;color:var(--accent);border-radius:9px;padding:8px 14px;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;transition:opacity .15s;} .pn-promo-btn:hover{opacity:.9;} /* ════════════ KOMPOZER v2 EKLERİ + AKIŞ ROZETİ ════════════ */ .mc-f{margin-bottom:9px;} .mc-f label{display:block;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;} .mc-f label em{font-style:normal;font-weight:500;text-transform:none;color:var(--text4);letter-spacing:0;} .mc-f label em.req{color:var(--accent);font-weight:700;} .mc.open .mc-av{display:none;} /* kompozer açıkken avatar gizlenir, başlık alanı genişler */ .mc-captcha .q2apro_captcha{display:flex;align-items:center;gap:10px;margin-bottom:0!important;} .mc-captcha .captcha_q{color:var(--text2)!important;font-size:12.5px;margin-right:0!important;} .mc-captcha input[type=text]{flex:1;min-width:0;border:1px solid var(--border2);border-radius:11px;background:var(--bg3);padding:10px 13px;font-size:13px;color:var(--text2);outline:none;font-family:inherit;} .mc-captcha input[type=text]:focus{border-color:var(--accent);background:var(--bg2);} .mc-warn{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--red);max-width:60%;line-height:1.4;} .mc-warn i{font-size:14px;flex:0 0 auto;} .mc-hint{display:flex;gap:8px;align-items:flex-start;background:var(--accent-bg);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:9px 12px;font-size:11.5px;line-height:1.5;color:var(--text2);margin-bottom:9px;} .mc-hint i{color:var(--accent);font-size:14px;flex:0 0 auto;margin-top:1px;} .mc-tagf .mc-chips{margin-top:8px;} .welcome-body{flex:1;min-width:0;font-size:11.5px;color:var(--text3);line-height:1.6;} .welcome-body b{color:var(--text2);} .foot-custom{flex:1;min-width:0;font-size:12px;color:var(--text3);line-height:1.7;} .foot-custom a{color:var(--accent);} .mc-f input,.mc-f textarea{width:100%;box-sizing:border-box;border:1px solid var(--border2);border-radius:11px;background:var(--bg3);padding:10px 13px;font-size:13px;color:var(--text2);outline:none;transition:all .15s;font-family:inherit;} .mc-f textarea{min-height:64px;resize:vertical;line-height:1.5;} .mc-f input:focus,.mc-f textarea:focus{border-color:var(--accent);background:var(--bg2);} .mc-adds{display:flex;gap:14px;flex-wrap:wrap;margin:2px 0 10px;} .mc-add{background:none;border:none;color:var(--text4);font-size:12px;font-weight:600;padding:0;cursor:pointer;font-family:inherit;} .mc-add:hover{color:var(--accent);} .mc-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;} .mc-chip{border:1px solid var(--border);background:transparent;border-radius:12px;padding:3px 9px;font-size:10.5px;font-weight:500;color:var(--text4);cursor:pointer;font-family:inherit;transition:all .15s;} .mc-chip:hover{border-color:var(--accent);color:var(--accent);} .mc-chip.on{background:var(--accent);border-color:var(--accent);color:#fff;} .mc-chip-free{flex:1;min-width:130px;border:1px dashed var(--border2);border-radius:14px;background:transparent;padding:4px 11px;font-size:11.5px;color:var(--text2);outline:none;font-family:inherit;} .mc-chip-free:focus{border-color:var(--accent);} .mc-err{margin-top:4px;background:var(--c-hwd-bg);border-left:3px solid var(--c-hwd);border-radius:0 9px 9px 0;padding:8px 12px;font-size:12px;color:var(--text2);} .mc-send:disabled{opacity:.5;cursor:wait;} /* ═══════ SCEditor — modern/düz görünüm, siteyle bütünleşik (kompozer + cevap/soru formu ortak stylesheet) ═══════ ÖNEMLİ: SCEditor'ün kendi float tabanlı toolbar yerleşimini ve tıklama/konumlandırma hesaplarını BOZMAMAK için display/float DEĞİŞTİRİLMİYOR — yalnızca renk/kenarlık/aralık ve ikon görünürlüğü. */ /* Editör kartın rengiyle aynı (arka plan --bg2) ama tıklanabilir alanın net görünmesi için ince bir kenarlık var; odaklanınca kenarlık aksan rengine dönüyor — nereye tıklanacağı artık belli. */ /* Soru/cevap formundaki başlık ve etiket kutuları, altındaki içerik editörüyle (SCEditor, width:100%) aynı genişlikte olsun diye - normalde tarayıcı bunları "size" özniteliğine göre dar açıyordu. NOT: soru sorma (ask) sayfasında alan adı "title"/"tags", soru DÜZENLEME sayfasında ise "q_title"/ "q_tags" oluyor (Q2A çekirdeği farklı isimlendiriyor) - ikisi de eklendi. */ input[name="title"],input[name="tags"],input[name="q_title"],input[name="q_tags"]{width:100%!important;box-sizing:border-box;} .sceditor-container{width:100%!important;box-sizing:border-box;border:1px solid var(--border2)!important;border-radius:12px;background:var(--bg2);box-shadow:none!important;font-family:inherit;overflow:hidden;transition:border-color .15s;} .sceditor-container:focus-within{border-color:var(--accent)!important;} div.sceditor-toolbar{background:var(--bg3)!important;border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;padding:3px 8px!important;box-shadow:none!important;overflow:hidden;margin-top:10px;line-height:0;} div.sceditor-group{padding:0 6px!important;margin:0!important;border-right:1px solid var(--border2);line-height:0;} div.sceditor-group:last-child{border-right:none;} .sceditor-button{width:26px!important;height:26px!important;line-height:26px!important;text-indent:0!important;text-align:center;border-radius:7px;cursor:pointer;transition:background .15s,color .15s;box-sizing:border-box;margin:0!important;vertical-align:middle;} .sceditor-button div{background:none!important;display:none!important;} /* orijinal sprite ikonunu gizle, yerine .ti ikonu gösterilir */ .sceditor-button:hover{background:var(--accent-dim)!important;} .sceditor-button.active{background:var(--accent-bg)!important;} .sceditor-button.disabled{opacity:.35;cursor:default;pointer-events:none;} .sceditor-button i.ti{font-size:14px;line-height:26px;color:var(--text3);pointer-events:none;vertical-align:middle;} .sceditor-button:hover i.ti,.sceditor-button.active i.ti{color:var(--accent);} .sceditor-container iframe,.sceditor-container textarea{background:var(--bg2)!important;color:var(--text2)!important;padding:14px!important;font-size:13.5px!important;line-height:1.6!important;font-family:inherit!important;border:none!important;min-height:110px!important;box-sizing:border-box!important;} div.sceditor-dropdown{border:1px solid var(--border2)!important;border-radius:12px!important;box-shadow:0 10px 28px rgba(42,37,32,.12)!important;padding:12px!important;background:var(--bg2)!important;} div.sceditor-dropdown .button{background:var(--accent)!important;border:none!important;border-radius:9px!important;color:#fff!important;font-weight:700;padding:7px 14px!important;font-family:inherit;cursor:pointer;} div.sceditor-dropdown .button:hover{background:var(--accent-h)!important;} div.sceditor-dropdown input,div.sceditor-dropdown textarea{border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg3)!important;padding:8px 10px!important;font-family:inherit;} div.sceditor-dropdown label{color:var(--text3);font-size:12px;} /* resim yükleme — hem kompozerin kendi (mc-upload) hem cevap/soru formundaki (html5image) alanı */ #html5image{margin-top:0;padding:9px 12px;border-top:1px solid var(--border);background:var(--bg3);} #html5image p{margin:0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text3);} .mc-upload,.ml-upload-wrap{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap;} .mc-upload-btn,.ml-upload-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .15s;white-space:nowrap;} .mc-upload-btn:hover,.ml-upload-btn:hover{border-color:var(--accent);color:var(--accent);} .mc-upload-btn input[type=file],.ml-upload-btn input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;} .mc-upload-name,.ml-upload-name{font-size:11.5px;color:var(--text4);} .mc-upload progress,.ml-upload-wrap progress{width:110px;height:6px;} /* ═══════ Admin > Plugins — kompakt liste + toggle anahtarlar + katlanabilir eklenti ayarları (yalnızca admin/plugins sayfasına özel — bkz. admin_plugins_enhance_script() / body_content()) ═══════ */ .pn-admin-plugins form[id]{margin-bottom:5px;} /* tek satırlık eklenti satırı: solda ad, sağda toggle + ayarlar ikonu + detay oku */ .pn-admin-plugins .ml-plg-row{background:var(--bg2);border:1px solid var(--border2);border-radius:10px;overflow:hidden;transition:border-color .15s;} .pn-admin-plugins .ml-plg-row:hover{border-color:var(--border3);} .pn-admin-plugins .ml-plg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 14px;} .pn-admin-plugins .ml-plg-name{font-size:12.5px;font-weight:700;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0;} .pn-admin-plugins .ml-plg-name a{color:inherit;} .pn-admin-plugins .ml-plg-right{display:flex;align-items:center;gap:6px;flex:0 0 auto;} .pn-admin-plugins .ml-plg-chev{all:unset;position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--text3);cursor:pointer;transition:all .15s;box-sizing:border-box;} .pn-admin-plugins .ml-plg-chev:hover{background:var(--bg3);color:var(--text2);} .pn-admin-plugins .ml-plg-chev i{transition:transform .15s;font-size:15px;} .pn-admin-plugins .ml-plg-row.ml-open .ml-plg-chev i{transform:rotate(180deg);} /* ayarı (admin_form()) olan eklentilerde okun üstünde küçük bir nokta - "buraya tıklayınca ayarlar da açılır" ipucu; ayarı olmayan eklentilerde bu nokta yok, ok sadece bilgi açar */ .pn-admin-plugins .ml-plg-row.ml-has-opt .ml-plg-chev::after{content:'';position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg2);} .pn-admin-plugins .ml-plg-details{display:none;padding:2px 14px 13px;font-size:11.5px;line-height:1.55;color:var(--text3);} .pn-admin-plugins .ml-plg-details b{color:var(--text2);} .pn-admin-plugins .ml-plg-details small{display:block;color:var(--text4);font-size:10px;margin-top:4px;} .pn-admin-plugins .ml-plg-row.ml-open .ml-plg-details{display:block;border-top:1px solid var(--border);padding-top:9px;} /* checkbox -> toggle anahtar (Etkin/Enabled ve eklenti ayar formlarındaki diğer checkbox'lar) */ .pn-admin-plugins label:has(input.qa-form-tall-checkbox){position:relative;display:inline-flex;align-items:center;padding-left:34px;cursor:pointer;min-height:19px;} .pn-admin-plugins .ml-plg-right label:has(input.qa-form-tall-checkbox){font-size:0;} .pn-admin-plugins label:has(input.qa-form-tall-checkbox) input{position:absolute;left:0;top:50%;transform:translateY(-50%);width:34px;height:19px;margin:0;cursor:pointer;opacity:0;} .pn-admin-plugins label:has(input.qa-form-tall-checkbox)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:34px;height:19px;border-radius:999px;background:var(--border3);transition:background .15s;} .pn-admin-plugins label:has(input.qa-form-tall-checkbox)::after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 3px rgba(0,0,0,.3);} .pn-admin-plugins label:has(input.qa-form-tall-checkbox:checked)::before{background:var(--accent);} .pn-admin-plugins label:has(input.qa-form-tall-checkbox:checked)::after{left:18px;} .pn-admin-plugins label:has(input.qa-form-tall-checkbox:disabled){opacity:.4;cursor:default;} /* arama kutusu + aktif/deaktif filtreleri */ .ml-plg-bar{display:flex;align-items:center;gap:14px;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:9px 13px;margin-bottom:12px;flex-wrap:wrap;} .ml-plg-search{display:flex;align-items:center;gap:8px;color:var(--text4);flex:1 1 200px;min-width:160px;} .ml-plg-search i{font-size:15px;} .ml-plg-search input{border:none;outline:none;background:transparent;flex:1;font-size:13px;font-family:inherit;color:var(--text);} .ml-plg-f{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text3);cursor:pointer;white-space:nowrap;} .ml-plg-f input{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;margin:0;} /* eklenti ayar formu (boxed) — "— Başlık —" desenli statik alanlar bölüm başlığına dönüşür */ .pn-admin-plugins .qa-form-table-boxed{margin-top:8px;} .pn-admin-plugins .qa-form-table-boxed tr.ml-sec-hd{cursor:pointer;background:var(--bg3);} .pn-admin-plugins .qa-form-table-boxed tr.ml-sec-hd:hover{background:var(--accent-dim);} .pn-admin-plugins .qa-form-table-boxed tr.ml-sec-hd .qa-form-tall-label{font-weight:800;color:var(--text2);padding-top:11px;padding-bottom:11px;font-size:12.5px;flex:1 1 auto;} .pn-admin-plugins .qa-form-table-boxed tr.ml-sec-hd .qa-form-tall-data{display:none;} .pn-admin-plugins .qa-form-table-boxed tr.ml-sec-hd .ti-chevron-right{transition:transform .15s;display:inline-block;margin-right:4px;color:var(--accent);} .pn-admin-plugins .qa-form-table-boxed tbody.ml-open tr.ml-sec-hd .ti-chevron-right{transform:rotate(90deg);} .pn-admin-plugins .qa-form-table-boxed tbody:not(.ml-open) tr.ml-sec-row{display:none;} .pn-admin-plugins .qa-form-table-boxed tr.ml-sec-row{background:var(--bg2);} .post-title .tur-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:7px;margin-right:8px;vertical-align:2px;text-transform:lowercase;text-decoration:none;} .post-title .tur-badge i{font-size:12px;} .tur-badge.t-pirs{background:var(--c-pirs-bg);color:var(--c-pirs)!important;} .tur-badge.t-gotin{background:var(--c-gotin-bg);color:var(--c-gotin)!important;} .tur-badge.t-ai{background:var(--c-ai-bg);color:var(--c-ai)!important;} .tur-badge.t-hwd{background:var(--c-hwd-bg);color:var(--c-hwd)!important;} .post-title .qa-q-item-title{display:inline;} /* rozet başlıkla aynı satırda, solda */ /* ════════════ RENK PALETLERİ (varsayılan: Kevir — body class ml-*) ════════════ */ body.ml-kevir{ /* taş grisi + mürekkep — minimal */ --bg:#f7f7f6;--bg2:#ffffff;--bg3:#efefed;--bg4:#e9e9e6;--sbg:#ececea; --border:#e7e7e4;--border2:#d9d9d4;--border3:#c6c6bf; --text:#232323;--text2:#454545;--text3:#7f7f7c;--text4:#a3a39e;--text5:#c2c2bc; --accent:#3e4c59;--accent-h:#2c3843;--accent-bg:rgba(62,76,89,.10);--accent-dim:rgba(62,76,89,.05); --red:#b85c5c;--shadow:0 1px 3px rgba(0,0,0,.04);--shadow2:0 6px 20px rgba(0,0,0,.07); } /* ml-germ: kök değerler zaten Germ — boş sınıf yeterli */ body.ml-sin{ /* gri-mavi + petrol */ --bg:#f6f8fa;--bg2:#ffffff;--bg3:#eef2f6;--bg4:#e6ecf2;--sbg:#eaf0f5; --border:#e3e9ef;--border2:#d5dee7;--border3:#c0cdd9; --text:#1f2933;--text2:#3e4c59;--text3:#7b8794;--text4:#9aa5b1;--text5:#bcc5cf; --accent:#38678f;--accent-h:#2a4f70;--accent-bg:rgba(56,103,143,.10);--accent-dim:rgba(56,103,143,.05); --red:#c25252;--shadow:0 1px 3px rgba(31,41,51,.05);--shadow2:0 6px 20px rgba(31,41,51,.08); } body.ml-binefs{ /* lavanta + menekşe */ --bg:#f8f8fb;--bg2:#ffffff;--bg3:#f0f0f7;--bg4:#e9e9f2;--sbg:#ededf5; --border:#e6e6f0;--border2:#d8d8e8;--border3:#c5c5db; --text:#26242e;--text2:#46424f;--text3:#807b8c;--text4:#a09aad;--text5:#bfb9cc; --accent:#6b5fa5;--accent-h:#554a8a;--accent-bg:rgba(107,95,165,.10);--accent-dim:rgba(107,95,165,.05); --red:#c25252;--shadow:0 1px 3px rgba(38,36,46,.05);--shadow2:0 6px 20px rgba(38,36,46,.08); } body.ml-spi{ /* saf beyaz + turuncu */ --bg:#ffffff;--bg2:#ffffff;--bg3:#f6f6f7;--bg4:#f0f0f2;--sbg:#f2f2f4; --border:#ececee;--border2:#dedee2;--border3:#cbcbd1; --text:#1f2126;--text2:#43464d;--text3:#7d818a;--text4:#a6aab2;--text5:#c6c9d0; --accent:#cf4b12;--accent-h:#a83b0d;--accent-bg:rgba(207,75,18,.08);--accent-dim:rgba(207,75,18,.04); --red:#d64545;--shadow:0 1px 2px rgba(20,22,26,.04);--shadow2:0 4px 14px rgba(20,22,26,.06); } body.ml-sev{ /* yumuşak antrasit + kısık turuncu (gece) */ --bg:#1d1f22;--bg2:#26292d;--bg3:#2e3238;--bg4:#33383f;--sbg:#32363c; --border:#34383e;--border2:#42474e;--border3:#555b63; --text:#eceae6;--text2:#c9c5bd;--text3:#918d84;--text4:#6e6a62;--text5:#57534c; --accent:#e07a4a;--accent-h:#c96435;--accent-bg:rgba(224,122,74,.14);--accent-dim:rgba(224,122,74,.07); --red:#e06b6b;--shadow:0 1px 3px rgba(0,0,0,.25);--shadow2:0 6px 20px rgba(0,0,0,.35); /* pastel tür zeminleri koyuda saydam tona döner */ --c-pirs-bg:rgba(224,86,122,.16);--c-gotin-bg:rgba(139,107,212,.18);--c-ai-bg:rgba(46,158,143,.16);--c-hwd-bg:rgba(217,119,6,.16); } body.ml-sev .top-bar{background:var(--bg2);} /* açık gradyan koyuda devre dışı */ body.ml-sev .top-search,body.ml-sev .tb-ic,body.ml-sev .tb-user{background:var(--bg3);} /* — renk noktaları (üst bar, dil değiştiricinin yanında) — */ .theme-dots{display:flex;gap:5px;align-items:center;} .theme-dots .th-dot{display:none;} /* kapalı: yalnız aktif nokta */ .theme-dots .th-dot.on,.theme-dots.open .th-dot{display:inline-block;} .th-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(128,128,128,.35);cursor:pointer;padding:0;transition:transform .15s;} .th-dot:hover{transform:scale(1.2);} .th-dot.on{box-shadow:0 0 0 2px var(--bg2),0 0 0 3.5px var(--accent);} .th-dot.thd-kevir{background:linear-gradient(135deg,#f7f7f6 50%,#3e4c59 50%);} .th-dot.thd-germ{background:linear-gradient(135deg,#FDFCFA 50%,#c2410c 50%);} .th-dot.thd-sin{background:linear-gradient(135deg,#f6f8fa 50%,#38678f 50%);} .th-dot.thd-binefs{background:linear-gradient(135deg,#f8f8fb 50%,#6b5fa5 50%);} .th-dot.thd-spi{background:linear-gradient(135deg,#ffffff 50%,#cf4b12 50%);} .th-dot.thd-sev{background:linear-gradient(135deg,#1d1f22 50%,#e07a4a 50%);} /* ════════════ AKIŞ KÖŞE ROZETLERİ (vitrin türü + canlı sohbet) ════════════ */ .post-corner{position:absolute;top:10px;right:12px;display:flex;gap:6px;z-index:2;} .pc{position:relative;width:24px;height:24px;border-radius:8px;background:var(--bg3);border:1px solid var(--border2);display:inline-flex;align-items:center;justify-content:center;color:var(--text3);font-size:13px;} .pc-live{color:var(--red);border-color:rgba(220,38,38,.35);} .pc-live .pc-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid var(--bg2);animation:pulse 1.2s infinite;} .post-corner~.post-inner .post-title{padding-right:64px;} /* başlık köşe ikonlarının altına girmesin */ /* Feed Pin: admin'in seçtiği renk --pin-color CSS custom property olarak article'a basılır */ .post.pinned{border-color:var(--pin-color,var(--accent));border-width:1.5px;background:linear-gradient(90deg,color-mix(in srgb,var(--pin-color,var(--accent)) 8%,var(--bg2)),var(--bg2) 60px);} .pc-feedpin{color:var(--pin-color,var(--accent));border-color:color-mix(in srgb,var(--pin-color,var(--accent)) 40%,var(--border2));} /* ════════════ İÇERİK DİLLERİ ════════════ */ /* kompozer dil seçici */ .mc-langw{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border2);border-radius:9px;padding:6px 9px;background:var(--bg2);color:var(--text3);} .mc-langw i{font-size:15px;color:var(--accent);} .mc-langw select{border:none;background:transparent;outline:none;font-size:12px;color:var(--text2);font-family:inherit;cursor:pointer;} /* soru sor (ask) ve soru düzenle sayfalarındaki dil seçici (etiket kutusunun hemen üstüne eklenir) */ .ml-langf{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text2);margin-bottom:8px;} .ml-langf select{border:1px solid var(--border2);border-radius:9px;padding:6px 9px;background:var(--bg2);color:var(--text2);font-size:12.5px;font-family:inherit;cursor:pointer;font-weight:600;} /* akış kartı dil rozeti */ .post-title .lang-chip{display:inline-flex;align-items:center;font-size:9.5px;font-weight:800;letter-spacing:.05em;padding:3px 7px;border-radius:6px;margin-right:8px;vertical-align:2px;background:var(--bg3);border:1px solid var(--border2);color:var(--text3)!important;text-decoration:none;} /* akış dil çipleri (Hemû · KU · TR …) */ .feed-langs{display:flex;gap:5px;flex-wrap:wrap;width:100%;margin-top:9px;} .fl{font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:8px;border:1px solid var(--border2);background:var(--bg2);color:var(--text4);text-decoration:none;transition:all .15s;cursor:pointer;font-family:inherit;} .fl:hover{color:var(--text2);border-color:var(--border3);} .fl.on{background:var(--accent);border-color:var(--accent);color:#fff;} .feed-hdr{flex-wrap:wrap;} /* RTL içerik (Soranî / Erebî / Farisî): yalnız içerik blokları sağdan sola */ html[lang="ckb"] .qa-q-view-content,html[lang="ar"] .qa-q-view-content,html[lang="fa"] .qa-q-view-content, html[lang="ckb"] .qa-a-item-content,html[lang="ar"] .qa-a-item-content,html[lang="fa"] .qa-a-item-content, html[lang="ckb"] .qa-c-item-content,html[lang="ar"] .qa-c-item-content,html[lang="fa"] .qa-c-item-content, html[lang="ckb"] .pn-qtitle,html[lang="ar"] .pn-qtitle,html[lang="fa"] .pn-qtitle{direction:rtl;text-align:right;} /* — akış üstü sabit blok: danezan + kompozer — */ .feed-sticky{position:sticky;top:0;z-index:40;background:var(--bg);padding-top:2px;margin-top:-2px;} .feed-sticky::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(var(--bg),transparent);pointer-events:none;} /* — sol panel bilgi sekmeleri (Derbar/Rêzik) — */ button.tt{background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;} button.tt.on{color:var(--accent);border-bottom-color:var(--accent);} .panel-info{margin:14px;padding:14px 15px;font-size:11.5px;color:var(--text3);line-height:1.7;border:1px solid var(--border);border-radius:14px;background:var(--bg3);} .panel-info b{color:var(--text2);} .panel-info a{color:var(--accent);} .tk-intro{margin-bottom:10px;} .tk-inp{width:100%;box-sizing:border-box;border:1px solid var(--border2);border-radius:10px;background:var(--bg2);padding:9px 11px;font-size:12px;color:var(--text2);outline:none;font-family:inherit;margin-bottom:8px;transition:border-color .15s;} textarea.tk-inp{min-height:72px;resize:vertical;line-height:1.5;} .tk-inp:focus{border-color:var(--accent);} .tk-send{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;border-radius:9px;padding:8px 16px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;} .tk-send:hover{background:var(--accent-h);} .tk-send:disabled{opacity:.5;cursor:wait;} .tk-out{margin-bottom:8px;padding:7px 10px;border-radius:0 8px 8px 0;font-size:11.5px;background:var(--c-hwd-bg);border-left:3px solid var(--c-hwd);color:var(--text2);} .tk-out.ok{background:var(--c-ai-bg);border-left-color:var(--c-ai);} #pnlTekili .mc-captcha{margin-bottom:8px;} /* ═══ Kullanıcı sayfası düzeni (Malper, 2026-07) ═══ */ /* Duvar formu: geniş text area + kart */ .qa-message-list-form{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:14px 16px;margin:0 0 16px;} .qa-message-list-form textarea,.qa-message-list-form input[type=text]{width:100%!important;box-sizing:border-box;min-height:96px;font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--border3);border-radius:10px;background:var(--bg);color:var(--text);resize:vertical;} .qa-message-list-form input[type=submit]{margin-top:10px;cursor:pointer;font-weight:600;font-size:14px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:10px;padding:8px 16px;} .qa-message-list-form input[type=submit]:hover{background:var(--accent-h);border-color:var(--accent-h);} /* Duvar mesajları: kart */ .qa-message-list{margin-top:14px;} .qa-message-item{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:12px 14px;margin:0 0 10px;overflow:hidden;} .qa-message-item .qa-message-content{font-size:14px;line-height:1.6;margin-top:6px;word-break:break-word;color:var(--text);} .qa-message-item .qa-avatar-image,.qa-message-item .qa-message-avatar img{width:34px!important;height:34px!important;border-radius:50%;object-fit:cover;vertical-align:middle;} .qa-message-item .qa-message-who a{font-weight:600;color:var(--text);text-decoration:none;} .qa-message-item .qa-message-when,.qa-message-item .qa-message-what{color:var(--text3);font-size:12px;} .qa-message-buttons{margin-top:8px;} .qa-message-buttons input[type=submit]{font-size:12.5px;cursor:pointer;background:transparent;border:1px solid var(--border2);border-radius:8px;padding:4px 10px;color:var(--text3);} .qa-message-buttons input[type=submit]:hover{border-color:var(--accent);color:var(--accent);} /* Profil landing'de alttaki duvar gizli (yalnız Duvar sekmesinde) */ .pn-tmpl-user .qa-message-list,.pn-tmpl-user .qa-message-list-form{display:none!important;} /* Takip (favori) butonu: ikon+metin pill */ [class*="pn-tmpl-user"] .qa-favorite-button,[class*="pn-tmpl-user"] .qa-unfavorite-button{display:none!important;} .pn-ufollow{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border3);border-radius:999px;padding:7px 15px;background:transparent;color:var(--text);} .pn-ufollow:hover{border-color:var(--accent);} .pn-ufollow.on{background:var(--accent);border-color:var(--accent);color:#fff;} /* Profil form etiket/değer + düzenle/engelle butonları */ [class*="pn-tmpl-user"] .qa-form-tall-label{color:var(--text3);font-size:13px;} [class*="pn-tmpl-user"] .qa-form-tall-buttons input,[class*="pn-tmpl-user"] .qa-form-wide-buttons input{margin:2px 6px 2px 0;} /* Kullanıcı istatistikleri: kompakt metrik kartları */ .pn-ustats{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;margin:14px 0 6px;} .pn-ustat{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:11px 13px;transition:border-color .15s;} .pn-ustat:hover{border-color:var(--border3);} .pn-ustat-l{font-size:11px;color:var(--text3);margin-bottom:5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;} .pn-ustat-v{font-size:20px;font-weight:800;color:var(--text);line-height:1.05;} .pn-ustat-cap{font-size:11.5px;color:var(--text3);margin-top:3px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} /* Profil detay listesi: sıkı + sade */ [class*="pn-tmpl-user"] .qa-form-tall-label{font-size:12px;color:var(--text3);font-weight:600;padding:5px 14px 5px 0;vertical-align:top;white-space:nowrap;} [class*="pn-tmpl-user"] .qa-form-tall-data{font-size:13.5px;color:var(--text);padding:5px 0;line-height:1.5;} /* Profil avatarı büyük + yuvarlak */ [class*="pn-tmpl-user"] img.qa-avatar-image,[class*="pn-tmpl-user"] .qa-avatar-image{width:72px!important;height:72px!important;border-radius:50%;object-fit:cover;border:2px solid var(--border2);}