:root{
--bg:#f0f2f5;
--surface:#ffffff;
--surface2:#f7f9fc;
--text:#1c1e21;
--muted:#65676b;
--soft:#8a96a8;
--line:#dfe3ea;
--line2:#edf0f5;
--main:#1877f2;
--main2:#0b5ed7;
--mainSoft:#e7f0ff;
--ok:#31a24c;
--warn:#f59e0b;
--bad:#e02424;
--radius:18px;
--radius2:24px;
--shadow:0 10px 28px rgba(15,23,42,.08);
--shadow2:0 18px 50px rgba(15,23,42,.10);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);min-height:100vh}a{color:inherit}img{max-width:100%}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(14px,4vw,58px);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(15,23,42,.04)}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:-.02em;color:var(--text);text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--main),#4aa3ff);color:#fff;box-shadow:0 8px 18px rgba(24,119,242,.22)}
.top nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.top nav a{color:#3d4654;text-decoration:none;font-weight:750;font-size:14px;padding:10px 13px;border-radius:999px;transition:.18s ease}.top nav a:hover{background:var(--mainSoft);color:var(--main)}.nav-exit{color:#b42318!important}.wrap{width:min(1200px,94vw);margin:0 auto;padding:22px 0 56px}
.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f8fbff 52%,#eaf3ff 100%);box-shadow:var(--shadow2)}.hero-pro{min-height:360px;display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:center;padding:clamp(22px,5vw,50px)}.hero-glow{position:absolute;right:-120px;top:-150px;width:430px;height:430px;border-radius:999px;background:radial-gradient(circle,rgba(24,119,242,.18),transparent 66%)}.hero-content,.hero-panel{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--main);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(32px,5vw,56px);line-height:1.02;margin:0 0 14px;color:#111827}h2{font-size:clamp(24px,2.7vw,34px);line-height:1.1;margin:0;color:#111827}.hero p,.lead{color:#4b5563;font-size:17px;line-height:1.65;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.search{display:flex;gap:10px;margin-top:22px;max-width:760px}.pro-search{padding:8px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.08)}input,select,textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);outline:none;transition:.18s ease;font:inherit}input::placeholder,textarea::placeholder{color:#9aa3af}input:focus,select:focus,textarea:focus{border-color:rgba(24,119,242,.68);box-shadow:0 0 0 4px rgba(24,119,242,.11)}textarea{resize:vertical;min-height:120px}label{color:#374151;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--main);color:#fff;text-decoration:none;font-weight:900;padding:13px 19px;cursor:pointer;box-shadow:0 10px 22px rgba(24,119,242,.18);transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);background:var(--main2)}.btn.small{padding:8px 12px;font-size:13px}.btn.ghost{background:#fff;color:#273244;border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{background:var(--mainSoft);color:var(--main);border-color:#cfe0ff}.btn.danger{background:#dc2626!important}.btn.danger:hover{background:#b91c1c!important}
.hero-panel{display:grid;gap:14px}.stat-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.stat-card b{display:block;font-size:32px;line-height:1;color:var(--main)}.stat-card span{display:block;color:#667085;font-weight:750;margin-top:8px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 0 16px}.section-head.mini{margin:0 0 12px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 26px}.chips a,.tag{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;color:#344054;text-decoration:none;padding:9px 13px;border-radius:999px;font-size:13px;font-weight:800;box-shadow:0 2px 8px rgba(15,23,42,.03)}.chips a:hover,.chips a.active{border-color:#b8d4ff;background:var(--mainSoft);color:var(--main)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);transition:.2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow2);border-color:#cfd7e6}.card.hot{border-color:#bad4ff;box-shadow:0 0 0 2px rgba(24,119,242,.06),var(--shadow2)}.card-image{position:relative;display:block;overflow:hidden;background:#eef2f7}.card img{width:100%;height:165px;object-fit:cover;display:block;transition:.3s ease}.card:hover img{transform:scale(1.025)}.plan-badge{position:absolute;top:12px;left:12px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.75);font-size:12px;font-weight:950;color:#334155}.plan-badge.vip,.plan-badge.sponsor{background:var(--main);border:0;color:#fff}.card-body{padding:17px}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.score{color:#f59e0b;font-weight:900}.card a{text-decoration:none}.card h2{font-size:21px;margin:8px 0 9px}.card p{color:#667085;min-height:48px;line-height:1.55;margin:0 0 14px}.meta,.info{color:#667085;font-size:14px;display:flex;gap:10px;flex-wrap:wrap}.meta span,.pro-info span{padding:7px 10px;border-radius:999px;background:#f4f6f9;border:1px solid var(--line2)}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.auth{max-width:480px;margin:36px auto;padding:28px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow2)}.auth form,.form{display:grid;gap:14px}.form{padding:24px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.form.compact{grid-template-columns:repeat(3,1fr)}.form.mini{padding:20px}.form.danger{border-color:#fecaca;background:#fff7f7}.detail{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow2)}.detail-banner{width:100%;max-height:380px;object-fit:cover;border-radius:20px;border:1px solid var(--line)}.detail .info{margin:16px 0 20px}.content{margin-top:22px;color:#344054;line-height:1.82;font-size:17px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.trust{min-width:150px;text-align:center;border:1px solid #cfe0ff;border-radius:20px;padding:18px;background:linear-gradient(180deg,#f7fbff,#eef6ff)}.trust b{font-size:42px;display:block;line-height:1;color:var(--main)}.trust span{font-weight:950;color:#1d4ed8}.trust small{display:block;color:#64748b;margin-top:6px}.verify{display:inline-flex;vertical-align:middle;align-items:center;gap:4px;margin-left:8px;padding:5px 9px;border-radius:999px;background:var(--mainSoft);border:1px solid #cfe0ff;color:var(--main);font-size:13px;font-weight:950}.verify.mini{font-size:12px;padding:3px 7px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.video{position:relative;margin:24px 0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#0f172a}.video:before{content:"";display:block;padding-top:56.25%}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ai-box{margin-top:24px;padding:22px;border-radius:22px;border:1px solid #cfe0ff;background:#f7fbff}.ai-box p{color:#334155;line-height:1.75}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.pro-form{grid-template-columns:repeat(3,1fr)}.pro-form textarea,.pro-form label,.pro-form button{grid-column:1/-1}.check{display:flex;align-items:center;gap:7px;font-size:13px}.check input{width:auto}
.table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}th{color:#667085;background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.dash{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dash a{padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px;color:var(--text);text-decoration:none;font-weight:950;box-shadow:var(--shadow)}.alert{padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:800}.alert.ok{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}.alert.err{background:#fff1f2;border:1px solid #fecdd3;color:#991b1b}.empty-state{grid-column:1/-1;text-align:center;padding:46px;border:1px dashed #cbd5e1;border-radius:24px;background:#fff}.empty-state p{color:var(--muted)}
.foot{width:min(1200px,94vw);margin:10px auto 28px;padding:20px 22px;border:1px solid var(--line);border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#667085;box-shadow:var(--shadow)}.foot div{display:grid;gap:4px}.foot b{color:#111827}.foot a{color:var(--main);text-decoration:none;font-weight:900}.inline{display:flex;gap:8px;align-items:center}.inline select{min-width:120px}
.admin-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:24px 0 22px;padding:28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:var(--shadow2)}.admin-hero.slim{padding:22px}.admin-quick{display:flex;gap:10px;flex-wrap:wrap}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:18px 0 24px}.admin-stats a{display:block;text-decoration:none;color:var(--text);padding:19px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);transition:.18s}.admin-stats a:hover{transform:translateY(-2px);border-color:#b8d4ff;background:#f8fbff}.admin-stats b{display:block;font-size:32px;line-height:1;color:var(--main)}.admin-stats span{display:block;margin-top:8px;color:#667085;font-weight:900}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.admin-card{padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow);margin:18px 0}.section-head.mini a{color:var(--main);text-decoration:none;font-weight:950}.admin-list{display:grid;gap:10px}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid var(--line2);border-radius:16px;background:#f8fafc}.admin-row b{display:block}.admin-row small,.muted{display:block;color:#667085;margin-top:4px}.row-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.row-actions a{color:var(--main);text-decoration:none;font-weight:900}.admin-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-menu a{padding:18px;border-radius:18px;border:1px solid var(--line);background:#f8fbff;text-decoration:none;color:#111827}.admin-menu b{display:block;font-size:17px}.admin-menu span{display:block;color:#667085;line-height:1.5;margin-top:6px}.admin-search{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin:18px 0;padding:12px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.admin-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-form input[name="meta_title"],.admin-form input[name="meta_description"]{grid-column:span 2}.admin-table th{white-space:nowrap}.server-mini{display:flex;align-items:center;gap:12px;min-width:260px}.server-mini img{width:92px;height:52px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.server-mini b{font-size:16px}.server-mini small{display:block;color:#667085;margin-top:4px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid var(--line);background:#f3f4f6;color:#344054}.pill.pending{background:#fff7ed;color:#b45309;border-color:#fed7aa}.pill.approved,.pill.active{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.pill.rejected,.pill.banned{background:#fff1f2;color:#991b1b;border-color:#fecdd3}.pill.passive{background:#f1f5f9;color:#475569}.pill.admin,.pill.vip,.pill.sponsor{background:var(--mainSoft);color:var(--main);border-color:#cfe0ff}.pill.plan{margin-top:6px}.admin-actions-col{display:grid;gap:8px;min-width:210px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form select,.inline-form input{padding:10px 12px}.report-form{display:grid;gap:8px;min-width:220px}.report-form textarea{min-height:80px}.admin-edit-form{margin-bottom:30px}.check.big{align-self:center}.admin-card .table{box-shadow:none;margin-top:10px}
@media(max-width:1100px){.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-grid-2,.admin-menu{grid-template-columns:1fr 1fr}.admin-form{grid-template-columns:1fr 1fr}.admin-search{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.hero-pro{grid-template-columns:1fr}.hero-panel{grid-template-columns:repeat(3,1fr)}.detail-head,.feature-grid{display:block}.trust{margin-top:14px}.pro-form{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.search{flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.admin-actions{min-width:0}}@media(max-width:640px){.wrap{width:94vw;padding-top:16px}.grid{grid-template-columns:1fr}.hero-pro{padding:22px;border-radius:22px;min-height:auto}.hero-panel{grid-template-columns:1fr}.hero h1{font-size:34px}.hero p{font-size:16px}.card img{height:145px}.top{padding:12px 14px}.top nav{width:100%;gap:6px}.top nav a{font-size:13px;padding:8px 10px}.brand{font-size:17px}.brand-mark{width:36px;height:36px}.inline{flex-direction:column;align-items:stretch}.foot{flex-direction:column;align-items:flex-start}.card-actions .btn{width:100%}.dash,.form.compact,.admin-stats,.admin-grid-2,.admin-menu,.admin-form{grid-template-columns:1fr}.admin-hero{display:block}.admin-quick{margin-top:16px}.admin-row{display:block}.row-actions{margin-top:10px}.inline-form{display:grid}.server-mini{min-width:0}.server-mini img{width:76px;height:46px}}
/* Core feature visibility */
.feature-meta{display:flex;flex-wrap:wrap;gap:8px 12px}.feature-meta span{background:#f7f9fc;border:1px solid #e4e8f0;border-radius:999px;padding:5px 9px}.server-card h2 .verify{margin-left:6px}.pill.vip,.plan-badge.vip{background:#eaf2ff;color:#0b63ce}.pill.sponsor,.plan-badge.sponsor{background:#fff4d6;color:#9a5b00}.pill.featured,.plan-badge.featured{background:#eefbf3;color:#137333}.pill.approved{background:#e8f5e9;color:#1b7f37}.pill.pending{background:#fff8e1;color:#8a5a00}.pill.rejected{background:#fdeaea;color:#b42318}.pill.passive{background:#eef0f3;color:#475467}
/* === Sosyal ağ tarzı gelişmiş özellikler === */
.badge-row{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 12px}
.server-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;border:1px solid var(--line);background:#fff;color:#344054}
.server-badge.verified{background:#e7f0ff;color:#1877f2;border-color:#cfe0ff}
.server-badge.vip{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.server-badge.sponsor{background:#fef9c3;color:#854d0e;border-color:#fde68a}
.server-badge.featured{background:#ecfdf3;color:#027a48;border-color:#bbf7d0}
.server-badge.launch{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.server-badge.discord{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}
.countdown-chip{display:inline-flex;margin:4px 0 10px;padding:7px 11px;border-radius:999px;background:#f5f3ff;color:#6d28d9;font-weight:850;font-size:13px}
.security-profile,.server-wall{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;margin:18px 0;box-shadow:var(--shadow)}
.security-profile h2,.server-wall h2{font-size:24px;margin-bottom:14px}
.wall-form{display:grid;gap:10px;margin-bottom:14px}
.wall-list{display:grid;gap:12px}
.wall-item{border:1px solid var(--line2);background:#fff;border-radius:18px;padding:14px}
.wall-item b{display:block;color:#111827}.wall-item small{display:block;color:var(--muted);margin-top:2px}.wall-item p{margin:10px 0 0;color:#344054;line-height:1.55}
.calendar-hero{padding:34px}
.calendar-list{display:grid;gap:14px;margin-top:20px}
.calendar-card{display:grid;grid-template-columns:190px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow)}
.calendar-card img{width:190px;height:92px;object-fit:cover;border-radius:16px;background:#eef2f7;border:1px solid var(--line)}
.info.mini{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.info.mini span{padding:6px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--line2);font-size:12px;font-weight:850}
.server-mini img{object-fit:cover}
.detail-banner,.card-image img{background:#eef2f7}
@media(max-width:800px){.trust-cards{grid-template-columns:repeat(2,1fr)}.calendar-card{grid-template-columns:1fr}.calendar-card img{width:100%;height:160px}.calendar-card .btn{width:100%}}
/* === Facebook tarzı server profil sayfası === */
.fb-profile-page{
background:transparent;
color:#050505;
}
.fb-cover-card{
background:#fff;
border:1px solid #dddfe2;
border-radius:0 0 10px 10px;
box-shadow:0 1px 2px rgba(0,0,0,.08);
overflow:visible;
}
.fb-cover-img{
display:block;
width:100%;
height:420px;
object-fit:cover;
object-position:center;
border-radius:0 0 10px 10px;
background:#e4e6eb;
}
.fb-profile-row{
display:grid;
grid-template-columns:170px 1fr auto;
gap:24px;
align-items:end;
padding:0 28px 18px;
min-height:150px;
border-bottom:1px solid #e4e6eb;
}
.fb-avatar-wrap{
width:168px;
height:168px;
margin-top:-58px;
border-radius:50%;
padding:5px;
background:#fff;
box-shadow:0 2px 7px rgba(0,0,0,.22);
z-index:3;
}
.fb-avatar{
width:100%;
height:100%;
display:block;
object-fit:cover;
border-radius:50%;
background:#e4e6eb;
}
.fb-title-area{padding:18px 0 4px;min-width:0}
.fb-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fb-title-line h1{
font-size:34px;
line-height:1.1;
margin:0;
color:#050505;
font-weight:850;
letter-spacing:-.04em;
}
.fb-blue-check{
display:inline-grid;
place-items:center;
width:24px;
height:24px;
border-radius:50%;
background:#1877f2;
color:#fff;
font-size:15px;
font-weight:900;
}
.fb-title-area p{margin:6px 0 0;color:#65676b;font-size:15px;line-height:1.45;max-width:720px}
.fb-follow-line{display:flex;gap:7px;flex-wrap:wrap;color:#65676b;font-size:14px;margin-top:6px}.fb-follow-line strong{color:#050505}.fb-main-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:0 0 2px}.fb-main-actions .btn,.fb-profile-page .btn{border-radius:7px;box-shadow:none;padding:10px 14px}.fb-tabs{display:flex;gap:4px;padding:0 28px;height:56px;align-items:center;background:#fff}.fb-tabs a{display:flex;align-items:center;height:48px;padding:0 18px;border-radius:8px;color:#65676b;text-decoration:none;font-weight:750}.fb-tabs a:hover{background:#f2f3f5;color:#1877f2}.fb-tabs a:first-child{color:#1877f2;border-bottom:3px solid #1877f2;border-radius:0}.fb-layout{display:grid;grid-template-columns:390px 1fr;gap:16px;margin-top:16px;align-items:start}.fb-left-col,.fb-feed-col{display:grid;gap:16px}.fb-left-col{position:sticky;top:78px}.fb-box{background:#fff;border:1px solid #dddfe2;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.08);padding:16px}.fb-box h2{font-size:20px;letter-spacing:-.02em;margin:0 0 12px;color:#050505}.fb-info-list{display:grid;gap:12px}.fb-info-list div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #f0f2f5}.fb-info-list div:last-child{border-bottom:0}.fb-info-list span{color:#65676b;font-size:14px}.fb-info-list b{text-align:right;color:#050505}.fb-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.fb-mini-grid div{border:1px solid #e4e6eb;background:#f7f8fa;border-radius:10px;padding:12px}.fb-mini-grid b{display:block;font-size:22px;color:#1877f2}.fb-mini-grid span{display:block;color:#65676b;font-size:13px;font-weight:750}.fb-composer-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e4e6eb;padding-bottom:12px}.fb-small-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#e4e6eb}.fb-composer-head b{display:block}.fb-composer-head span{display:block;font-size:13px;color:#65676b}.fb-wall-form{margin-top:12px}.fb-wall-form textarea{border-radius:18px;background:#f0f2f5;border:0;min-height:74px}.fb-about-post .content,.fb-profile-page .content{margin:0;color:#1c1e21;font-size:16px;line-height:1.72}.fb-post-item{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #e4e6eb}.fb-post-item:last-child{border-bottom:0;padding-bottom:0}.fb-post-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;font-weight:900;text-transform:uppercase}.fb-post-item header b{display:block;color:#050505}.fb-post-item header small{display:block;color:#65676b;margin-top:2px}.fb-post-item p{margin:8px 0 0;color:#1c1e21;line-height:1.55}.fb-two-forms{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fb-two-forms .form{box-shadow:0 1px 2px rgba(0,0,0,.08);border-radius:10px}.fb-profile-page .badge-row{margin:10px 0 0}.fb-profile-page .server-badge{background:#f0f2f5;border-color:#e4e6eb;color:#333;border-radius:6px;padding:6px 9px}.fb-profile-page .server-badge.verified{background:#e7f3ff;color:#1877f2}.fb-profile-page .server-badge.sponsor,.fb-profile-page .server-badge.vip{background:#fff4d6;color:#9a5b00}.fb-profile-page .video{margin:0;border-radius:10px}.fb-profile-page input,.fb-profile-page select,.fb-profile-page textarea{border-radius:8px}.wrap:has(.fb-profile-page){width:min(1190px,96vw);padding-top:0}.top.pro-top{box-shadow:0 1px 2px rgba(0,0,0,.1)}
@media(max-width:980px){.fb-profile-row{grid-template-columns:120px 1fr;gap:16px}.fb-main-actions{grid-column:1/-1;justify-content:flex-start}.fb-avatar-wrap{width:120px;height:120px;margin-top:-34px}.fb-layout{grid-template-columns:1fr}.fb-left-col{position:static}.fb-two-forms{grid-template-columns:1fr}.fb-cover-img{height:300px}}
@media(max-width:640px){.wrap:has(.fb-profile-page){width:100%;padding-top:0}.fb-cover-card{border-left:0;border-right:0;border-radius:0}.fb-cover-img{height:210px;border-radius:0}.fb-profile-row{display:block;padding:0 14px 14px}.fb-avatar-wrap{width:118px;height:118px;margin-top:-38px}.fb-title-area{padding:10px 0}.fb-title-line h1{font-size:28px}.fb-main-actions{justify-content:stretch}.fb-main-actions .btn{width:100%}.fb-tabs{overflow:auto;padding:0 10px}.fb-tabs a{white-space:nowrap;padding:0 12px}.fb-layout{padding:0 10px}.fb-box{border-radius:10px}.fb-info-list div{display:block}.fb-info-list b{text-align:left;display:block;margin-top:4px}}
/* === Premium Facebook-style polish v3 === */
.fb-site-top{
height:64px;
padding:0 22px;
display:grid;
grid-template-columns:minmax(320px,1fr) auto minmax(320px,1fr);
align-items:center;
gap:18px;
background:rgba(255,255,255,.96);
border-bottom:1px solid #d8dce3;
box-shadow:0 1px 3px rgba(15,23,42,.10);
}
.fb-top-left{display:flex;align-items:center;gap:12px;min-width:0}
.fb-site-top .brand{flex:0 0 auto;font-size:17px;white-space:nowrap}.fb-site-top .brand-mark{width:42px;height:42px;font-size:18px;box-shadow:0 5px 16px rgba(24,119,242,.24)}
.fb-top-search{width:min(360px,42vw);height:42px;display:flex;align-items:center;gap:8px;background:#f0f2f5;border-radius:999px;padding:0 14px;color:#65676b;border:1px solid transparent;transition:.18s ease}
.fb-top-search:focus-within{background:#fff;border-color:#bad4ff;box-shadow:0 0 0 4px rgba(24,119,242,.10)}
.fb-top-search input{height:40px;border:0;background:transparent;padding:0;border-radius:0;box-shadow:none;font-size:14px}.fb-top-search input:focus{box-shadow:none;border:0}
.fb-top-center{display:flex;align-items:center;justify-content:center;gap:8px}.fb-top-center a{height:48px;display:flex;align-items:center;padding:0 18px;border-radius:10px;color:#334155;font-weight:850;text-decoration:none}.fb-top-center a:hover{background:#f0f2f5;color:#1877f2}
.fb-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.fb-icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:#eef0f3;color:#1c1e21;font-weight:900;border:1px solid #e1e4ea;transition:.18s ease}.fb-icon-btn:hover{background:#e4e6eb;transform:translateY(-1px)}.fb-icon-btn.danger{color:#b42318}.fb-login-link{font-weight:850;text-decoration:none;color:#263142;padding:10px 8px}.fb-register-btn{background:#1877f2;color:#fff;text-decoration:none;border-radius:999px;padding:11px 16px;font-weight:900;box-shadow:0 8px 18px rgba(24,119,242,.22)}.fb-register-btn:hover{background:#0b5ed7}.fb-user-chip{display:flex;align-items:center;gap:8px;max-width:190px;text-decoration:none;border-radius:999px;background:#f0f2f5;color:#1c1e21;padding:5px 10px 5px 5px;border:1px solid #e1e4ea}.fb-user-chip span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;font-weight:950;text-transform:uppercase}.fb-user-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.fb-profile-page{max-width:1115px;margin:0 auto}.fb-cover-card{overflow:visible;border-radius:0 0 10px 10px;border-top:0}.fb-cover-img{height:405px;width:100%;object-fit:cover;object-position:center;border-radius:0 0 10px 10px;display:block}.fb-profile-row{grid-template-columns:178px 1fr auto;padding:0 26px 18px;gap:18px;align-items:end}.fb-avatar-wrap{width:178px;height:178px;margin-top:-72px;padding:5px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.22);position:relative;z-index:5}.fb-avatar-button{border:0;background:transparent;padding:0;width:100%;height:100%;border-radius:50%;cursor:pointer;position:relative;display:block}.fb-avatar-button:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);pointer-events:none}.fb-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.fb-avatar-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(0,0,0,.68);color:#fff;font-size:12px;font-weight:800;border-radius:999px;padding:5px 9px;opacity:0;transition:.18s ease;white-space:nowrap}.fb-avatar-button:hover .fb-avatar-hint{opacity:1}.fb-title-area{padding:17px 0 2px}.fb-title-line h1{font-size:36px;font-weight:900}.fb-title-area p{font-size:15.5px;color:#4b5563}.fb-follow-line{font-size:14.5px;margin-top:7px}.fb-main-actions{align-self:center;margin-top:36px;gap:9px}.fb-main-actions .btn{height:42px;min-width:112px;border-radius:8px;font-size:14px;font-weight:900;padding:0 15px}.fb-main-actions .fb-action-primary{background:#1877f2}.fb-main-actions .fb-action-soft{background:#e4e6eb;color:#050505;border:0}.fb-main-actions .fb-action-soft:hover{background:#d8dade;color:#050505}.fb-tabs{border-top:1px solid #e4e6eb;margin:0 26px;padding:0;height:58px}.fb-tabs a{font-size:15px;font-weight:850}.fb-layout{max-width:1115px;margin:16px auto 0;grid-template-columns:360px 1fr}.fb-box{border-color:#d8dce3;border-radius:12px}.fb-box h2{font-weight:900}.fb-post-composer,.fb-about-post,.server-wall{box-shadow:0 1px 3px rgba(0,0,0,.08)}.fb-post-item{grid-template-columns:48px 1fr}.fb-post-avatar,.fb-small-avatar{width:48px;height:48px}.fb-two-forms .btn{border-radius:8px}
.fb-image-modal{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);padding:28px}.fb-image-modal.open{display:flex}.fb-modal-card{display:grid;gap:14px;justify-items:center}.fb-modal-card img{max-width:min(520px,88vw);max-height:78vh;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.45)}.fb-modal-card strong{color:#fff;font-size:22px}.fb-modal-close{position:absolute;top:18px;right:22px;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:34px;line-height:1;cursor:pointer}.fb-modal-close:hover{background:rgba(255,255,255,.25)}
@media(max-width:1050px){.fb-site-top{grid-template-columns:1fr auto;gap:10px}.fb-top-search{display:none}.fb-top-center{order:3;grid-column:1/-1;justify-content:flex-start;overflow:auto;padding-bottom:6px}.fb-site-top{height:auto;padding-top:8px}.fb-profile-row{grid-template-columns:150px 1fr}.fb-main-actions{grid-column:1/-1;justify-content:flex-start;margin-top:4px}.fb-avatar-wrap{width:150px;height:150px}.fb-cover-img{height:330px}.fb-layout{grid-template-columns:1fr}.fb-left-col{position:static}}
@media(max-width:640px){.fb-site-top{padding:8px 10px}.fb-site-top .brand span:last-child{display:none}.fb-top-actions{gap:5px}.fb-login-link{display:none}.fb-register-btn{padding:10px 12px}.fb-icon-btn{width:39px;height:39px}.fb-user-chip b{display:none}.fb-user-chip{padding:4px}.fb-top-center a{padding:0 12px;height:42px;font-size:13px}.fb-cover-img{height:230px}.fb-profile-row{padding:0 14px 14px}.fb-avatar-wrap{width:128px;height:128px;margin-top:-48px}.fb-title-line h1{font-size:29px}.fb-main-actions .btn{width:100%;min-width:0}.fb-tabs{margin:0 14px;overflow:auto}.fb-layout{padding:0 10px}.fb-avatar-hint{display:none}}
/* =========================================================
PREMIUM UI-KIT BUTTONS - ikon bloklu profesyonel buton sistemi
========================================================= */
.btn,
.fb-register-btn{
--btn-bg:#1877f2;
--btn-bg2:#0f6fe8;
--btn-side:#1f2937;
--btn-text:#ffffff;
position:relative!important;
overflow:hidden!important;
display:inline-grid!important;
grid-template-columns:auto 1fr!important;
align-items:stretch!important;
justify-content:center!important;
gap:0!important;
min-height:48px!important;
padding:0!important;
border:0!important;
border-radius:18px!important;
background:linear-gradient(180deg,var(--btn-bg),var(--btn-bg2))!important;
color:var(--btn-text)!important;
text-decoration:none!important;
font-weight:950!important;
letter-spacing:.01em!important;
line-height:1!important;
box-shadow:0 8px 0 rgba(15,23,42,.14),0 16px 28px rgba(15,23,42,.12)!important;
transform:translateY(0)!important;
transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
white-space:nowrap!important;
cursor:pointer!important;
}
.btn:hover,
.fb-register-btn:hover{
transform:translateY(-2px)!important;
filter:saturate(1.05) brightness(1.02)!important;
box-shadow:0 10px 0 rgba(15,23,42,.14),0 22px 34px rgba(15,23,42,.15)!important;
}
.btn:active,
.fb-register-btn:active{
transform:translateY(3px)!important;
box-shadow:0 4px 0 rgba(15,23,42,.18),0 10px 18px rgba(15,23,42,.12)!important;
}
.btn:disabled{opacity:.72;cursor:not-allowed;filter:grayscale(.15)}
.btn .btn-ico,
.fb-register-btn .btn-ico{
min-width:50px;
height:100%;
display:grid;
place-items:center;
background:linear-gradient(180deg,var(--btn-side),#111827);
color:#fff;
font-size:18px;
font-weight:950;
text-shadow:0 1px 1px rgba(0,0,0,.25);
}
.btn .btn-label,
.fb-register-btn .btn-label{
display:flex;
align-items:center;
justify-content:center;
padding:0 18px;
min-width:88px;
}
.btn.small{
min-height:38px!important;
border-radius:14px!important;
font-size:13px!important;
}
.btn.small .btn-ico{min-width:39px;font-size:15px}.btn.small .btn-label{padding:0 12px;min-width:60px}
.btn.ghost,
.btn.fb-action-soft{
--btn-bg:#f3f4f6;
--btn-bg2:#e5e7eb;
--btn-side:#3f454f;
--btn-text:#111827;
border:1px solid #d9dee7!important;
box-shadow:0 6px 0 rgba(15,23,42,.09),0 14px 24px rgba(15,23,42,.08)!important;
}
.btn.ghost:hover,
.btn.fb-action-soft:hover{color:#111827!important;background:linear-gradient(180deg,var(--btn-bg),var(--btn-bg2))!important}
.btn.danger,
.btn.danger:hover{
--btn-bg:#ef4444;
--btn-bg2:#dc2626;
--btn-side:#7f1d1d;
--btn-text:#fff;
}
.btn[name="vote"],.fb-action-primary{--btn-bg:#fbbf24;--btn-bg2:#f59e0b;--btn-side:#78350f;--btn-text:#111827}
a[href*="discord" i],.btn.discord{--btn-bg:#7c3aed;--btn-bg2:#6d28d9;--btn-side:#312e81;--btn-text:#fff}
a[href*="http"].btn.ghost,.btn.website{--btn-bg:#22c3ee;--btn-bg2:#0891b2;--btn-side:#164e63;--btn-text:#fff;border:0!important}
button[name="follow_server"],.btn.follow{--btn-bg:#22c55e;--btn-bg2:#16a34a;--btn-side:#14532d;--btn-text:#fff;border:0!important}
button[name="report"],.btn.report{--btn-bg:#f97316;--btn-bg2:#ea580c;--btn-side:#7c2d12;--btn-text:#fff}
button[name="wall_post"],button[name="rate"],button[name="update_user"],button[value="update"],button[value="quick_status"],button[value="quick_plan"]{--btn-bg:#1877f2;--btn-bg2:#0f6fe8;--btn-side:#1e3a8a;--btn-text:#fff}
.auth .btn,.form .btn{width:100%;min-height:52px}.search .btn,.pro-search .btn{min-width:170px}.card-actions .btn{flex:1}.fb-main-actions .btn{min-width:132px!important;height:46px!important;border-radius:16px!important}.fb-tabs a{border-radius:14px 14px 0 0!important}.fb-tabs a:first-child{border-bottom-width:4px!important}
.fb-icon-btn{
width:44px!important;height:44px!important;border-radius:50%!important;background:linear-gradient(180deg,#f8fafc,#e7ebf1)!important;border:1px solid #d8dee8!important;box-shadow:0 5px 0 rgba(15,23,42,.08),0 10px 18px rgba(15,23,42,.08)!important;color:#111827!important;
}
.fb-icon-btn:hover{transform:translateY(-2px)!important;background:linear-gradient(180deg,#fff,#e7ebf1)!important}.fb-login-link{border-radius:999px;padding:12px 15px;background:#f3f4f6;border:1px solid #d9dee7}.fb-login-link:hover{background:#e7f0ff;color:#1877f2}.fb-register-btn{min-height:46px!important;border-radius:18px!important;display:inline-grid!important;padding:0!important}.fb-register-btn .btn-ico{min-width:46px}.fb-register-btn .btn-label{min-width:90px;padding:0 16px}
@media(max-width:640px){.btn .btn-ico{min-width:44px}.btn .btn-label{padding:0 13px;min-width:auto}.search .btn,.pro-search .btn,.auth .btn,.form .btn{width:100%}.fb-main-actions .btn{width:100%!important}.fb-register-btn .btn-label{display:none}.fb-register-btn .btn-ico{min-width:44px}.fb-login-link{display:none!important}}
/* =========================================================
FINAL PREMIUM BUTTON SYSTEM - örneklerdeki ikon bloklu buton görünümü
========================================================= */
button.btn.ui-btn,
a.btn.ui-btn,
.btn.ui-btn,
.fb-register-btn.ui-btn{
--btn-bg:#1877f2;
--btn-bg2:#0b67df;
--btn-side:#2f343b;
--btn-text:#fff;
display:inline-grid!important;
grid-template-columns:54px minmax(96px,1fr)!important;
align-items:stretch!important;
min-height:50px!important;
padding:0!important;
border:0!important;
border-radius:22px!important;
overflow:hidden!important;
background:linear-gradient(180deg,var(--btn-bg),var(--btn-bg2))!important;
color:var(--btn-text)!important;
box-shadow:0 7px 0 rgba(15,23,42,.18),0 17px 30px rgba(15,23,42,.16)!important;
text-transform:none!important;
letter-spacing:.01em!important;
}
button.btn.ui-btn:hover,
a.btn.ui-btn:hover,
.btn.ui-btn:hover,
.fb-register-btn.ui-btn:hover{
transform:translateY(-2px)!important;
filter:saturate(1.08) brightness(1.02)!important;
box-shadow:0 10px 0 rgba(15,23,42,.16),0 24px 36px rgba(15,23,42,.18)!important;
}
button.btn.ui-btn:active,
a.btn.ui-btn:active,
.btn.ui-btn:active{
transform:translateY(4px)!important;
box-shadow:0 3px 0 rgba(15,23,42,.20),0 10px 18px rgba(15,23,42,.13)!important;
}
.btn.ui-btn .btn-ico,
.fb-register-btn.ui-btn .btn-ico{
min-width:54px!important;
height:100%!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(180deg,var(--btn-side),#1d2229)!important;
font-size:20px!important;
color:#fff!important;
}
.btn.ui-btn .btn-label,
.fb-register-btn.ui-btn .btn-label{
min-width:92px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 20px!important;
font-weight:950!important;
color:var(--btn-text)!important;
}
.btn.ui-vote{--btn-bg:#ffd35a;--btn-bg2:#f4a900;--btn-side:#5f3b00;--btn-text:#171717}
.btn.ui-web{--btn-bg:#37c7f6;--btn-bg2:#0696d7;--btn-side:#064a67;--btn-text:#fff}
.btn.ui-discord{--btn-bg:#8b5cf6;--btn-bg2:#6d28d9;--btn-side:#312e81;--btn-text:#fff}
.btn.ui-follow{--btn-bg:#34d36d;--btn-bg2:#16a34a;--btn-side:#14532d;--btn-text:#fff}
.btn.ui-report,.btn.ui-delete{--btn-bg:#ff725e;--btn-bg2:#dc2626;--btn-side:#7f1d1d;--btn-text:#fff}
.btn.ui-rate{--btn-bg:#fbbf24;--btn-bg2:#f59e0b;--btn-side:#78350f;--btn-text:#111827}
.btn.ui-login{--btn-bg:#64748b;--btn-bg2:#475569;--btn-side:#1f2937;--btn-text:#fff}
.btn.ui-register{--btn-bg:#1877f2;--btn-bg2:#0b67df;--btn-side:#0f3f8a;--btn-text:#fff}
.btn.ui-search{--btn-bg:#14b8a6;--btn-bg2:#0d9488;--btn-side:#134e4a;--btn-text:#fff}
.btn.ui-save,.btn.ui-post{--btn-bg:#1877f2;--btn-bg2:#0b67df;--btn-side:#0f3f8a;--btn-text:#fff}
.btn.small.ui-btn{grid-template-columns:42px minmax(70px,1fr)!important;min-height:40px!important;border-radius:16px!important}
.btn.small.ui-btn .btn-ico{min-width:42px!important;font-size:16px!important}.btn.small.ui-btn .btn-label{padding:0 12px!important;min-width:70px!important}
.inline-action{display:inline-flex;margin:0}
.fb-main-actions{display:flex!important;gap:12px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important}
.fb-main-actions .btn.ui-btn{height:50px!important;min-width:150px!important;border-radius:20px!important}
.fb-main-actions .btn.ui-vote{min-width:138px!important}
.fb-tabs a{
text-decoration:none!important;
color:#4b5563!important;
font-weight:900!important;
border-bottom:4px solid transparent!important;
padding:17px 22px!important;
transition:.16s ease!important;
}
.fb-tabs a:hover{background:#f2f6ff!important;color:#1877f2!important}
.fb-tabs a.active{
color:#1877f2!important;
border-bottom-color:#1877f2!important;
background:#fff!important;
}
.fb-post-logo{
width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid #dfe3ea;background:#fff;
}
.fb-info-list.about-wide{margin-top:18px}
@media(max-width:760px){
.fb-main-actions{justify-content:stretch!important}
.inline-action,.fb-main-actions .btn.ui-btn{width:100%!important}
button.btn.ui-btn,a.btn.ui-btn,.btn.ui-btn{grid-template-columns:50px 1fr!important;width:100%!important}
}
/* ==========================================================
FINAL PREMIUM PILL BUTTON UI - örnek görseldeki stil
Beyaz daire ikon + renkli kapsül + yumuşak 3D gölge
========================================================== */
.btn,
a.btn,
button.btn,
.fb-register-btn,
.fb-login-link.btn,
.fb-icon-btn.btn{
--pill:#1f7af2;
--pill2:#0b67df;
--pill-icon:#1f7af2;
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
min-height:54px!important;
height:54px!important;
min-width:172px!important;
padding:0 26px 0 68px!important;
border-radius:999px!important;
border:0!important;
outline:0!important;
background:linear-gradient(180deg,var(--pill),var(--pill2))!important;
color:#fff!important;
font-size:15px!important;
font-weight:900!important;
letter-spacing:.06em!important;
text-transform:uppercase!important;
line-height:1!important;
text-decoration:none!important;
box-shadow:0 7px 0 rgba(0,0,0,.16),0 15px 28px rgba(15,23,42,.16)!important;
overflow:visible!important;
white-space:nowrap!important;
cursor:pointer!important;
transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
font-family:inherit!important;
}
.btn:hover,
a.btn:hover,
button.btn:hover,
.fb-register-btn:hover{
transform:translateY(-2px)!important;
box-shadow:0 9px 0 rgba(0,0,0,.15),0 19px 34px rgba(15,23,42,.20)!important;
filter:saturate(1.04)!important;
}
.btn:active,
a.btn:active,
button.btn:active,
.fb-register-btn:active{
transform:translateY(3px)!important;
box-shadow:0 3px 0 rgba(0,0,0,.18),0 8px 18px rgba(15,23,42,.16)!important;
}
.btn .btn-ico,
.fb-register-btn .btn-ico{
position:absolute!important;
left:-2px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:58px!important;
height:58px!important;
min-width:58px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#fff!important;
color:var(--pill-icon)!important;
font-size:23px!important;
font-weight:950!important;
line-height:1!important;
box-shadow:0 5px 10px rgba(0,0,0,.22), inset 0 0 0 1px rgba(0,0,0,.06)!important;
z-index:2!important;
}
.btn .btn-label,
.fb-register-btn .btn-label{
display:block!important;
color:inherit!important;
text-align:center!important;
min-width:0!important;
padding:0!important;
font-weight:950!important;
letter-spacing:.055em!important;
}
/* Renkler */
.btn.ui-vote, button[name="vote"]{--pill:#ffc928;--pill2:#f5a400;--pill-icon:#f5a400;color:#fff!important}
.btn.ui-follow, button[name="follow_server"]{--pill:#40c85a;--pill2:#18a83d;--pill-icon:#20a64a}
.btn.ui-web, a.btn[href*="http"]{--pill:#31bde9;--pill2:#1097ce;--pill-icon:#1097ce}
.btn.ui-discord, a.btn[href*="discord" i]{--pill:#8e44d6;--pill2:#6d28d9;--pill-icon:#7b2fd0}
.btn.ui-report, button[name="report"]{--pill:#ff3157;--pill2:#e11d48;--pill-icon:#e11d48}
.btn.ui-delete,.btn.danger,button[name="delete_server"],button[name="delete_user"],button[value="delete"]{--pill:#657381;--pill2:#4b5563;--pill-icon:#4b5563}
.btn.ui-save,button[name="update_user"],button[name="reset_password"],button[value="update"],button[value="quick_status"],button[value="quick_plan"],button[name="rate"],button[name="wall_post"]{--pill:#19c19d;--pill2:#0f9f84;--pill-icon:#0f9f84}
.btn.ui-search,.search .btn,.pro-search .btn,.admin-search .btn{--pill:#a855f7;--pill2:#7e22ce;--pill-icon:#7e22ce}
.btn.ui-register,.fb-register-btn{--pill:#42be55;--pill2:#20a83a;--pill-icon:#20a83a}
.btn.ui-login{--pill:#34495e;--pill2:#263747;--pill-icon:#34495e}
.btn.ui-post{--pill:#ff7a1a;--pill2:#f45c00;--pill-icon:#f45c00}
.btn.ui-rate{--pill:#ffbd2e;--pill2:#f59e0b;--pill-icon:#f59e0b}
.btn.ui-logout{--pill:#ef4444;--pill2:#dc2626;--pill-icon:#dc2626}
.btn.ghost:not(.ui-web):not(.ui-discord):not(.ui-vote):not(.ui-follow){--pill:#94a3b8;--pill2:#64748b;--pill-icon:#64748b;color:#fff!important}
/* Küçük/admin butonlar: aynı stil, daha kompakt */
.btn.small,
.admin-actions-col .btn,
.report-form .btn{
min-height:44px!important;
height:44px!important;
min-width:142px!important;
padding-left:56px!important;
padding-right:18px!important;
font-size:12px!important;
letter-spacing:.045em!important;
box-shadow:0 5px 0 rgba(0,0,0,.14),0 10px 18px rgba(15,23,42,.13)!important;
}
.btn.small .btn-ico,
.admin-actions-col .btn .btn-ico,
.report-form .btn .btn-ico{
width:48px!important;
height:48px!important;
min-width:48px!important;
font-size:18px!important;
}
.admin-actions-col{min-width:320px!important}.admin-actions-col .btn{width:100%!important;margin-top:6px!important}.inline-form{gap:8px!important}
/* Profil aksiyonları */
.fb-main-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;flex-wrap:wrap!important}.fb-main-actions .btn{min-width:156px!important;height:54px!important;border-radius:999px!important}.fb-main-actions form{margin:0!important}.fb-main-actions .inline-action{display:inline-flex!important}
/* Header sağ taraf: butonlar daha küçük ama aynı tasarım dili */
.fb-top-actions .btn,
.fb-top-actions .fb-register-btn{
min-width:132px!important;height:44px!important;min-height:44px!important;padding-left:54px!important;padding-right:16px!important;font-size:12px!important;box-shadow:0 4px 0 rgba(0,0,0,.13),0 9px 16px rgba(15,23,42,.12)!important
}
.fb-top-actions .btn .btn-ico,.fb-top-actions .fb-register-btn .btn-ico{width:48px!important;height:48px!important;min-width:48px!important;font-size:18px!important}
.fb-icon-btn:not(.btn){width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#eef0f3!important;color:#1c1e21!important;border:1px solid #d7dce5!important;box-shadow:0 6px 12px rgba(15,23,42,.08)!important;text-decoration:none!important}
/* Form butonları tam genişlikte de premium */
.auth .btn,.form .btn{width:100%!important;justify-content:center!important}.auth .btn .btn-label,.form .btn .btn-label{min-width:120px!important}.search .btn,.pro-search .btn,.admin-search .btn{min-width:170px!important}
@media(max-width:760px){
.btn,a.btn,button.btn,.fb-register-btn{min-width:145px!important;height:50px!important;min-height:50px!important;padding-left:60px!important;padding-right:18px!important;font-size:13px!important}
.btn .btn-ico,.fb-register-btn .btn-ico{width:54px!important;height:54px!important;min-width:54px!important;font-size:20px!important}
.fb-main-actions{justify-content:stretch!important}.fb-main-actions .btn,.fb-main-actions form{width:100%!important}.fb-top-actions .fb-register-btn .btn-label{display:none!important}.fb-top-actions .fb-register-btn{min-width:44px!important;width:44px!important;padding:0!important}.fb-top-actions .fb-register-btn .btn-ico{left:50%!important;transform:translate(-50%,-50%)!important}
}
/* =========================================================
FINAL BUTTON SYSTEM - sample-style soft pill buttons
White circle icon + colored rounded pill, no black icon blocks
========================================================= */
:root{
--btn-blue:#1d8cf8;
--btn-blue2:#0f6fe5;
--btn-green:#35b957;
--btn-green2:#20a646;
--btn-gold:#ffb928;
--btn-gold2:#f59e0b;
--btn-purple:#8b42d8;
--btn-purple2:#6d28d9;
--btn-red:#ef3f5f;
--btn-red2:#dc2449;
--btn-orange:#ff7a1a;
--btn-orange2:#f05a00;
--btn-slate:#64748b;
--btn-slate2:#475569;
}
.btn,
a.btn,
button.btn,
.fb-register-btn{
--pill:#1d8cf8;
--pill2:#0f6fe5;
--iconColor:var(--pill2);
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:0 !important;
min-height:48px !important;
height:48px !important;
min-width:150px !important;
padding:0 24px 0 64px !important;
border:0 !important;
border-radius:999px !important;
background:linear-gradient(180deg,var(--pill),var(--pill2)) !important;
color:#fff !important;
font-size:14px !important;
font-weight:900 !important;
line-height:1 !important;
letter-spacing:.015em !important;
text-decoration:none !important;
text-shadow:0 1px 1px rgba(0,0,0,.14) !important;
box-shadow:
0 5px 0 rgba(15,23,42,.22),
0 12px 22px rgba(15,23,42,.16),
inset 0 1px 0 rgba(255,255,255,.28) !important;
overflow:visible !important;
cursor:pointer !important;
transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
.btn:hover,
a.btn:hover,
button.btn:hover,
.fb-register-btn:hover{
transform:translateY(-2px) !important;
filter:saturate(1.05) brightness(1.03) !important;
box-shadow:
0 7px 0 rgba(15,23,42,.21),
0 16px 28px rgba(15,23,42,.18),
inset 0 1px 0 rgba(255,255,255,.34) !important;
}
.btn:active,
a.btn:active,
button.btn:active,
.fb-register-btn:active{
transform:translateY(2px) !important;
box-shadow:
0 2px 0 rgba(15,23,42,.22),
0 7px 14px rgba(15,23,42,.16),
inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.btn .btn-ico,
.fb-register-btn .btn-ico{
position:absolute !important;
left:-2px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:54px !important;
height:54px !important;
min-width:54px !important;
border-radius:50% !important;
display:grid !important;
place-items:center !important;
background:#fff !important;
color:var(--iconColor) !important;
font-size:20px !important;
font-weight:1000 !important;
line-height:1 !important;
text-shadow:none !important;
box-shadow:
0 5px 12px rgba(15,23,42,.22),
inset 0 0 0 1px rgba(15,23,42,.08) !important;
z-index:2 !important;
}
.btn .btn-label,
.fb-register-btn .btn-label{
display:block !important;
position:relative !important;
z-index:1 !important;
min-width:0 !important;
padding:0 !important;
color:#fff !important;
white-space:nowrap !important;
overflow:visible !important;
text-overflow:clip !important;
text-align:center !important;
}
/* semantic colors */
.btn.ui-vote, button[name="vote"]{--pill:var(--btn-gold);--pill2:var(--btn-gold2);--iconColor:var(--btn-gold2)}
.btn.ui-follow, button[name="follow_server"]{--pill:var(--btn-green);--pill2:var(--btn-green2);--iconColor:var(--btn-green2)}
.btn.ui-web, a.btn[href*="http"]{--pill:#22b7e7;--pill2:#0e92c3;--iconColor:#0e92c3}
.btn.ui-discord, a.btn[href*="discord" i]{--pill:var(--btn-purple);--pill2:var(--btn-purple2);--iconColor:var(--btn-purple2)}
.btn.ui-report, button[name="report"]{--pill:var(--btn-red);--pill2:var(--btn-red2);--iconColor:var(--btn-red2)}
.btn.ui-delete,.btn.danger,button[name="delete_server"],button[name="delete_user"],button[value="delete"]{--pill:var(--btn-slate);--pill2:var(--btn-slate2);--iconColor:var(--btn-slate2)}
.btn.ui-save,button[name="update_user"],button[name="reset_password"],button[value="update"],button[value="quick_status"],button[value="quick_plan"],button[name="rate"]{--pill:#1fc4a5;--pill2:#0f9f84;--iconColor:#0f9f84}
.btn.ui-post,button[name="wall_post"]{--pill:var(--btn-orange);--pill2:var(--btn-orange2);--iconColor:var(--btn-orange2)}
.btn.ui-search,.search .btn,.pro-search .btn,.admin-search .btn{--pill:#a855f7;--pill2:#7e22ce;--iconColor:#7e22ce}
.btn.ui-register,.fb-register-btn{--pill:#1877f2;--pill2:#0b5ed7;--iconColor:#1877f2}
.btn.ui-login{--pill:#334155;--pill2:#1f2937;--iconColor:#334155}
.btn.ui-logout{--pill:#ef4444;--pill2:#dc2626;--iconColor:#dc2626}
.btn.ui-edit{--pill:#fb923c;--pill2:#ea580c;--iconColor:#ea580c}
.btn.ui-info,.btn.ghost:not(.ui-web):not(.ui-discord):not(.ui-vote):not(.ui-follow){--pill:#94a3b8;--pill2:#64748b;--iconColor:#64748b}
/* compact buttons in admin tables */
.btn.small,
.admin-actions-col .btn,
.report-form .btn{
height:42px !important;
min-height:42px !important;
min-width:134px !important;
padding-left:54px !important;
padding-right:18px !important;
font-size:12px !important;
}
.btn.small .btn-ico,
.admin-actions-col .btn .btn-ico,
.report-form .btn .btn-ico{
width:48px !important;
height:48px !important;
min-width:48px !important;
font-size:17px !important;
}
.admin-actions-col{min-width:300px !important}
.admin-actions-col .btn{width:100% !important; margin-top:7px !important}
.inline-form{gap:8px !important}
/* profile action row */
.fb-main-actions{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:18px !important;
flex-wrap:wrap !important;
}
.fb-main-actions form{margin:0 !important; display:inline-flex !important}
.fb-main-actions .btn{
min-width:150px !important;
height:50px !important;
min-height:50px !important;
}
/* header buttons/icons: do not become huge */
.fb-top-actions .btn,
.fb-top-actions .fb-register-btn{
min-width:118px !important;
height:42px !important;
min-height:42px !important;
padding-left:52px !important;
padding-right:16px !important;
font-size:12px !important;
}
.fb-top-actions .btn .btn-ico,
.fb-top-actions .fb-register-btn .btn-ico{
width:46px !important;
height:46px !important;
min-width:46px !important;
font-size:16px !important;
}
.fb-icon-btn:not(.btn){
width:42px !important;
height:42px !important;
border-radius:50% !important;
display:grid !important;
place-items:center !important;
background:#eef0f3 !important;
color:#1c1e21 !important;
border:1px solid #d7dce5 !important;
box-shadow:0 6px 12px rgba(15,23,42,.08) !important;
text-decoration:none !important;
}
/* full-width form buttons still look clean */
.auth .btn,.form .btn{
width:100% !important;
}
.auth .btn .btn-label,.form .btn .btn-label{
text-align:center !important;
}
/* fix button text never hidden behind icon */
.btn:not(.icon-only) .btn-label{
margin-left:0 !important;
}
button.btn:disabled{
opacity:.72 !important;
cursor:not-allowed !important;
transform:none !important;
}
/* exit/logout refined */
a[href*="logout"].btn,
button[name="logout"],
.btn.ui-logout{
--pill:#ef4444;--pill2:#dc2626;--iconColor:#dc2626;
}
/* mobile */
@media(max-width:760px){
.btn,a.btn,button.btn,.fb-register-btn{
min-width:138px !important;
height:46px !important;
min-height:46px !important;
padding-left:56px !important;
padding-right:16px !important;
font-size:12px !important;
}
.btn .btn-ico,.fb-register-btn .btn-ico{
width:50px !important;
height:50px !important;
min-width:50px !important;
font-size:17px !important;
}
.fb-main-actions{
justify-content:flex-start !important;
gap:12px !important;
}
.fb-main-actions .btn,
.fb-main-actions form{
width:100% !important;
}
}
/* =========================================================
OVERRIDE v6 - GERÇEK BEYAZ DAİRE + RENKLİ KAPSÜL BUTON
Eski siyah bloklu buton sistemini tamamen ezer.
========================================================= */
.btn.ui-btn,
a.btn.ui-btn,
button.btn.ui-btn,
.btn,
a.btn,
button.btn,
.fb-register-btn.ui-btn,
.fb-register-btn{
--pill:#22aeea;
--pill2:#0e91c5;
--iconColor:#0e91c5;
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
grid-template-columns:none !important;
gap:0 !important;
min-height:50px !important;
height:50px !important;
min-width:158px !important;
padding:0 26px 0 68px !important;
border-radius:999px !important;
border:0 !important;
background:linear-gradient(180deg,var(--pill) 0%,var(--pill2) 100%) !important;
color:#fff !important;
font-size:14px !important;
font-weight:900 !important;
letter-spacing:.055em !important;
text-transform:uppercase !important;
text-decoration:none !important;
line-height:1 !important;
white-space:nowrap !important;
overflow:visible !important;
cursor:pointer !important;
text-shadow:0 1px 1px rgba(0,0,0,.16) !important;
box-shadow:
0 6px 0 rgba(15,23,42,.20),
0 14px 24px rgba(15,23,42,.18),
inset 0 1px 0 rgba(255,255,255,.28) !important;
transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
font-family:inherit !important;
}
.btn.ui-btn:hover,
a.btn.ui-btn:hover,
button.btn.ui-btn:hover,
.btn:hover,
a.btn:hover,
button.btn:hover,
.fb-register-btn:hover{
transform:translateY(-2px) !important;
filter:saturate(1.06) brightness(1.02) !important;
box-shadow:
0 8px 0 rgba(15,23,42,.18),
0 18px 32px rgba(15,23,42,.20),
inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.btn.ui-btn:active,
a.btn.ui-btn:active,
button.btn.ui-btn:active,
.btn:active,
a.btn:active,
button.btn:active,
.fb-register-btn:active{
transform:translateY(3px) !important;
box-shadow:
0 2px 0 rgba(15,23,42,.24),
0 8px 15px rgba(15,23,42,.16),
inset 0 1px 0 rgba(255,255,255,.16) !important;
}
/* Eski siyah ikon bloklarını kesin olarak iptal eder */
.btn.ui-btn .btn-ico,
a.btn.ui-btn .btn-ico,
button.btn.ui-btn .btn-ico,
.btn .btn-ico,
a.btn .btn-ico,
button.btn .btn-ico,
.fb-register-btn.ui-btn .btn-ico,
.fb-register-btn .btn-ico{
position:absolute !important;
left:-3px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:58px !important;
height:58px !important;
min-width:58px !important;
max-width:58px !important;
border-radius:50% !important;
display:grid !important;
place-items:center !important;
background:#fff !important;
background-image:none !important;
color:var(--iconColor) !important;
font-size:22px !important;
font-weight:1000 !important;
line-height:1 !important;
text-shadow:none !important;
border:0 !important;
box-shadow:
0 5px 12px rgba(15,23,42,.24),
inset 0 0 0 1px rgba(15,23,42,.08) !important;
z-index:3 !important;
}
.btn.ui-btn .btn-label,
a.btn.ui-btn .btn-label,
button.btn.ui-btn .btn-label,
.btn .btn-label,
a.btn .btn-label,
button.btn .btn-label,
.fb-register-btn.ui-btn .btn-label,
.fb-register-btn .btn-label{
display:block !important;
position:relative !important;
z-index:2 !important;
min-width:0 !important;
max-width:none !important;
padding:0 !important;
margin:0 !important;
color:#fff !important;
font-weight:950 !important;
letter-spacing:.055em !important;
text-align:center !important;
white-space:nowrap !important;
overflow:visible !important;
text-overflow:clip !important;
}
/* Renk paleti - örnekteki buton seti mantığı */
.btn.ui-vote, button[name="vote"]{
--pill:#ffca35; --pill2:#f5a400; --iconColor:#f5a400;
color:#fff !important;
}
.btn.ui-follow, button[name="follow_server"]{
--pill:#3fc762; --pill2:#18a842; --iconColor:#20a64a;
}
.btn.ui-web, a.btn.ui-web{
--pill:#29b9e9; --pill2:#0d94c7; --iconColor:#0d94c7;
}
.btn.ui-discord, a.btn.ui-discord{
--pill:#8b45d6; --pill2:#6d28d9; --iconColor:#7b2fd0;
}
.btn.ui-report, button[name="report"]{
--pill:#ff3159; --pill2:#e11d48; --iconColor:#e11d48;
}
.btn.ui-delete, .btn.danger, button[name="delete_server"], button[name="delete_user"], button[value="delete"]{
--pill:#667586; --pill2:#475569; --iconColor:#475569;
}
.btn.ui-save, button[name="update_user"], button[name="reset_password"], button[value="update"], button[value="quick_status"], button[value="quick_plan"], button[name="rate"]{
--pill:#18c4a3; --pill2:#0f9f84; --iconColor:#0f9f84;
}
.btn.ui-post, button[name="wall_post"]{
--pill:#ff7b1a; --pill2:#f45c00; --iconColor:#f45c00;
}
.btn.ui-search, .search .btn, .pro-search .btn, .admin-search .btn{
--pill:#a855f7; --pill2:#7e22ce; --iconColor:#7e22ce;
}
.btn.ui-register, .fb-register-btn{
--pill:#1877f2; --pill2:#0b5ed7; --iconColor:#1877f2;
}
.btn.ui-login{
--pill:#34495e; --pill2:#263747; --iconColor:#34495e;
}
.btn.ui-logout, a[href*="logout"].btn{
--pill:#ef4444; --pill2:#dc2626; --iconColor:#dc2626;
}
.btn.ui-edit{
--pill:#fb923c; --pill2:#ea580c; --iconColor:#ea580c;
}
.btn.ui-info, .btn.ghost:not(.ui-web):not(.ui-discord):not(.ui-vote):not(.ui-follow){
--pill:#94a3b8; --pill2:#64748b; --iconColor:#64748b;
}
/* Üst menüde butonlar daha dengeli */
.fb-top-actions .btn.ui-btn,
.fb-top-actions .btn,
.fb-top-actions .fb-register-btn{
min-width:124px !important;
height:44px !important;
min-height:44px !important;
padding-left:54px !important;
padding-right:16px !important;
font-size:12px !important;
}
.fb-top-actions .btn.ui-btn .btn-ico,
.fb-top-actions .btn .btn-ico,
.fb-top-actions .fb-register-btn .btn-ico{
width:48px !important;
height:48px !important;
min-width:48px !important;
max-width:48px !important;
font-size:17px !important;
}
/* Profil sayfasındaki ana aksiyonlar */
.fb-main-actions{
display:flex !important;
gap:18px !important;
justify-content:flex-end !important;
align-items:center !important;
flex-wrap:wrap !important;
}
.fb-main-actions form,
.fb-main-actions .inline-action{
display:inline-flex !important;
margin:0 !important;
}
.fb-main-actions .btn.ui-btn,
.fb-main-actions .btn{
min-width:156px !important;
height:52px !important;
min-height:52px !important;
}
/* Admin tabloda taşma yapmasın */
.btn.small,
.admin-actions-col .btn,
.report-form .btn{
min-width:140px !important;
height:42px !important;
min-height:42px !important;
padding-left:54px !important;
padding-right:16px !important;
font-size:12px !important;
}
.btn.small .btn-ico,
.admin-actions-col .btn .btn-ico,
.report-form .btn .btn-ico{
width:48px !important;
height:48px !important;
min-width:48px !important;
max-width:48px !important;
font-size:17px !important;
}
.admin-actions-col{min-width:310px !important;}
.admin-actions-col .btn{width:100% !important;}
/* İkon içermeyen yuvarlak üst menü butonları etkilenmesin */
.fb-icon-btn:not(.btn){
width:42px !important;
height:42px !important;
border-radius:50% !important;
display:grid !important;
place-items:center !important;
background:#eef0f3 !important;
color:#1c1e21 !important;
border:1px solid #d7dce5 !important;
box-shadow:0 6px 12px rgba(15,23,42,.08) !important;
text-decoration:none !important;
}
/* Form butonları */
.auth .btn,
.form .btn{
width:100% !important;
}
/* Mobil */
@media(max-width:760px){
.btn.ui-btn,
.btn,
a.btn,
button.btn,
.fb-register-btn{
min-width:140px !important;
height:48px !important;
min-height:48px !important;
padding-left:58px !important;
padding-right:18px !important;
font-size:12px !important;
}
.btn.ui-btn .btn-ico,
.btn .btn-ico,
.fb-register-btn .btn-ico{
width:52px !important;
height:52px !important;
min-width:52px !important;
max-width:52px !important;
font-size:18px !important;
}
.fb-main-actions{
justify-content:flex-start !important;
gap:12px !important;
}
.fb-main-actions form,
.fb-main-actions .btn{
width:100% !important;
}
}
/* =========================================================
ICON FIX v7 - ikonları gerçek SVG yapar, çirkin sembolleri temizler
========================================================= */
.btn .btn-ico,
a.btn .btn-ico,
button.btn .btn-ico,
.fb-register-btn .btn-ico{
font-size:0 !important;
color:var(--iconColor) !important;
}
.btn .btn-ico svg,
a.btn .btn-ico svg,
button.btn .btn-ico svg,
.fb-register-btn .btn-ico svg{
width:25px !important;
height:25px !important;
display:block !important;
fill:currentColor !important;
stroke:none !important;
}
.fb-top-actions .btn .btn-ico svg,
.fb-top-actions .fb-register-btn .btn-ico svg,
.btn.small .btn-ico svg,
.admin-actions-col .btn .btn-ico svg{
width:21px !important;
height:21px !important;
}
.auth .btn .btn-ico svg,
.form .btn .btn-ico svg{
width:24px !important;
height:24px !important;
}
.btn .btn-label,
a.btn .btn-label,
button.btn .btn-label,
.fb-register-btn .btn-label{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-width:max-content !important;
}
/* =========================================================
CLEAN FINAL SVG PILL BUTTON OVERRIDE - 2026-06-01
========================================================= */
.btn.ui-btn,
a.btn.ui-btn,
button.btn.ui-btn,
.fb-register-btn.ui-btn{
--pill:#168fe3;
--pill2:#0b79c7;
--iconColor:#168fe3;
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
height:46px!important;
min-height:46px!important;
min-width:148px!important;
padding:0 21px 0 57px!important;
border:0!important;
border-radius:999px!important;
background:linear-gradient(180deg,var(--pill),var(--pill2))!important;
color:#fff!important;
font-size:14px!important;
font-weight:900!important;
letter-spacing:.04em!important;
text-transform:uppercase!important;
line-height:1!important;
text-decoration:none!important;
text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
box-shadow:0 5px 0 rgba(15,23,42,.20),0 13px 22px rgba(15,23,42,.14)!important;
overflow:visible!important;
white-space:nowrap!important;
cursor:pointer!important;
transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
}
.btn.ui-btn:hover,
a.btn.ui-btn:hover,
button.btn.ui-btn:hover,
.fb-register-btn.ui-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.05) brightness(1.02)!important;box-shadow:0 7px 0 rgba(15,23,42,.19),0 17px 27px rgba(15,23,42,.18)!important}
.btn.ui-btn:active,
a.btn.ui-btn:active,
button.btn.ui-btn:active,
.fb-register-btn.ui-btn:active{transform:translateY(2px)!important;box-shadow:0 2px 0 rgba(15,23,42,.22),0 8px 14px rgba(15,23,42,.14)!important}
.btn.ui-btn .btn-ico,
a.btn.ui-btn .btn-ico,
button.btn.ui-btn .btn-ico,
.fb-register-btn.ui-btn .btn-ico{
position:absolute!important;
left:-3px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:52px!important;
height:52px!important;
min-width:52px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#fff!important;
color:var(--iconColor)!important;
box-shadow:0 5px 12px rgba(15,23,42,.20),inset 0 0 0 1px rgba(15,23,42,.07)!important;
z-index:2!important;
}
.btn.ui-btn .btn-ico svg,
a.btn.ui-btn .btn-ico svg,
button.btn.ui-btn .btn-ico svg,
.fb-register-btn.ui-btn .btn-ico svg{width:22px!important;height:22px!important;display:block!important;fill:currentColor!important;stroke:none!important;max-width:none!important;max-height:none!important}
.btn.ui-btn .btn-label,
a.btn.ui-btn .btn-label,
button.btn.ui-btn .btn-label,
.fb-register-btn.ui-btn .btn-label{display:block!important;color:#fff!important;padding:0!important;margin:0!important;min-width:0!important;text-align:center!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.btn.ui-vote{--pill:#ffc52e;--pill2:#ee9f08;--iconColor:#ee9f08;color:#fff!important}.btn.ui-web{--pill:#28b8e6;--pill2:#0b92c5;--iconColor:#0b92c5}.btn.ui-discord{--pill:#8b5cf6;--pill2:#6d28d9;--iconColor:#6d28d9}.btn.ui-follow{--pill:#39c765;--pill2:#17a348;--iconColor:#17a348}.btn.ui-report{--pill:#ff3860;--pill2:#df1f49;--iconColor:#df1f49}.btn.ui-delete,.btn.danger{--pill:#657383;--pill2:#475569;--iconColor:#475569}.btn.ui-save{--pill:#22c7a7;--pill2:#0f9f84;--iconColor:#0f9f84}.btn.ui-post{--pill:#ff7b1a;--pill2:#ee5d00;--iconColor:#ee5d00}.btn.ui-search{--pill:#a855f7;--pill2:#7e22ce;--iconColor:#7e22ce}.btn.ui-register,.fb-register-btn.ui-register{--pill:#1877f2;--pill2:#0b5ed7;--iconColor:#1877f2}.btn.ui-login{--pill:#34495e;--pill2:#263747;--iconColor:#34495e}.btn.ui-logout{--pill:#ef4444;--pill2:#dc2626;--iconColor:#dc2626}.btn.ui-edit{--pill:#fb923c;--pill2:#ea580c;--iconColor:#ea580c}.btn.ui-info,.btn.ui-default{--pill:#94a3b8;--pill2:#64748b;--iconColor:#64748b}
.btn.small.ui-btn,.admin-actions-col .btn.ui-btn,.report-form .btn.ui-btn{height:40px!important;min-height:40px!important;min-width:126px!important;padding-left:50px!important;padding-right:15px!important;font-size:12px!important;box-shadow:0 4px 0 rgba(15,23,42,.18),0 9px 17px rgba(15,23,42,.12)!important}.btn.small.ui-btn .btn-ico,.admin-actions-col .btn.ui-btn .btn-ico,.report-form .btn.ui-btn .btn-ico{width:44px!important;height:44px!important;min-width:44px!important}.btn.small.ui-btn .btn-ico svg,.admin-actions-col .btn.ui-btn .btn-ico svg,.report-form .btn.ui-btn .btn-ico svg{width:18px!important;height:18px!important}
.fb-top-actions .btn.ui-btn,.fb-top-actions .fb-register-btn.ui-btn{height:42px!important;min-height:42px!important;min-width:116px!important;padding-left:52px!important;padding-right:16px!important;font-size:12px!important}.fb-top-actions .btn.ui-btn .btn-ico,.fb-top-actions .fb-register-btn.ui-btn .btn-ico{width:46px!important;height:46px!important;min-width:46px!important}.fb-top-actions .btn.ui-btn .btn-ico svg,.fb-top-actions .fb-register-btn.ui-btn .btn-ico svg{width:19px!important;height:19px!important}
.fb-main-actions .btn.ui-btn{height:48px!important;min-height:48px!important;min-width:145px!important}.search .btn.ui-btn,.pro-search .btn.ui-btn,.admin-search .btn.ui-btn{min-width:160px!important}.auth .btn.ui-btn,.form .btn.ui-btn{width:100%!important}.card-actions .btn.ui-btn{flex:1 1 auto!important;min-width:150px!important}.fb-icon-btn:not(.btn){width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#eef0f3!important;color:#1c1e21!important;border:1px solid #d7dce5!important;box-shadow:0 6px 12px rgba(15,23,42,.08)!important;text-decoration:none!important}
@media(max-width:760px){.btn.ui-btn,a.btn.ui-btn,button.btn.ui-btn,.fb-register-btn.ui-btn{width:100%!important;min-width:0!important}.fb-top-actions .fb-register-btn.ui-btn{width:46px!important;min-width:46px!important;padding:0!important}.fb-top-actions .fb-register-btn.ui-btn .btn-label{display:none!important}.fb-top-actions .fb-register-btn.ui-btn .btn-ico{left:50%!important;transform:translate(-50%,-50%)!important}.fb-main-actions{justify-content:stretch!important}.fb-main-actions form{width:100%!important}}
/* =========================================================
FINAL TASK COLORS + FACEBOOK-LIKE IN-PAGE TABS
========================================================= */
.fb-tab-panel{display:none!important;animation:fbTabFade .16s ease both;}
.fb-tab-panel.is-active{display:block!important;}
@keyframes fbTabFade{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
/* görev bazlı buton renkleri - daha belirgin */
.btn.ui-vote{--pill:#ffca2f!important;--pill2:#f2a600!important;--iconColor:#e39a00!important;color:#fff!important;}
.btn.ui-follow{--pill:#35cf67!important;--pill2:#16a34a!important;--iconColor:#16a34a!important;}
.btn.ui-web{--pill:#22b8ee!important;--pill2:#0787c7!important;--iconColor:#0787c7!important;}
.btn.ui-discord{--pill:#8b5cf6!important;--pill2:#6d28d9!important;--iconColor:#6d28d9!important;}
.btn.ui-report{--pill:#ff4d6d!important;--pill2:#e11d48!important;--iconColor:#e11d48!important;}
.btn.ui-delete,.btn.danger{--pill:#64748b!important;--pill2:#475569!important;--iconColor:#475569!important;}
.btn.ui-save{--pill:#18c29c!important;--pill2:#0f9f84!important;--iconColor:#0f9f84!important;}
.btn.ui-post{--pill:#ff8a22!important;--pill2:#f05d00!important;--iconColor:#f05d00!important;}
.btn.ui-search{--pill:#a855f7!important;--pill2:#7e22ce!important;--iconColor:#7e22ce!important;}
.btn.ui-register,.fb-register-btn.ui-register{--pill:#1877f2!important;--pill2:#0b5ed7!important;--iconColor:#1877f2!important;}
.btn.ui-login{--pill:#334155!important;--pill2:#1f2937!important;--iconColor:#334155!important;}
.btn.ui-logout{--pill:#ef4444!important;--pill2:#dc2626!important;--iconColor:#dc2626!important;}
.btn.ui-edit{--pill:#fb923c!important;--pill2:#ea580c!important;--iconColor:#ea580c!important;}
.btn.ui-info,.btn.ui-default{--pill:#94a3b8!important;--pill2:#64748b!important;--iconColor:#64748b!important;}
.btn.ui-rate{--pill:#facc15!important;--pill2:#f59e0b!important;--iconColor:#f59e0b!important;}
/* Sekmeler buton gibi değil, Facebook sekmesi gibi sabit kalsın */
.fb-tabs a.active{color:#1877f2!important;border-bottom-color:#1877f2!important;background:#fff!important;}
.fb-tabs a{cursor:pointer;}
/* =========================================================
FINAL PROFESSIONAL UI PATCH - 02.06.2026
- amatör kalan emoji ikonları temizler
- buton renklerini görevine göre ayırır
- hover soldan sağa dolum efekti ekler
- sağdaki gereksiz tanıtım/floating görünümü kaldırılmış index tarafında
========================================================= */
.fb-icon-btn.fb-svg-only,
.fb-icon-btn:not(.btn){
width:42px!important;height:42px!important;border-radius:50%!important;
display:grid!important;place-items:center!important;
background:linear-gradient(180deg,#fff,#eef2f7)!important;
border:1px solid #d8dee8!important;color:#253044!important;
box-shadow:0 5px 12px rgba(15,23,42,.10)!important;text-decoration:none!important;
}
.fb-icon-btn.fb-svg-only svg,
.fb-icon-btn:not(.btn) svg{width:20px!important;height:20px!important;display:block!important;fill:currentColor!important;stroke:none!important;}
.fb-icon-btn.fb-svg-only:hover{background:linear-gradient(180deg,#f8fbff,#e7f0ff)!important;color:#1877f2!important;transform:translateY(-1px)!important;}
.btn.ui-btn,
a.btn.ui-btn,
button.btn.ui-btn,
.fb-register-btn.ui-btn{
--pill:#1d8cf8;--pill2:#0f6fe5;--iconColor:var(--pill2);--shine:rgba(255,255,255,.20);
position:relative!important;isolation:isolate!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;
min-height:50px!important;height:50px!important;min-width:152px!important;
padding:0 24px 0 64px!important;border:0!important;border-radius:999px!important;
background:linear-gradient(180deg,var(--pill),var(--pill2))!important;color:#fff!important;
font-size:14px!important;font-weight:900!important;line-height:1!important;letter-spacing:.025em!important;text-transform:uppercase!important;text-decoration:none!important;text-shadow:0 1px 1px rgba(0,0,0,.13)!important;
box-shadow:0 5px 0 rgba(15,23,42,.20),0 13px 24px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.25)!important;
overflow:visible!important;white-space:nowrap!important;cursor:pointer!important;
transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.btn.ui-btn::before,
a.btn.ui-btn::before,
button.btn.ui-btn::before,
.fb-register-btn.ui-btn::before{
content:"";position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;z-index:-1;
background:linear-gradient(90deg,rgba(255,255,255,.26),rgba(255,255,255,.12),transparent);
transition:width .28s ease;
}
.btn.ui-btn:hover::before,
a.btn.ui-btn:hover::before,
button.btn.ui-btn:hover::before,
.fb-register-btn.ui-btn:hover::before{width:100%;}
.btn.ui-btn:hover,
a.btn.ui-btn:hover,
button.btn.ui-btn:hover,
.fb-register-btn.ui-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.07) brightness(1.02)!important;box-shadow:0 7px 0 rgba(15,23,42,.18),0 18px 32px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.32)!important;}
.btn.ui-btn:active{transform:translateY(2px)!important;box-shadow:0 2px 0 rgba(15,23,42,.20),0 8px 15px rgba(15,23,42,.14)!important;}
.btn.ui-btn .btn-ico,
a.btn.ui-btn .btn-ico,
button.btn.ui-btn .btn-ico,
.fb-register-btn.ui-btn .btn-ico{
position:absolute!important;left:-3px!important;top:50%!important;transform:translateY(-50%)!important;
width:54px!important;height:54px!important;min-width:54px!important;border-radius:50%!important;
display:grid!important;place-items:center!important;background:#fff!important;color:var(--iconColor)!important;
box-shadow:0 5px 13px rgba(15,23,42,.22),inset 0 0 0 1px rgba(15,23,42,.07)!important;z-index:2!important;
}
.btn.ui-btn:hover .btn-ico{transform:translateY(-50%) scale(1.06)!important;}
.btn.ui-btn .btn-ico svg,
a.btn.ui-btn .btn-ico svg,
button.btn.ui-btn .btn-ico svg,
.fb-register-btn.ui-btn .btn-ico svg{width:21px!important;height:21px!important;display:block!important;fill:currentColor!important;stroke:none!important;max-width:none!important;max-height:none!important;}
.btn.ui-btn .btn-label,.fb-register-btn.ui-btn .btn-label{position:relative;z-index:1;color:#fff!important;min-width:0!important;text-align:center!important;white-space:nowrap!important;}
/* Göreve göre renkler */
.btn.ui-vote,button[name="vote"]{--pill:#ffd23f;--pill2:#f5a400;--iconColor:#f5a400;color:#fff!important;}
.btn.ui-follow,button[name="follow_server"]{--pill:#35c85a;--pill2:#18a83d;--iconColor:#18a83d;}
.btn.ui-web,a.btn[href*="http"]{--pill:#24b9ea;--pill2:#0e92c3;--iconColor:#0e92c3;}
.btn.ui-discord,a.btn[href*="discord" i]{--pill:#8e44d6;--pill2:#6d28d9;--iconColor:#7b2fd0;}
.btn.ui-report,button[name="report"]{--pill:#ff3157;--pill2:#e11d48;--iconColor:#e11d48;}
.btn.ui-delete,.btn.danger,button[name="delete_server"],button[name="delete_user"],button[value="delete"]{--pill:#657381;--pill2:#4b5563;--iconColor:#4b5563;}
.btn.ui-save,button[name="update_user"],button[name="reset_password"],button[value="update"],button[value="quick_status"],button[value="quick_plan"],button[name="rate"]{--pill:#20c7a5;--pill2:#0f9f84;--iconColor:#0f9f84;}
.btn.ui-post,button[name="wall_post"],a[href="/submit-server.php"].btn{--pill:#ff7a1a;--pill2:#f45c00;--iconColor:#f45c00;}
.btn.ui-search,.search .btn,.pro-search .btn,.admin-search .btn{--pill:#a855f7;--pill2:#7e22ce;--iconColor:#7e22ce;}
.btn.ui-register,.fb-register-btn{--pill:#1877f2;--pill2:#0b5ed7;--iconColor:#1877f2;}
.btn.ui-login{--pill:#334155;--pill2:#1f2937;--iconColor:#334155;}
.btn.ui-logout{--pill:#ef4444;--pill2:#dc2626;--iconColor:#dc2626;}
.btn.ui-edit{--pill:#fb923c;--pill2:#ea580c;--iconColor:#ea580c;}
.btn.ui-info,.btn.ghost:not(.ui-web):not(.ui-discord):not(.ui-vote):not(.ui-follow){--pill:#94a3b8;--pill2:#64748b;--iconColor:#64748b;color:#fff!important;}
/* Küçük kart/admin butonları */
.btn.small.ui-btn,.admin-actions-col .btn.ui-btn,.report-form .btn.ui-btn{height:42px!important;min-height:42px!important;min-width:138px!important;padding-left:52px!important;padding-right:16px!important;font-size:12px!important;box-shadow:0 4px 0 rgba(15,23,42,.17),0 9px 17px rgba(15,23,42,.12)!important;}
.btn.small.ui-btn .btn-ico,.admin-actions-col .btn.ui-btn .btn-ico,.report-form .btn.ui-btn .btn-ico{width:46px!important;height:46px!important;min-width:46px!important;}
.btn.small.ui-btn .btn-ico svg,.admin-actions-col .btn.ui-btn .btn-ico svg,.report-form .btn.ui-btn .btn-ico svg{width:18px!important;height:18px!important;}
.card-actions{gap:12px!important}.card-actions .btn.ui-btn{flex:1 1 170px!important;}
/* Header butonları */
.fb-top-actions .btn.ui-btn,.fb-top-actions .fb-register-btn.ui-btn{height:44px!important;min-height:44px!important;min-width:122px!important;padding-left:54px!important;padding-right:18px!important;font-size:12px!important;}
.fb-top-actions .btn.ui-btn .btn-ico,.fb-top-actions .fb-register-btn.ui-btn .btn-ico{width:48px!important;height:48px!important;min-width:48px!important;}
.fb-top-actions .btn.ui-btn .btn-ico svg,.fb-top-actions .fb-register-btn.ui-btn .btn-ico svg{width:19px!important;height:19px!important;}
/* Emojili amatör ikonları temizle: oy ve meta alanları SVG/soft ikon görünümü */
.score-vote{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#f59e0b!important;font-weight:950!important;}
.score-vote svg{width:19px!important;height:19px!important;fill:#f59e0b!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));}
.feature-meta span{display:inline-flex!important;align-items:center!important;gap:6px!important;}
.feature-meta span::before{content:"";width:15px;height:15px;display:inline-block;background:#64748b;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;}
.feature-meta .meta-eye::before{background:#1877f2;mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-image:url('data:image/svg+xml;utf8,');}
.feature-meta .meta-shield::before{background:#0f9f84;mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-image:url('data:image/svg+xml;utf8,');}
.feature-meta .meta-users::before{background:#334155;mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-image:url('data:image/svg+xml;utf8,');}
@media(max-width:760px){
.btn.ui-btn,.fb-register-btn.ui-btn{width:100%!important;min-width:0!important;}
.fb-top-actions .fb-register-btn.ui-btn{width:48px!important;min-width:48px!important;padding:0!important;}
.fb-top-actions .fb-register-btn.ui-btn .btn-label{display:none!important;}
.fb-top-actions .fb-register-btn.ui-btn .btn-ico{left:50%!important;transform:translate(-50%,-50%)!important;}
}
/* Duyuru akışı Facebook mantığı: gönderiler paylaşım kutusunun hemen altında */
.fb-post-new{
animation: fbPostNew .35s ease-out;
background: #f8fbff;
border-radius: 14px;
}
@keyframes fbPostNew{
from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}
}
.fb-wall-form button[disabled]{
opacity:.75;
cursor:wait;
}
/* =========================================================
ÜST MENÜ MODERN PILL TASARIMI
Serverlar / Açılış Takvimi / Server Ekle butonları
========================================================= */
.fb-top-center.modern-nav{
gap:10px !important;
align-items:center !important;
justify-content:center !important;
}
.fb-top-center.modern-nav .fb-nav-pill{
height:42px !important;
min-height:42px !important;
display:inline-flex !important;
align-items:center !important;
gap:9px !important;
padding:0 15px 0 7px !important;
border-radius:999px !important;
background:#f3f6fb !important;
color:#334155 !important;
border:1px solid #e3e9f2 !important;
box-shadow:0 4px 12px rgba(15,23,42,.05) !important;
font-size:13px !important;
font-weight:900 !important;
letter-spacing:.01em !important;
text-decoration:none !important;
white-space:nowrap !important;
transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico{
width:32px !important;
height:32px !important;
min-width:32px !important;
border-radius:50% !important;
display:inline-grid !important;
place-items:center !important;
background:#fff !important;
color:#1877f2 !important;
font-size:16px !important;
font-weight:950 !important;
line-height:1 !important;
box-shadow:0 5px 13px rgba(15,23,42,.11) !important;
}
.fb-top-center.modern-nav .fb-nav-pill:hover{
transform:translateY(-2px) !important;
background:#eef5ff !important;
color:#1877f2 !important;
box-shadow:0 9px 22px rgba(24,119,242,.13) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.active{
background:#e8f1ff !important;
color:#1877f2 !important;
border-color:#cfe0ff !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add{
background:linear-gradient(135deg,#ff8a22,#ff6a00) !important;
color:#fff !important;
border-color:rgba(255,106,0,.25) !important;
box-shadow:0 8px 18px rgba(255,106,0,.20) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add .nav-ico{
color:#ff6a00 !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add:hover,
.fb-top-center.modern-nav .fb-nav-pill.add.active{
background:linear-gradient(135deg,#ff9a34,#ff6a00) !important;
color:#fff !important;
box-shadow:0 11px 24px rgba(255,106,0,.26) !important;
}
@media(max-width:1050px){
.fb-top-center.modern-nav{
justify-content:flex-start !important;
overflow:auto !important;
padding-bottom:7px !important;
}
}
@media(max-width:640px){
.fb-top-center.modern-nav .fb-nav-pill{
height:38px !important;
min-height:38px !important;
padding:0 12px 0 6px !important;
font-size:12px !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico{
width:28px !important;
height:28px !important;
min-width:28px !important;
font-size:14px !important;
}
}
/* SVG ikon düzeltmesi: emoji/font icon yerine gerçek vektör ikon */
.fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{
width:17px !important;
height:17px !important;
display:block !important;
fill:currentColor !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico{
font-size:0 !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add .nav-ico svg{
width:18px !important;
height:18px !important;
}
@media(max-width:640px){
.fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{
width:15px !important;
height:15px !important;
}
}
/* Instagram/Facebook tarzı ana sayfa hikaye alanı */
.story-strip-card{margin:22px 0 30px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 34px rgba(15,23,42,.08);padding:18px;overflow:hidden}
.story-strip-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.story-strip-head h2{font-size:24px}.story-head-link{color:var(--main);font-weight:900;text-decoration:none;background:var(--mainSoft);padding:10px 14px;border-radius:999px;white-space:nowrap}.story-head-link:hover{background:#dbeafe}
.story-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;overscroll-behavior-x:contain}.story-rail::-webkit-scrollbar{height:8px}.story-rail::-webkit-scrollbar-thumb{background:#d7dde8;border-radius:99px}.story-rail::-webkit-scrollbar-track{background:#f1f5f9;border-radius:99px}
.story-create-card,.story-card{position:relative;flex:0 0 112px;height:162px;border-radius:15px;overflow:hidden;scroll-snap-align:start;border:1px solid #dfe3ea;background:#f8fafc;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.08);transition:.18s ease}.story-create-card:hover,.story-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.13)}
.story-create-card{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:#111827;padding:0 10px 14px}.story-create-cover{position:absolute;inset:0 0 52px;background:linear-gradient(135deg,#eff6ff,#f8fbff);display:grid;place-items:end center;padding-bottom:0}.story-create-cover span{width:42px;height:42px;margin-bottom:-21px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;border:4px solid #fff;font-size:30px;font-weight:950;box-shadow:0 10px 18px rgba(24,119,242,.28)}.story-create-card b{position:relative;text-align:center;font-size:14px;line-height:1.2}
.story-card{cursor:pointer;padding:0;text-align:left;color:#fff}.story-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.3s ease}.story-card:hover .story-bg{transform:scale(1.04)}.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.76) 100%)}.story-ring{position:absolute;left:9px;top:9px;width:43px;height:43px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#1877f2,#7c3aed,#ff7a18);box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:2}.story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#fff}.story-card b{position:absolute;left:10px;right:8px;bottom:10px;z-index:2;font-size:14px;line-height:1.12;text-shadow:0 2px 8px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.story-viewer{position:fixed;inset:0;background:rgba(2,6,23,.88);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.story-viewer.open{display:flex}.story-viewer-close{position:fixed;right:22px;top:18px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:34px;line-height:1;cursor:pointer;z-index:2}.story-viewer-close:hover{background:rgba(255,255,255,.22)}
.story-phone{position:relative;width:min(390px,92vw);height:min(720px,86vh);border-radius:28px;overflow:hidden;background:#0f172a;box-shadow:0 30px 90px rgba(0,0,0,.45)}.story-progress{position:absolute;left:14px;right:14px;top:12px;height:4px;border-radius:99px;background:rgba(255,255,255,.28);z-index:3;overflow:hidden}.story-progress span{display:block;height:100%;width:0;background:#fff;border-radius:99px}.story-viewer.open .story-progress span{animation:storyProgress 5s linear forwards}.story-phone-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-phone-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.18) 40%,rgba(0,0,0,.86))}.story-phone-head{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:26px 18px 0;color:#fff}.story-phone-logo{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#fff}.story-phone-head b{display:block;font-size:15px}.story-phone-head small{display:block;font-size:12px;opacity:.75}.story-phone-body{position:absolute;left:20px;right:20px;bottom:22px;z-index:2;color:#fff}.story-phone-body h3{font-size:30px;line-height:1.05;margin:0 0 10px;color:#fff}.story-phone-body p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.86);margin:0 0 14px}.story-phone-stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.story-phone-stats span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 10px;font-weight:850;font-size:13px}.story-phone-cta{display:flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 16px;background:#fff;color:#111827;font-weight:950;text-decoration:none}.story-phone-cta:hover{background:#eaf2ff;color:#1877f2}@keyframes storyProgress{to{width:100%}}
@media(max-width:640px){.story-strip-card{margin:16px -1vw 24px;border-radius:18px;padding:14px}.story-strip-head{align-items:flex-start}.story-strip-head h2{font-size:21px}.story-head-link{font-size:13px;padding:8px 10px}.story-create-card,.story-card{flex-basis:98px;height:148px}.story-phone{height:82vh;border-radius:22px}.story-phone-body h3{font-size:25px}}
.story-head-link{border:0;cursor:pointer;font-family:inherit}.story-create-card{border:1px solid #dfe3ea;cursor:pointer;font-family:inherit}.story-create-modal{position:fixed;inset:0;background:rgba(2,6,23,.72);z-index:10000;display:none;align-items:center;justify-content:center;padding:18px}.story-create-modal.open{display:flex}.story-create-close{position:fixed;right:22px;top:18px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:34px;line-height:1;cursor:pointer}.story-create-box{width:min(520px,94vw);background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(15,23,42,.35);padding:22px}.story-create-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.story-create-title>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;font-size:30px;font-weight:950}.story-create-title b{display:block;font-size:22px}.story-create-title small{display:block;color:#64748b;margin-top:2px}.story-create-form{display:grid;gap:12px}.story-create-form label{display:grid;gap:6px;font-weight:850;color:#334155}.story-create-form input,.story-create-form textarea,.story-create-form select{width:100%;border:1px solid #dbe1ea;border-radius:14px;padding:12px 13px;font:inherit;background:#f8fafc}.story-create-actions{display:flex;gap:10px;flex-wrap:wrap}.story-create-actions .btn{display:inline-flex}
/* Story upload professional UI fix */
.story-head-link{display:inline-flex;align-items:center;gap:8px}
.story-head-ico{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:50%;background:#1877f2;color:#fff;flex:0 0 20px}
.story-head-ico svg{width:13px;height:13px;display:block}
.story-plus-svg{width:42px;height:42px;margin-bottom:-21px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;border:4px solid #fff;box-shadow:0 10px 18px rgba(24,119,242,.28)}
.story-plus-svg svg{width:22px;height:22px;display:block}
.story-create-title .story-modal-ico{font-size:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1877f2,#7c3aed);color:#fff;box-shadow:0 12px 24px rgba(24,119,242,.25)}
.story-create-title .story-modal-ico svg{width:24px;height:24px;display:block}
.story-upload-box{position:relative}
.story-image-input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}
.story-upload-preview{min-height:150px;border:2px dashed #c7d2fe;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff7ed);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;overflow:hidden;position:relative;color:#334155;transition:.2s ease}
.story-upload-preview:hover{border-color:#1877f2;box-shadow:0 14px 26px rgba(24,119,242,.12);transform:translateY(-1px)}
.story-upload-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;box-shadow:0 10px 20px rgba(24,119,242,.25)}
.story-upload-icon svg{width:24px;height:24px;display:block}
.story-upload-preview b{font-size:16px;color:#111827}.story-upload-preview small{font-weight:700;color:#64748b}
.story-preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;z-index:1}.story-upload-preview.has-image .story-preview-img{display:block}.story-upload-preview.has-image:after{content:'Resmi değiştirmek için tıkla';position:absolute;left:12px;right:12px;bottom:12px;z-index:3;background:rgba(15,23,42,.82);color:#fff;border-radius:999px;padding:9px 12px;font-weight:900;font-size:13px}.story-upload-preview.has-image .story-upload-icon,.story-upload-preview.has-image b,.story-upload-preview.has-image small{display:none}
/* Kullanıcı profil resmi sistemi */
.fb-user-chip img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block;background:#e5e7eb;border:1px solid rgba(255,255,255,.75)}
.profile-panel-card{background:#fff;border:1px solid #d8dce3;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.08);margin-bottom:18px}
.profile-cover{height:210px;background-size:cover;background-position:center;position:relative;background-color:#eaf2ff}
.profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.16))}
.profile-main-row{display:flex;align-items:flex-end;gap:18px;padding:0 24px 22px}
.profile-avatar-big{width:142px;height:142px;border-radius:50%;object-fit:cover;background:#e5e7eb;border:5px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.18);margin-top:-58px;position:relative;z-index:2}
.profile-title-area h1{margin:0 0 6px;font-size:32px;font-weight:950;letter-spacing:-.04em;color:#111827}.profile-title-area p{margin:0;color:#4b5563;line-height:1.5}.profile-discord{display:inline-flex;margin-top:8px;font-weight:850;color:#1877f2;background:#eef6ff;border-radius:999px;padding:6px 10px}
.profile-edit-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-bottom:18px}.profile-edit-form label{display:grid;gap:7px;font-weight:800;color:#263142;margin-bottom:12px}.profile-edit-form input,.profile-edit-form textarea{width:100%;border:1px solid #d8dce3;border-radius:12px;padding:12px;background:#f8fafc}.profile-actions-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.remove-avatar-check{display:flex!important;align-items:center;gap:8px;margin:0!important;font-size:13px;color:#64748b}.remove-avatar-check input{width:auto!important}.profile-stats-card .btn{margin-top:14px}.profile-feed-item{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #eef2f7}.profile-feed-item:last-child{border-bottom:0}.profile-feed-item img{width:44px;height:44px;border-radius:50%;object-fit:cover}.profile-feed-item small{display:block;color:#64748b;margin-top:2px}.profile-feed-item p{margin:6px 0 0}
@media(max-width:760px){.profile-main-row{display:block;padding:0 16px 18px}.profile-avatar-big{width:116px;height:116px;margin-top:-48px}.profile-title-area h1{font-size:26px}.profile-cover{height:150px}.profile-edit-grid{grid-template-columns:1fr}}
/* Admin moderasyon ekleri */
.danger-text{color:#dc2626;font-weight:700;}
.pill.banned,.pill.passive{background:#fee2e2;color:#991b1b;border-color:#fecaca;}
.pill.active{background:#dcfce7;color:#166534;border-color:#bbf7d0;}
.admin-actions-col input[name="ban_reason"],.admin-actions-col input[name="ban_until"],.admin-actions-col select{max-width:210px;}
.admin-actions-col .check{display:inline-flex;align-items:center;gap:6px;margin:3px 8px 3px 0;font-size:12px;font-weight:800;color:#334155;}
.admin-actions-col .inline-form{gap:6px;align-items:center;flex-wrap:wrap;}
/* Şifremi unuttum ekranları */
.auth-note{margin:0 0 16px;color:#64748b;font-size:14px;line-height:1.55;text-align:center}
.auth-link{margin:14px 0 0;text-align:center;font-weight:800}
.auth-link a{color:#1877f2;text-decoration:none}
.auth-link a:hover{text-decoration:underline}
.reset-auth form{gap:12px}
/* === HOTFIX: hikaye + kategori bozulmadan düzeltme === */
.story-strip-card{overflow:hidden!important;}
.story-rail{display:flex!important;gap:14px!important;overflow-x:auto!important;padding:4px 4px 14px!important;scroll-snap-type:x mandatory!important;}
.story-create-card,.story-card{flex:0 0 128px!important;width:128px!important;min-width:128px!important;height:182px!important;border-radius:18px!important;}
.story-create-card{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;padding:16px 10px!important;text-align:center!important;}
.story-create-cover{position:static!important;inset:auto!important;background:transparent!important;display:grid!important;place-items:center!important;padding:0!important;margin:0 0 10px!important;}
.story-create-cover span,.story-plus-svg{width:50px!important;height:50px!important;margin:0!important;border-radius:50%!important;}
.story-create-card b{position:static!important;display:block!important;font-size:15px!important;line-height:1.18!important;text-align:center!important;white-space:normal!important;color:#111827!important;}
.story-bg{width:100%!important;height:100%!important;object-fit:cover!important;}
.story-ring{width:46px!important;height:46px!important;left:10px!important;top:10px!important;}
.story-card b{font-size:14px!important;line-height:1.15!important;left:11px!important;right:11px!important;bottom:12px!important;}
.category-filter-row{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;margin:16px 0 30px!important;}
.category-pill{min-width:160px!important;height:54px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:0 14px!important;border:1px solid #e1e7f0!important;border-radius:12px!important;background:#fff!important;color:#111827!important;text-decoration:none!important;box-shadow:0 6px 16px rgba(15,23,42,.04)!important;font-weight:800!important;line-height:1!important;overflow:hidden!important;}
.category-pill:hover{border-color:#bfdbfe!important;background:#f8fbff!important;}
.category-pill.active{border-color:#2f80ff!important;background:#f3f8ff!important;color:#1877f2!important;}
.category-pill-icon{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;line-height:1!important;overflow:hidden!important;}
.category-pill-name{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.category-pill-count{margin-left:auto!important;min-width:26px!important;height:24px!important;padding:0 7px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#eef2f7!important;color:#64748b!important;font-size:13px!important;font-weight:900!important;line-height:1!important;}
.category-pill.active .category-pill-count{background:#dbeafe!important;color:#1877f2!important;}
.category-pill svg,.category-pill img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;display:block!important;}
@media(max-width:760px){
.story-create-card,.story-card{flex-basis:112px!important;width:112px!important;min-width:112px!important;height:166px!important;}
.category-filter-row{gap:10px!important;}
.category-pill{min-width:calc(50% - 5px)!important;flex:1 1 calc(50% - 5px)!important;height:50px!important;padding:0 10px!important;gap:9px!important;}
.category-pill-name{font-size:13px!important;}
}
@media(max-width:420px){.category-pill{min-width:100%!important;flex-basis:100%!important;}}
/* === HOTFIX 2: kategoriye tıklayınca sayfa en üste atmasın === */
#kategori-filtreleri{scroll-margin-top:110px;}
/* === Bildirim sistemi === */
.notif-wrap{position:relative;display:inline-flex}.notif-btn{position:relative}.notif-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:950;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.notif-menu{position:absolute;right:0;top:100%;margin-top:6px;width:340px;max-width:90vw;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.18);padding:10px;z-index:9999;display:none}.notif-menu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.notif-wrap:hover .notif-menu,.notif-wrap:focus-within .notif-menu{display:block}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;border-bottom:1px solid var(--line2);margin-bottom:6px}.notif-head b{font-size:17px}.notif-head a{font-size:12px;color:var(--main);font-weight:950;text-decoration:none}.notif-item{display:block;text-decoration:none;color:var(--text);padding:11px 10px;border-radius:14px;border:1px solid transparent}.notif-item:hover{background:#f8fbff;border-color:#dbeafe}.notif-item.unread{background:#eff6ff}.notif-item b{display:block;font-size:14px}.notif-item span{display:block;color:#475569;font-size:13px;line-height:1.35;margin-top:3px}.notif-item small{display:block;color:#94a3b8;font-size:11px;margin-top:4px}.notif-empty{padding:18px 10px;color:var(--muted);font-weight:800}.notif-page-list{display:grid;gap:10px}.notif-page-item{display:flex;justify-content:space-between;gap:14px;text-decoration:none;color:var(--text);border:1px solid var(--line2);border-radius:18px;padding:15px;background:#fff}.notif-page-item.unread{background:#eff6ff;border-color:#bfdbfe}.notif-page-item b{display:block;font-size:17px}.notif-page-item p{margin:6px 0;color:#475569;line-height:1.5}.notif-page-item small{color:#94a3b8}.notif-page-item>span{align-self:flex-start;background:#1877f2;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950}@media(max-width:640px){.notif-menu{right:auto;left:-150px;width:310px}.fb-top-actions{flex-wrap:wrap}}
/* Ana sayfa sponsorlu hero düzeni */
.sponsor-hero{grid-template-columns:1fr 420px;align-items:stretch;min-height:0;margin-bottom:22px}
.sponsor-hero-left{display:flex;flex-direction:column;justify-content:center}
.sponsor-hero .hero-content h1{max-width:780px}
.sponsor-showcase{position:relative;z-index:1;background:rgba(255,255,255,.78);border:1px solid rgba(207,216,229,.9);border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,.12);padding:18px;backdrop-filter:blur(12px)}
.sponsor-showcase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.sponsor-showcase-head span{font-weight:950;color:#111827}.sponsor-showcase-head small{color:#64748b;font-weight:800;text-align:right}
.sponsor-showcase-list{display:grid;gap:11px}.sponsor-mini-card{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #e6edf7;border-radius:18px;background:#fff;text-decoration:none;color:#111827;box-shadow:0 10px 24px rgba(15,23,42,.07);transition:.18s ease}.sponsor-mini-card:hover{transform:translateY(-2px);border-color:#bcd7ff}.sponsor-mini-card img{width:56px;height:56px;border-radius:15px;object-fit:cover;background:#eef2f7}.sponsor-mini-card b{display:block;font-size:16px}.sponsor-mini-card small{display:block;margin-top:4px;color:#64748b;font-weight:800}.sponsor-mini-card em{font-style:normal;font-size:11px;font-weight:950;color:#0b63ce;background:#eaf2ff;border-radius:999px;padding:7px 9px}.sponsor-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:18px;color:#64748b;font-weight:800;background:#f8fafc}
.upcoming-head{margin-top:34px}.upcoming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 28px}.upcoming-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);text-decoration:none;color:#111827}.upcoming-card img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#eef2f7}.upcoming-card b{display:block}.upcoming-card small{display:block;margin-top:4px;color:#64748b;font-weight:750}.upcoming-card em{font-style:normal;color:#9a5b00;background:#fff4d6;border-radius:999px;padding:8px 10px;font-weight:950;white-space:nowrap}.premium-ad-zone{margin:32px 0 10px;padding:30px;border-radius:26px;border:1px solid #ffd8a8;background:linear-gradient(135deg,#fff7ed,#fff,#eef6ff);box-shadow:var(--shadow2);text-align:center}.premium-ad-zone p{max-width:720px;margin:10px auto 18px;color:#64748b;line-height:1.65}
@media(max-width:1000px){.sponsor-hero{grid-template-columns:1fr}.upcoming-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.sponsor-mini-card,.upcoming-card{grid-template-columns:48px 1fr}.sponsor-mini-card em,.upcoming-card em{grid-column:2;justify-self:start}.upcoming-grid{grid-template-columns:1fr}}
/* =========================================================
COMPACT HOME UI PATCH - 09.06.2026
Ana sayfa ve butonları %10-15 küçültür, daha profesyonel ölçek verir.
========================================================= */
.sponsor-hero.hero-pro{
min-height:300px !important;
grid-template-columns:1.28fr .72fr !important;
gap:22px !important;
padding:34px 50px !important;
border-radius:24px !important;
}
.sponsor-hero .eyebrow{
font-size:12px !important;
margin-bottom:10px !important;
letter-spacing:.07em !important;
}
.sponsor-hero h1{
font-size:clamp(32px,3.7vw,48px) !important;
line-height:1.08 !important;
margin-bottom:14px !important;
max-width:620px !important;
}
.sponsor-hero p{
font-size:15.5px !important;
line-height:1.65 !important;
max-width:650px !important;
}
.sponsor-hero .search,
.sponsor-hero .pro-search{
max-width:650px !important;
margin-top:20px !important;
}
.sponsor-hero .pro-search{
padding:7px !important;
border-radius:18px !important;
}
.sponsor-hero input{
padding:12px 14px !important;
font-size:14px !important;
border-radius:13px !important;
}
.sponsor-hero .hero-actions{
gap:9px !important;
margin-top:17px !important;
}
.sponsor-showcase{
padding:20px !important;
border-radius:22px !important;
min-height:330px !important;
}
.sponsor-showcase-head{
margin-bottom:14px !important;
}
.sponsor-showcase-head b{
font-size:16px !important;
}
.sponsor-showcase-head span{
font-size:12px !important;
}
.sponsor-showcase-list{
gap:12px !important;
}
.sponsor-mini-card{
min-height:72px !important;
padding:11px 12px !important;
border-radius:17px !important;
gap:11px !important;
}
.sponsor-mini-card img,
.sponsor-mini-logo{
width:56px !important;
height:56px !important;
min-width:56px !important;
border-radius:15px !important;
}
.sponsor-mini-card b{
font-size:14px !important;
}
.sponsor-mini-card small{
font-size:12px !important;
}
.sponsor-mini-card .tag,
.sponsor-mini-card .pill,
.sponsor-mini-card span:last-child{
font-size:11px !important;
padding:6px 10px !important;
border-radius:999px !important;
}
/* Genel buton kompaktlaştırma */
.btn.ui-btn,
a.btn.ui-btn,
button.btn.ui-btn,
.fb-register-btn.ui-btn{
height:44px !important;
min-height:44px !important;
min-width:132px !important;
padding:0 18px 0 54px !important;
font-size:12.5px !important;
letter-spacing:.025em !important;
box-shadow:0 4px 0 rgba(15,23,42,.18),0 10px 18px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.btn.ui-btn .btn-ico,
a.btn.ui-btn .btn-ico,
button.btn.ui-btn .btn-ico,
.fb-register-btn.ui-btn .btn-ico{
width:48px !important;
height:48px !important;
min-width:48px !important;
left:-3px !important;
}
.btn.ui-btn .btn-ico svg,
a.btn.ui-btn .btn-ico svg,
button.btn.ui-btn .btn-ico svg,
.fb-register-btn.ui-btn .btn-ico svg{
width:18px !important;
height:18px !important;
}
.btn.ui-btn:hover,
a.btn.ui-btn:hover,
button.btn.ui-btn:hover,
.fb-register-btn.ui-btn:hover{
box-shadow:0 6px 0 rgba(15,23,42,.16),0 14px 23px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.search .btn.ui-btn,
.pro-search .btn.ui-btn,
.admin-search .btn.ui-btn{
min-width:142px !important;
height:44px !important;
min-height:44px !important;
}
.hero-actions .btn.ui-btn{
min-width:148px !important;
}
.btn.small.ui-btn,
.admin-actions-col .btn.ui-btn,
.report-form .btn.ui-btn{
height:38px!important;
min-height:38px!important;
min-width:118px!important;
padding-left:46px!important;
padding-right:14px!important;
font-size:11.5px!important;
}
.btn.small.ui-btn .btn-ico,
.admin-actions-col .btn.ui-btn .btn-ico,
.report-form .btn.ui-btn .btn-ico{
width:42px!important;
height:42px!important;
min-width:42px!important;
}
/* Üst menüyü daha ince yap */
.fb-site-top{
min-height:58px !important;
padding:0 18px !important;
}
.fb-site-top .brand{
font-size:16px !important;
}
.fb-site-top .brand-mark{
width:40px !important;
height:40px !important;
}
.fb-top-search{
height:38px !important;
width:min(330px,34vw) !important;
}
.fb-top-search input{
height:36px !important;
font-size:13px !important;
}
.fb-top-center.modern-nav{
gap:8px !important;
}
.fb-top-center.modern-nav .fb-nav-pill{
height:38px !important;
min-height:38px !important;
padding:0 13px 0 6px !important;
font-size:12.5px !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico{
width:29px !important;
height:29px !important;
min-width:29px !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{
width:15px !important;
height:15px !important;
}
.fb-icon-btn:not(.btn){
width:38px !important;
height:38px !important;
}
.fb-user-chip{
padding:4px 9px 4px 4px !important;
}
.fb-user-chip span{
width:30px !important;
height:30px !important;
}
.fb-user-chip b{
font-size:12px !important;
}
.fb-top-actions .btn.ui-btn,
.fb-top-actions .fb-register-btn.ui-btn{
height:40px!important;
min-height:40px!important;
min-width:104px!important;
padding-left:48px!important;
padding-right:14px!important;
font-size:11.5px!important;
}
.fb-top-actions .btn.ui-btn .btn-ico,
.fb-top-actions .fb-register-btn.ui-btn .btn-ico{
width:44px!important;
height:44px!important;
min-width:44px!important;
}
.section-head{margin-top:26px !important;}
.chips a,.tag{padding:8px 12px !important;font-size:12px !important;}
.card{border-radius:20px !important;}
.card-body{padding:15px !important;}
.card h2{font-size:19px !important;}
.card img{height:155px !important;}
@media(max-width:900px){
.sponsor-hero.hero-pro{grid-template-columns:1fr !important;padding:26px !important;}
.sponsor-showcase{min-height:auto !important;}
}
@media(max-width:640px){
.sponsor-hero.hero-pro{padding:20px !important;border-radius:20px !important;}
.sponsor-hero h1{font-size:31px !important;}
.sponsor-hero p{font-size:14.5px !important;}
.sponsor-hero .search{flex-direction:column !important;}
.btn.ui-btn,.fb-register-btn.ui-btn{width:100% !important;min-width:0 !important;}
.fb-site-top{padding:8px 10px !important;}
}
/* SEO kategori linkleri */
.seo-link-cloud{
background:rgba(255,255,255,.88);
border:1px solid rgba(15,23,42,.08);
border-radius:22px;
padding:22px;
margin:22px 0;
box-shadow:0 14px 40px rgba(15,23,42,.06);
}
.seo-link-cloud-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.seo-link-cloud-head h2{margin:4px 0 0;font-size:24px;line-height:1.15}
.seo-keyword-grid{display:flex;flex-wrap:wrap;gap:10px}
.seo-keyword-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#f4f8ff;border:1px solid #dbe7ff;color:#0f172a;font-weight:800;text-decoration:none;transition:.18s ease}
.seo-keyword-pill small{font-size:10px;color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:3px 7px}
.seo-keyword-pill:hover,.seo-keyword-pill.active{transform:translateY(-2px);border-color:#1877f2;color:#1877f2;box-shadow:0 10px 22px rgba(24,119,242,.12)}
.seo-landing-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#eef6ff 100%);border:1px solid rgba(24,119,242,.16);border-radius:28px;padding:42px;margin:24px 0;box-shadow:0 20px 50px rgba(15,23,42,.08)}
.seo-landing-hero h1{font-size:44px;line-height:1.05;margin:8px 0 14px;color:#0f172a;max-width:760px}
.seo-landing-hero p{font-size:17px;line-height:1.75;color:#334155;max-width:780px}
.seo-landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.seo-content-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:26px;margin:26px 0;box-shadow:0 12px 34px rgba(15,23,42,.05)}
.seo-content-card h2{margin:0 0 10px;font-size:24px}.seo-content-card p{margin:0;color:#475569;line-height:1.8}
@media(max-width:720px){.seo-landing-hero{padding:26px}.seo-landing-hero h1{font-size:32px}.seo-link-cloud{padding:16px}.seo-keyword-pill{width:100%;justify-content:space-between}}
/* =========================================================
VERIFIED COMPACT UI PATCH - ChatGPT 09.06.2026
Ana sayfa buton/hero ölçeğini son kez kompaktlar.
========================================================= */
.sponsor-hero.hero-pro{
min-height:280px !important;
padding:28px 42px !important;
gap:20px !important;
}
.sponsor-hero h1{
font-size:clamp(28px,3.4vw,44px) !important;
line-height:1.08 !important;
}
.sponsor-hero p{
font-size:15px !important;
}
.sponsor-showcase{
padding:16px !important;
min-height:300px !important;
}
.sponsor-mini-card{
min-height:68px !important;
padding:10px 11px !important;
}
.sponsor-mini-card img,
.sponsor-mini-logo{
width:52px !important;
height:52px !important;
min-width:52px !important;
}
.btn.ui-btn,
a.btn.ui-btn,
button.btn.ui-btn,
.fb-register-btn.ui-btn{
height:42px !important;
min-height:42px !important;
min-width:124px !important;
padding:0 16px 0 50px !important;
font-size:12px !important;
}
.btn.ui-btn .btn-ico,
a.btn.ui-btn .btn-ico,
button.btn.ui-btn .btn-ico,
.fb-register-btn.ui-btn .btn-ico{
width:44px !important;
height:44px !important;
min-width:44px !important;
}
.btn.ui-btn .btn-ico svg,
a.btn.ui-btn .btn-ico svg,
button.btn.ui-btn .btn-ico svg,
.fb-register-btn.ui-btn .btn-ico svg{
width:17px !important;
height:17px !important;
}
.hero-actions .btn.ui-btn,
.search .btn.ui-btn,
.pro-search .btn.ui-btn{
min-width:136px !important;
}
.fb-site-top{
min-height:54px !important;
}
.fb-top-center.modern-nav .fb-nav-pill{
height:36px !important;
min-height:36px !important;
font-size:12px !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico{
width:28px !important;
height:28px !important;
min-width:28px !important;
}
.card-actions .btn.ui-btn{
flex:1 1 145px !important;
}
@media(max-width:900px){
.sponsor-hero.hero-pro{padding:24px !important;}
}
@media(max-width:640px){
.sponsor-hero.hero-pro{padding:18px !important;}
.sponsor-hero h1{font-size:29px !important;}
}
/* Profil takip sistemi + ana sayfa toplist düzeni */
.top-vote-showcase h1{font-size:clamp(28px,4vw,46px)}
.top-voted-list{display:grid;gap:10px;margin-top:18px;max-width:720px}
.top-voted-card{display:grid;grid-template-columns:42px 54px 1fr;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e4e6eb;border-radius:16px;background:#fff;text-decoration:none;color:#111827;box-shadow:0 10px 24px rgba(15,23,42,.07);transition:.18s ease}
.top-voted-card:hover{transform:translateY(-2px);border-color:#cfe0ff;background:#f8fbff}
.top-voted-card em{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f0f6ff;color:#1877f2;font-style:normal;font-weight:950;font-size:18px}
.top-voted-card.rank-1 em{background:#fff4d6;color:#9a5b00}
.top-voted-card.rank-2 em{background:#f1f5f9;color:#475569}
.top-voted-card.rank-3 em{background:#fff1e8;color:#b45309}
.top-voted-card img{width:54px;height:54px;border-radius:14px;object-fit:cover;background:#e5e7eb}
.top-voted-card b{display:block;font-size:15px;color:#111827}
.top-voted-card small{display:block;margin-top:3px;color:#65676b;font-size:12px;font-weight:750}
.owner-profile-box{display:grid;gap:12px}.owner-profile-head{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111827}.owner-profile-head img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#e5e7eb}.owner-profile-head b{display:block;font-size:17px}.owner-profile-link{width:100%;margin-top:2px}.profile-rank-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#eef2ff;color:#3730a3;white-space:nowrap}.profile-rank-badge.gold{background:#fff4d6;color:#9a5b00}.profile-rank-badge.silver{background:#f1f5f9;color:#475569}.profile-rank-badge.bronze{background:#fff1e8;color:#b45309}.profile-rank-badge.legend{background:#f5e8ff;color:#7e22ce}.profile-title-area .profile-rank-badge,.fb-title-line .profile-rank-badge{margin-left:8px}.profile-stat-grid{grid-template-columns:1fr 1fr}.profile-server-row{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;text-decoration:none;color:#111827;border-bottom:1px solid #eef0f3;padding:10px 0}.profile-server-row:last-child{border-bottom:0}.profile-server-row img{width:54px;height:54px;border-radius:14px;object-fit:cover;background:#e5e7eb}.profile-server-row b{display:block}.profile-server-row small{display:block;color:#65676b;margin-top:3px}.profile-user-list{display:grid;gap:8px}.profile-user-list a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;padding:8px;border-radius:12px;border:1px solid #eef0f3;background:#fff}.profile-user-list a:hover{background:#f8fbff;border-color:#cfe0ff}.profile-user-list img{width:42px;height:42px;border-radius:50%;object-fit:cover}.profile-user-list b{display:block}.profile-user-list small{display:block;color:#65676b;font-size:12px}.profile-follow-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.user-profile-page .fb-avatar-wrap{display:grid;place-items:center}.user-profile-page .fb-avatar-wrap .fb-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}
@media(max-width:900px){.profile-follow-grid{grid-template-columns:1fr}.top-voted-card{grid-template-columns:38px 48px 1fr}.top-voted-card img{width:48px;height:48px}.top-voted-card em{width:38px;height:38px}.profile-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.top-voted-card{grid-template-columns:34px 44px 1fr;padding:9px}.top-voted-card em{width:34px;height:34px;font-size:15px}.top-voted-card img{width:44px;height:44px}.top-voted-card small{font-size:11px}}
/* Facebook benzeri kullanıcı profili düzeltmeleri */
.fb-social-profile .fb-tabs a:first-child{
color:#65676b;
border-bottom:0;
border-radius:8px;
}
.fb-social-profile .fb-tabs a.active{
color:#1877f2;
border-bottom:3px solid #1877f2;
border-radius:0;
background:transparent;
}
.fb-social-profile .fb-cover-img{
height:320px;
background:#eef3f9;
}
.fb-social-profile .fb-title-line{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.fb-social-profile .fb-title-area p{
margin:8px 0 0;
max-width:680px;
}
.fb-social-profile .fb-details-list{
display:grid;
gap:12px;
}
.fb-social-profile .fb-details-list div{
display:flex;
align-items:center;
gap:12px;
color:#1c1e21;
font-size:15px;
}
.fb-social-profile .fb-details-list span{
width:26px;
text-align:center;
font-size:20px;
}
.fb-social-profile .profile-server-row{
display:flex;
align-items:center;
gap:12px;
padding:12px;
border:1px solid #e4e6eb;
border-radius:10px;
text-decoration:none;
color:#050505;
margin-bottom:10px;
background:#fff;
}
.fb-social-profile .profile-server-row:hover{
background:#f5f6f7;
}
.fb-social-profile .profile-server-row img{
width:56px;
height:56px;
border-radius:10px;
object-fit:cover;
background:#f0f2f5;
}
.fb-social-profile .profile-server-row b{
display:block;
font-size:16px;
}
.fb-social-profile .profile-server-row small{
display:block;
color:#65676b;
margin-top:3px;
}
.fb-social-profile .profile-user-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.fb-social-profile .profile-user-list a{
display:flex;
align-items:center;
gap:10px;
padding:10px;
border:1px solid #e4e6eb;
border-radius:10px;
text-decoration:none;
color:#050505;
background:#fff;
}
.fb-social-profile .profile-user-list img{
width:46px;
height:46px;
border-radius:50%;
object-fit:cover;
}
.fb-social-profile .profile-user-list b,
.fb-social-profile .profile-user-list small{
display:block;
}
.fb-social-profile .profile-user-list small{
color:#65676b;
font-size:12px;
}
.fb-social-profile .fb-wall-form textarea{
width:100%;
resize:vertical;
}
.fb-social-profile .fb-wall-form .btn{
margin-top:10px;
}
.fb-social-profile .profile-rank-badge{
display:inline-flex;
align-items:center;
gap:5px;
padding:7px 10px;
border-radius:999px;
background:#f0f2f5;
color:#4b5563;
font-weight:900;
font-size:13px;
}
.fb-social-profile .profile-rank-badge.gold,.fb-social-profile .profile-rank-badge.legend{background:#fff4d6;color:#9a5b00;}
.fb-social-profile .profile-rank-badge.silver{background:#eef2f7;color:#475569;}
.fb-social-profile .profile-rank-badge.bronze{background:#fff0e5;color:#9a3412;}
@media(max-width:900px){
.fb-social-profile .fb-layout{grid-template-columns:1fr;}
.fb-social-profile .fb-left-col{position:static;}
.fb-social-profile .fb-profile-row{grid-template-columns:110px 1fr;}
.fb-social-profile .fb-main-actions{grid-column:1/-1;margin-top:0;justify-content:flex-start;}
.fb-social-profile .fb-avatar-wrap{width:110px;height:110px;margin-top:-45px;}
.fb-social-profile .fb-cover-img{height:210px;}
.fb-social-profile .profile-user-list{grid-template-columns:1fr;}
.fb-social-profile .fb-tabs{overflow:auto;white-space:nowrap;}
}
/* FACEBOOK PROFIL V2 - net gorunur profil tasarimi */
.wrap:has(.fb-social-profile){width:min(1210px,96vw)!important;padding-top:0!important;}
.fb-social-profile{max-width:1210px!important;margin:0 auto!important;}
.fb-social-profile .fb-cover-card{background:#fff!important;border:1px solid #dddfe2!important;border-top:0!important;border-radius:0 0 14px 14px!important;box-shadow:0 2px 5px rgba(0,0,0,.06)!important;overflow:visible!important;}
.fb-social-profile .fb-cover-img{height:285px!important;width:100%!important;object-fit:cover!important;border-radius:0 0 10px 10px!important;background:linear-gradient(135deg,#e8f1ff,#f7f8fa)!important;}
.fb-social-profile .fb-profile-row{display:grid!important;grid-template-columns:172px minmax(0,1fr) auto!important;gap:18px!important;align-items:end!important;padding:0 28px 18px!important;}
.fb-social-profile .fb-avatar-wrap{width:172px!important;height:172px!important;margin-top:-64px!important;padding:5px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.24)!important;z-index:2!important;}
.fb-social-profile .fb-avatar{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;}
.fb-social-profile .fb-title-area{padding:16px 0 4px!important;}
.fb-social-profile .fb-title-line h1{font-size:38px!important;line-height:1.05!important;font-weight:950!important;margin:0!important;color:#050505!important;}
.fb-social-profile .fb-follow-line{font-size:15px!important;color:#65676b!important;margin-top:7px!important;}
.fb-social-profile .fb-follow-line strong{color:#050505!important;}
.fb-social-profile .fb-title-area p{font-size:15px!important;color:#4b5563!important;margin-top:7px!important;}
.fb-social-profile .fb-main-actions{align-self:center!important;margin-top:36px!important;display:flex!important;gap:8px!important;justify-content:flex-end!important;}
.fb-social-profile .fb-main-actions .btn{height:42px!important;border-radius:7px!important;box-shadow:none!important;font-size:14px!important;font-weight:900!important;padding:0 16px!important;background:#1877f2!important;color:#fff!important;}
.fb-social-profile .fb-tabs{height:58px!important;margin:0 28px!important;padding:0!important;border-top:1px solid #e4e6eb!important;background:#fff!important;display:flex!important;align-items:center!important;gap:4px!important;}
.fb-social-profile .fb-tabs a{height:52px!important;display:flex!important;align-items:center!important;padding:0 17px!important;font-size:15px!important;font-weight:850!important;color:#65676b!important;text-decoration:none!important;border-radius:8px!important;border-bottom:3px solid transparent!important;background:transparent!important;}
.fb-social-profile .fb-tabs a:hover{background:#f2f3f5!important;color:#1877f2!important;}
.fb-social-profile .fb-tabs a.active{color:#1877f2!important;border-bottom-color:#1877f2!important;border-radius:0!important;background:transparent!important;}
.fb-social-profile .fb-layout{display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;gap:16px!important;max-width:1210px!important;margin:16px auto 0!important;align-items:start!important;}
.fb-social-profile .fb-left-col{display:grid!important;gap:16px!important;position:sticky!important;top:78px!important;}
.fb-social-profile .fb-feed-col{display:grid!important;gap:16px!important;}
.fb-social-profile .fb-box{background:#fff!important;border:1px solid #dddfe2!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;padding:16px!important;}
.fb-social-profile .fb-box h2{font-size:21px!important;color:#050505!important;margin:0 0 12px!important;font-weight:950!important;}
.fb-social-profile .fb-details-list div{padding:4px 0!important;}
.fb-social-profile .fb-post-composer textarea{background:#f0f2f5!important;border:0!important;border-radius:18px!important;padding:14px!important;min-height:82px!important;}
.fb-social-profile .profile-server-row{border:1px solid #e4e6eb!important;border-radius:10px!important;margin-bottom:10px!important;padding:12px!important;background:#fff!important;box-shadow:none!important;}
.fb-social-profile .profile-user-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.fb-social-profile
@media(max-width:900px){
.fb-social-profile .fb-profile-row{grid-template-columns:125px 1fr!important;padding:0 14px 14px!important;}
.fb-social-profile .fb-avatar-wrap{width:125px!important;height:125px!important;margin-top:-48px!important;}
.fb-social-profile .fb-main-actions{grid-column:1/-1!important;margin-top:0!important;justify-content:flex-start!important;}
.fb-social-profile .fb-layout{grid-template-columns:1fr!important;padding:0 10px!important;}
.fb-social-profile .fb-left-col{position:static!important;}
.fb-social-profile .profile-user-list{grid-template-columns:1fr!important;}
.fb-social-profile .fb-tabs{overflow:auto!important;white-space:nowrap!important;margin:0 14px!important;}
.fb-social-profile .fb-cover-img{height:210px!important;}
}
/* Server sayfası - sahibi kutusu sade görünüm */
.owner-profile-box-clean .owner-profile-head{padding:4px 0 8px}.owner-profile-box-clean .owner-profile-head img{width:56px;height:56px}.owner-simple-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.owner-simple-stats a{display:block;text-decoration:none;color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px;font-weight:800}.owner-simple-stats a b{display:block;color:#1877f2;font-size:22px;line-height:1}.owner-actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.owner-actions-row .btn{flex:1;min-width:120px}.owner-actions-row form{flex:1}.owner-actions-row form .btn{width:100%}
/* =========================================================
FINAL COMPACT BUTTON OVERRIDE - 2026-06-11
Sadece üst sağ giriş/kayıt ve server detay aksiyon butonlarını küçültür.
Eski büyük buton override bloklarının en sonunda olduğu için kesin ezer.
========================================================= */
.fb-main-actions{
gap:12px !important;
align-items:center !important;
}
.fb-main-actions form,
.fb-main-actions .inline-action{
margin:0 !important;
display:inline-flex !important;
}
.fb-main-actions .btn,
.fb-main-actions a.btn,
.fb-main-actions button.btn{
min-width:auto !important;
width:auto !important;
height:42px !important;
min-height:42px !important;
padding:0 17px 0 50px !important;
border-radius:999px !important;
font-size:12px !important;
line-height:1 !important;
letter-spacing:.035em !important;
font-weight:900 !important;
box-shadow:0 4px 0 rgba(15,23,42,.17),0 10px 18px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.fb-main-actions .btn.ui-vote{min-width:108px !important;}
.fb-main-actions .btn.ui-follow{min-width:118px !important;}
.fb-main-actions .btn.ui-web{min-width:118px !important;}
.fb-main-actions .btn.ui-discord{min-width:116px !important;}
.fb-main-actions .btn .btn-ico,
.fb-main-actions a.btn .btn-ico,
.fb-main-actions button.btn .btn-ico{
left:-2px !important;
width:46px !important;
height:46px !important;
min-width:46px !important;
max-width:46px !important;
font-size:0 !important;
box-shadow:0 4px 10px rgba(15,23,42,.20),inset 0 0 0 1px rgba(15,23,42,.07) !important;
}
.fb-main-actions .btn .btn-ico svg,
.fb-main-actions a.btn .btn-ico svg,
.fb-main-actions button.btn .btn-ico svg{
width:20px !important;
height:20px !important;
}
.fb-main-actions .btn:hover,
.fb-main-actions a.btn:hover,
.fb-main-actions button.btn:hover{
transform:translateY(-1px) !important;
box-shadow:0 5px 0 rgba(15,23,42,.16),0 13px 22px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.30) !important;
}
.fb-top-actions{
gap:8px !important;
align-items:center !important;
}
.fb-top-actions .btn,
.fb-top-actions a.btn,
.fb-top-actions button.btn,
.fb-top-actions .fb-register-btn{
min-width:auto !important;
width:auto !important;
height:38px !important;
min-height:38px !important;
padding:0 13px 0 45px !important;
border-radius:999px !important;
font-size:11px !important;
letter-spacing:.035em !important;
box-shadow:0 4px 0 rgba(15,23,42,.16),0 9px 16px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.fb-top-actions .btn.ui-login{min-width:96px !important;}
.fb-top-actions .btn.ui-register,
.fb-top-actions .fb-register-btn{min-width:105px !important;}
.fb-top-actions .btn.ui-logout{min-width:94px !important;}
.fb-top-actions .btn .btn-ico,
.fb-top-actions a.btn .btn-ico,
.fb-top-actions button.btn .btn-ico,
.fb-top-actions .fb-register-btn .btn-ico{
left:-2px !important;
width:42px !important;
height:42px !important;
min-width:42px !important;
max-width:42px !important;
font-size:0 !important;
box-shadow:0 4px 10px rgba(15,23,42,.19),inset 0 0 0 1px rgba(15,23,42,.07) !important;
}
.fb-top-actions .btn .btn-ico svg,
.fb-top-actions a.btn .btn-ico svg,
.fb-top-actions button.btn .btn-ico svg,
.fb-top-actions .fb-register-btn .btn-ico svg{
width:18px !important;
height:18px !important;
}
@media(max-width:760px){
.fb-main-actions .btn,
.fb-main-actions a.btn,
.fb-main-actions button.btn{
height:42px !important;
min-height:42px !important;
width:100% !important;
min-width:0 !important;
padding-left:50px !important;
font-size:12px !important;
}
.fb-top-actions .btn,
.fb-top-actions .fb-register-btn{
height:38px !important;
min-height:38px !important;
padding-left:45px !important;
font-size:11px !important;
}
}
/* =========================================================
SON OVERRIDE - SERVER VE HEADER BUTONLARI NET KUCULTULDU
Bu blok dosyanin en sonunda oldugu icin onceki tekrar eden button CSS'lerini ezer.
========================================================= */
.fb-profile-page .fb-main-actions{
gap:10px !important;
align-items:center !important;
justify-content:flex-end !important;
flex-wrap:wrap !important;
}
.fb-profile-page .fb-main-actions form{
margin:0 !important;
padding:0 !important;
display:inline-flex !important;
width:auto !important;
}
.fb-profile-page .fb-main-actions .btn,
.fb-profile-page .fb-main-actions a.btn,
.fb-profile-page .fb-main-actions button.btn,
.fb-profile-page .fb-main-actions .btn.ui-btn,
.fb-profile-page .fb-main-actions a.btn.ui-btn,
.fb-profile-page .fb-main-actions button.btn.ui-btn{
width:auto !important;
min-width:106px !important;
max-width:none !important;
height:36px !important;
min-height:36px !important;
padding:0 13px 0 39px !important;
border-radius:999px !important;
font-size:11px !important;
line-height:1 !important;
letter-spacing:.025em !important;
text-transform:uppercase !important;
box-shadow:0 3px 0 rgba(15,23,42,.16),0 8px 14px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.fb-profile-page .fb-main-actions .btn .btn-ico,
.fb-profile-page .fb-main-actions a.btn .btn-ico,
.fb-profile-page .fb-main-actions button.btn .btn-ico,
.fb-profile-page .fb-main-actions .btn.ui-btn .btn-ico,
.fb-profile-page .fb-main-actions a.btn.ui-btn .btn-ico,
.fb-profile-page .fb-main-actions button.btn.ui-btn .btn-ico{
left:-2px !important;
width:38px !important;
height:38px !important;
min-width:38px !important;
max-width:38px !important;
font-size:0 !important;
box-shadow:0 3px 9px rgba(15,23,42,.18),inset 0 0 0 1px rgba(15,23,42,.07) !important;
}
.fb-profile-page .fb-main-actions .btn .btn-ico svg,
.fb-profile-page .fb-main-actions a.btn .btn-ico svg,
.fb-profile-page .fb-main-actions button.btn .btn-ico svg,
.fb-profile-page .fb-main-actions .btn.ui-btn .btn-ico svg,
.fb-profile-page .fb-main-actions a.btn.ui-btn .btn-ico svg,
.fb-profile-page .fb-main-actions button.btn.ui-btn .btn-ico svg{
width:15px !important;
height:15px !important;
}
/* Sag ust Giris / Kayit / Cikis */
.fb-top-actions{
gap:7px !important;
align-items:center !important;
}
.fb-top-actions .btn,
.fb-top-actions a.btn,
.fb-top-actions button.btn,
.fb-top-actions .btn.ui-btn,
.fb-top-actions a.btn.ui-btn,
.fb-top-actions button.btn.ui-btn,
.fb-top-actions .fb-register-btn,
.fb-top-actions .fb-register-btn.ui-btn{
width:auto !important;
min-width:88px !important;
max-width:none !important;
height:34px !important;
min-height:34px !important;
padding:0 11px 0 38px !important;
border-radius:999px !important;
font-size:10.5px !important;
line-height:1 !important;
letter-spacing:.025em !important;
text-transform:uppercase !important;
box-shadow:0 3px 0 rgba(15,23,42,.15),0 7px 13px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.fb-top-actions .btn .btn-ico,
.fb-top-actions a.btn .btn-ico,
.fb-top-actions button.btn .btn-ico,
.fb-top-actions .btn.ui-btn .btn-ico,
.fb-top-actions a.btn.ui-btn .btn-ico,
.fb-top-actions button.btn.ui-btn .btn-ico,
.fb-top-actions .fb-register-btn .btn-ico,
.fb-top-actions .fb-register-btn.ui-btn .btn-ico{
left:-2px !important;
width:36px !important;
height:36px !important;
min-width:36px !important;
max-width:36px !important;
font-size:0 !important;
box-shadow:0 3px 8px rgba(15,23,42,.18),inset 0 0 0 1px rgba(15,23,42,.07) !important;
}
.fb-top-actions .btn .btn-ico svg,
.fb-top-actions a.btn .btn-ico svg,
.fb-top-actions button.btn .btn-ico svg,
.fb-top-actions .btn.ui-btn .btn-ico svg,
.fb-top-actions a.btn.ui-btn .btn-ico svg,
.fb-top-actions button.btn.ui-btn .btn-ico svg,
.fb-top-actions .fb-register-btn .btn-ico svg,
.fb-top-actions .fb-register-btn.ui-btn .btn-ico svg{
width:14px !important;
height:14px !important;
}
.fb-top-actions .fb-register-btn,
.fb-top-actions .fb-register-btn.ui-btn{min-width:94px !important;}
.fb-top-actions .btn.ui-login{min-width:82px !important;}
.fb-top-actions .btn.ui-logout{min-width:82px !important;}
@media(max-width:760px){
.fb-profile-page .fb-main-actions{
justify-content:flex-start !important;
width:100% !important;
}
.fb-profile-page .fb-main-actions form,
.fb-profile-page .fb-main-actions .btn,
.fb-profile-page .fb-main-actions a.btn,
.fb-profile-page .fb-main-actions button.btn{
width:auto !important;
}
}
/* =========================================================
MOBIL GORUNUM FINAL FIX - 2026-06-11
Header, ana sayfa toplist ve server detay mobil taşma/buton ölçeği.
========================================================= */
@media (max-width: 760px){
html,body{max-width:100%!important;overflow-x:hidden!important;}
body{background:#eef0f3!important;}
.wrap{width:100%!important;max-width:100%!important;padding:14px 10px 44px!important;}
/* Üst bar: logo + giriş/kayıt üstte, menü altta yatay kayar */
.fb-site-top,
header.fb-site-top,
.top.pro-top.fb-site-top{
position:sticky!important;top:0!important;z-index:1000!important;
width:100%!important;height:auto!important;min-height:0!important;
display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;
grid-template-areas:"left actions" "nav nav"!important;
gap:8px!important;align-items:center!important;
padding:8px 10px 9px!important;background:#fff!important;
}
.fb-top-left{grid-area:left!important;min-width:0!important;}
.fb-top-search{display:none!important;}
.fb-site-top .brand{gap:0!important;min-width:42px!important;}
.fb-site-top .brand span:last-child{display:none!important;}
.fb-site-top .brand-mark{width:40px!important;height:40px!important;min-width:40px!important;font-size:17px!important;}
.fb-top-actions{grid-area:actions!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;min-width:0!important;overflow:visible!important;}
.fb-top-actions .fb-icon-btn:not(.btn){width:34px!important;height:34px!important;min-width:34px!important;}
.fb-top-actions .fb-icon-btn:not(.btn) svg{width:16px!important;height:16px!important;}
.fb-user-chip{height:34px!important;max-width:42px!important;padding:3px!important;}
.fb-user-chip img,.fb-user-chip span{width:28px!important;height:28px!important;min-width:28px!important;}
.fb-user-chip b{display:none!important;}
.fb-top-actions .btn,
.fb-top-actions a.btn,
.fb-top-actions button.btn,
.fb-top-actions .btn.ui-btn,
.fb-top-actions a.btn.ui-btn,
.fb-top-actions button.btn.ui-btn,
.fb-top-actions .fb-register-btn,
.fb-top-actions .fb-register-btn.ui-btn{
width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;
padding:0 9px 0 34px!important;border-radius:999px!important;
font-size:10px!important;letter-spacing:.02em!important;line-height:1!important;
box-shadow:0 2px 0 rgba(15,23,42,.14),0 6px 10px rgba(15,23,42,.12)!important;
}
.fb-top-actions .btn.ui-login{min-width:68px!important;}
.fb-top-actions .fb-register-btn,
.fb-top-actions .btn.ui-register{min-width:78px!important;}
.fb-top-actions .btn.ui-logout{min-width:66px!important;}
.fb-top-actions .btn .btn-ico,
.fb-top-actions a.btn .btn-ico,
.fb-top-actions button.btn .btn-ico,
.fb-top-actions .fb-register-btn .btn-ico{
left:-1px!important;top:50%!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;
transform:translateY(-50%)!important;box-shadow:0 2px 7px rgba(15,23,42,.16),inset 0 0 0 1px rgba(15,23,42,.06)!important;
}
.fb-top-actions .btn .btn-ico svg,
.fb-top-actions a.btn .btn-ico svg,
.fb-top-actions button.btn .btn-ico svg,
.fb-top-actions .fb-register-btn .btn-ico svg{width:14px!important;height:14px!important;}
.fb-top-actions .btn-label,
.fb-top-actions .fb-register-btn .btn-label{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;}
.fb-top-center.modern-nav{grid-area:nav!important;width:100%!important;max-width:100%!important;display:flex!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 2px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
.fb-top-center.modern-nav::-webkit-scrollbar{display:none!important;}
.fb-top-center.modern-nav .fb-nav-pill{height:36px!important;min-height:36px!important;flex:0 0 auto!important;padding:0 11px 0 6px!important;font-size:11.5px!important;}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico{width:27px!important;height:27px!important;min-width:27px!important;}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{width:14px!important;height:14px!important;}
/* Ana sayfa toplist/sponsor alanı */
.sponsor-hero.hero-pro{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;min-height:0!important;margin:10px 0 16px!important;padding:16px!important;border-radius:18px!important;}
.top-vote-showcase h1,.sponsor-hero h1{font-size:25px!important;line-height:1.12!important;margin-bottom:10px!important;}
.sponsor-hero .eyebrow{font-size:11px!important;margin-bottom:8px!important;}
.sponsor-hero p{font-size:13.5px!important;line-height:1.55!important;margin:0!important;}
.top-voted-list{gap:9px!important;margin-top:14px!important;}
.top-voted-card{grid-template-columns:34px 46px minmax(0,1fr)!important;gap:9px!important;padding:9px!important;border-radius:14px!important;}
.top-voted-card em{width:34px!important;height:34px!important;border-radius:12px!important;font-size:15px!important;}
.top-voted-card img{width:46px!important;height:46px!important;border-radius:12px!important;}
.top-voted-card b{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.top-voted-card small{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:14px!important;}
.hero-actions .btn,
.hero-actions a.btn,
.hero-actions .btn.ui-btn,
.hero-actions a.btn.ui-btn{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0 10px 0 42px!important;font-size:11px!important;}
.hero-actions .btn .btn-ico,
.hero-actions a.btn .btn-ico{width:40px!important;height:40px!important;min-width:40px!important;}
.hero-actions .btn .btn-ico svg,
.hero-actions a.btn .btn-ico svg{width:16px!important;height:16px!important;}
.sponsor-showcase{padding:13px!important;border-radius:18px!important;min-height:0!important;}
.sponsor-showcase-head{align-items:center!important;margin-bottom:10px!important;}
.sponsor-showcase-head span{font-size:14px!important;}
.sponsor-showcase-head small{font-size:12px!important;}
.sponsor-empty{padding:14px!important;border-radius:14px!important;font-size:13px!important;line-height:1.45!important;}
/* Server detay sayfası mobil */
.wrap:has(.fb-profile-page){width:100%!important;max-width:100%!important;padding:0 0 42px!important;}
.fb-profile-page{width:100%!important;max-width:100%!important;margin:0!important;}
.fb-profile-page .fb-cover-card{border-left:0!important;border-right:0!important;border-radius:0 0 10px 10px!important;margin:0!important;overflow:hidden!important;}
.fb-profile-page .fb-cover-img{height:190px!important;border-radius:0!important;object-fit:cover!important;object-position:center!important;}
.fb-profile-page .fb-profile-row{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:10px!important;align-items:end!important;padding:0 12px 12px!important;}
.fb-profile-page .fb-avatar-wrap{width:96px!important;height:96px!important;min-width:96px!important;margin-top:-34px!important;padding:4px!important;}
.fb-profile-page .fb-title-area{padding:8px 0 0!important;min-width:0!important;}
.fb-profile-page .fb-title-line h1{font-size:24px!important;line-height:1.08!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.fb-profile-page .fb-title-area p{font-size:13.5px!important;line-height:1.35!important;margin-top:5px!important;}
.fb-profile-page .fb-follow-line{font-size:12.5px!important;gap:5px!important;margin-top:6px!important;}
.fb-profile-page .fb-main-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;width:100%!important;margin:6px 0 0!important;}
.fb-profile-page .fb-main-actions form,
.fb-profile-page .fb-main-actions .inline-action{display:inline-flex!important;width:auto!important;flex:0 0 auto!important;margin:0!important;}
.fb-profile-page .fb-main-actions .btn,
.fb-profile-page .fb-main-actions a.btn,
.fb-profile-page .fb-main-actions button.btn,
.fb-profile-page .fb-main-actions .btn.ui-btn,
.fb-profile-page .fb-main-actions a.btn.ui-btn,
.fb-profile-page .fb-main-actions button.btn.ui-btn{width:auto!important;min-width:84px!important;height:36px!important;min-height:36px!important;padding:0 10px 0 37px!important;font-size:10.5px!important;border-radius:999px!important;}
.fb-profile-page .fb-main-actions .btn.ui-vote{min-width:80px!important;}
.fb-profile-page .fb-main-actions .btn.ui-follow{min-width:88px!important;}
.fb-profile-page .fb-main-actions .btn.ui-web{min-width:88px!important;}
.fb-profile-page .fb-main-actions .btn .btn-ico,
.fb-profile-page .fb-main-actions a.btn .btn-ico,
.fb-profile-page .fb-main-actions button.btn .btn-ico{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;left:-1px!important;}
.fb-profile-page .fb-main-actions .btn .btn-ico svg,
.fb-profile-page .fb-main-actions a.btn .btn-ico svg,
.fb-profile-page .fb-main-actions button.btn .btn-ico svg{width:14px!important;height:14px!important;}
.fb-profile-page .fb-tabs{height:48px!important;margin:0!important;padding:0 10px!important;display:flex!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
.fb-profile-page .fb-tabs::-webkit-scrollbar{display:none!important;}
.fb-profile-page .fb-tabs a{height:46px!important;flex:0 0 auto!important;padding:0 13px!important;font-size:13px!important;}
.fb-profile-page .fb-layout{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:12px 0 0!important;padding:0 10px!important;}
.fb-profile-page .fb-left-col{position:static!important;display:grid!important;gap:12px!important;}
.fb-profile-page .fb-feed-col{display:grid!important;gap:12px!important;}
.fb-profile-page .fb-box{padding:14px!important;border-radius:12px!important;}
.fb-profile-page .fb-box h2{font-size:19px!important;}
.fb-profile-page .fb-info-list div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
.fb-profile-page .fb-info-list b{text-align:right!important;margin-top:0!important;}
}
@media (max-width: 430px){
.hero-actions{grid-template-columns:1fr!important;}
.fb-top-actions .fb-register-btn,
.fb-top-actions .btn.ui-register{min-width:36px!important;width:36px!important;padding:0!important;}
.fb-top-actions .fb-register-btn .btn-label,
.fb-top-actions .btn.ui-register .btn-label{display:none!important;}
.fb-top-actions .fb-register-btn .btn-ico,
.fb-top-actions .btn.ui-register .btn-ico{left:50%!important;transform:translate(-50%,-50%)!important;}
}
/* =========================================================
FINAL FIX - JSON-LD HEAD BUG + MOBIL GIRIS/KAYIT 2026-06-11
Header auth butonlarini mobilde tasma/bozulma olmadan sabitler.
========================================================= */
.fb-site-top .fb-top-actions .top-auth-btn,
.fb-site-top .fb-top-actions a.top-auth-btn.btn,
.fb-site-top .fb-top-actions a.top-auth-btn.btn.ui-btn,
.fb-site-top .fb-top-actions a.top-auth-btn.fb-register-btn{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
min-width:86px!important;
padding:0 12px 0 39px!important;
border-radius:999px!important;
font-size:11px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:.02em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
overflow:visible!important;
box-shadow:0 3px 0 rgba(15,23,42,.15),0 8px 14px rgba(15,23,42,.12)!important;
}
.fb-site-top .fb-top-actions .top-auth-btn.ui-register{min-width:98px!important;}
.fb-site-top .fb-top-actions .top-auth-btn.ui-login{min-width:78px!important;}
.fb-site-top .fb-top-actions .top-auth-btn.ui-logout{min-width:78px!important;}
.fb-site-top .fb-top-actions .top-auth-btn .btn-ico{
position:absolute!important;
left:-1px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:36px!important;
height:36px!important;
min-width:36px!important;
max-width:36px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#fff!important;
color:var(--iconColor,#1877f2)!important;
box-shadow:0 3px 8px rgba(15,23,42,.16),inset 0 0 0 1px rgba(15,23,42,.07)!important;
z-index:2!important;
}
.fb-site-top .fb-top-actions .top-auth-btn .btn-ico svg{width:15px!important;height:15px!important;display:block!important;}
.fb-site-top .fb-top-actions .top-auth-btn .btn-label{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;color:#fff!important;padding:0!important;margin:0!important;}
@media(max-width:760px){
.fb-site-top{
display:grid!important;
grid-template-columns:auto 1fr auto!important;
grid-template-areas:"left spacer actions" "nav nav nav"!important;
align-items:center!important;
gap:8px!important;
height:auto!important;
min-height:0!important;
padding:8px 10px!important;
overflow:visible!important;
}
.fb-site-top .fb-top-left{grid-area:left!important;min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;}
.fb-site-top .fb-top-left .fb-top-search{display:none!important;}
.fb-site-top .brand{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;}
.fb-site-top .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;font-size:16px!important;}
.fb-site-top .brand span:last-child{display:none!important;}
.fb-site-top .fb-top-actions{
grid-area:actions!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
flex-wrap:nowrap!important;
gap:6px!important;
min-width:0!important;
overflow:visible!important;
}
.fb-site-top .fb-top-actions .fb-icon-btn:not(.btn){width:34px!important;height:34px!important;min-width:34px!important;}
.fb-site-top .fb-top-actions .fb-user-chip{height:34px!important;max-width:38px!important;padding:3px!important;}
.fb-site-top .fb-top-actions .fb-user-chip img,
.fb-site-top .fb-top-actions .fb-user-chip span{width:28px!important;height:28px!important;min-width:28px!important;}
.fb-site-top .fb-top-actions .fb-user-chip b{display:none!important;}
.fb-site-top .fb-top-actions .top-auth-btn,
.fb-site-top .fb-top-actions a.top-auth-btn.btn,
.fb-site-top .fb-top-actions a.top-auth-btn.btn.ui-btn,
.fb-site-top .fb-top-actions a.top-auth-btn.fb-register-btn{
height:34px!important;
min-height:34px!important;
max-height:34px!important;
padding:0 9px 0 35px!important;
font-size:10px!important;
box-shadow:0 2px 0 rgba(15,23,42,.14),0 6px 10px rgba(15,23,42,.12)!important;
}
.fb-site-top .fb-top-actions .top-auth-btn.ui-login{min-width:70px!important;}
.fb-site-top .fb-top-actions .top-auth-btn.ui-register{min-width:84px!important;}
.fb-site-top .fb-top-actions .top-auth-btn.ui-logout{min-width:68px!important;}
.fb-site-top .fb-top-actions .top-auth-btn .btn-ico{
width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;left:-1px!important;
}
.fb-site-top .fb-top-actions .top-auth-btn .btn-ico svg{width:14px!important;height:14px!important;}
.fb-site-top .fb-top-center.modern-nav{
grid-area:nav!important;
display:flex!important;
justify-content:flex-start!important;
width:100%!important;
max-width:100%!important;
gap:7px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
white-space:nowrap!important;
padding:0 0 2px!important;
scrollbar-width:none!important;
}
.fb-site-top .fb-top-center.modern-nav::-webkit-scrollbar{display:none!important;}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill{
flex:0 0 auto!important;
height:34px!important;
min-height:34px!important;
padding:0 10px 0 6px!important;
font-size:11px!important;
border-radius:999px!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill .nav-ico{width:26px!important;height:26px!important;min-width:26px!important;}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{width:13px!important;height:13px!important;}
}
@media(max-width:360px){
.fb-site-top .fb-top-actions .top-auth-btn.ui-register{width:34px!important;min-width:34px!important;padding:0!important;}
.fb-site-top .fb-top-actions .top-auth-btn.ui-register .btn-label{display:none!important;}
.fb-site-top .fb-top-actions .top-auth-btn.ui-register .btn-ico{left:50%!important;transform:translate(-50%,-50%)!important;}
}
/* =========================================================
FINAL: Kompakt modern ilan kartları - PvP server listesi
========================================================= */
.section-head-modern{
align-items:flex-start!important;
margin:30px 0 18px!important;
}
.section-head-modern h2{
margin:4px 0 8px!important;
font-size:clamp(25px,2.8vw,36px)!important;
letter-spacing:-.03em!important;
}
.section-head-modern p{
margin:0!important;
color:#667085!important;
font-size:15px!important;
line-height:1.5!important;
font-weight:600!important;
}
.section-head-actions{
display:flex!important;
gap:10px!important;
align-items:center!important;
flex-wrap:wrap!important;
}
.section-head-actions .btn{
height:40px!important;
min-height:40px!important;
padding:0 16px!important;
border-radius:10px!important;
font-size:13px!important;
box-shadow:0 6px 18px rgba(15,23,42,.08)!important;
}
/* Listeyi 4'lü temiz kart düzenine çeker */
.server-grid-modern{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:20px!important;
align-items:stretch!important;
}
/* Kart boşluklarını azaltır */
.server-card-modern{
border-radius:18px!important;
overflow:hidden!important;
background:#fff!important;
border:1px solid #dbe5f2!important;
box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
transition:.18s ease!important;
display:flex!important;
flex-direction:column!important;
min-height:auto!important;
}
.server-card-modern:hover{
transform:translateY(-3px)!important;
box-shadow:0 16px 36px rgba(15,23,42,.12)!important;
}
/* Banner daha kompakt */
.server-card-modern .server-card-media,
.server-card-modern .card-image{
height:138px!important;
min-height:138px!important;
max-height:138px!important;
display:block!important;
border-radius:0!important;
background:#e8edf5!important;
}
.server-card-modern .server-card-media img,
.server-card-modern .card-image img{
width:100%!important;
height:100%!important;
min-height:0!important;
max-height:none!important;
object-fit:cover!important;
display:block!important;
}
.server-card-modern .plan-badge{
top:10px!important;
left:10px!important;
padding:7px 11px!important;
border-radius:999px!important;
background:rgba(255,255,255,.94)!important;
border:1px solid rgba(226,232,240,.9)!important;
color:#334155!important;
font-size:11px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:.02em!important;
box-shadow:0 4px 12px rgba(15,23,42,.08)!important;
}
.server-card-modern .plan-badge.sponsor,
.server-card-modern .plan-badge.vip{
background:#fff7dc!important;
color:#a15c00!important;
border-color:#fde68a!important;
}
/* İç alan */
.server-card-modern .server-card-content,
.server-card-modern .card-body{
padding:14px 16px 16px!important;
display:flex!important;
flex-direction:column!important;
flex:1!important;
}
.server-card-modern .server-card-line,
.server-card-modern .card-top{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin:0 0 10px!important;
}
.server-card-modern .game-tag,
.server-card-modern .tag{
padding:7px 11px!important;
border-radius:999px!important;
background:#f8fafc!important;
border:1px solid #e2e8f0!important;
color:#344054!important;
font-size:12px!important;
line-height:1!important;
font-weight:900!important;
box-shadow:none!important;
}
.server-card-modern .score-vote,
.server-card-modern .score{
display:inline-flex!important;
align-items:center!important;
gap:5px!important;
color:#f59e0b!important;
font-weight:950!important;
font-size:13px!important;
white-space:nowrap!important;
}
.server-card-modern .score-vote svg{
width:16px!important;
height:16px!important;
fill:currentColor!important;
}
.server-card-modern .server-card-title,
.server-card-modern h2{
margin:2px 0 8px!important;
font-size:20px!important;
line-height:1.15!important;
font-weight:950!important;
letter-spacing:-.02em!important;
min-height:0!important;
}
.server-card-modern .server-card-title a,
.server-card-modern h2 a{
color:#0f172a!important;
text-decoration:none!important;
}
.server-card-modern .server-card-desc,
.server-card-modern p{
margin:0 0 12px!important;
color:#5f6b7a!important;
font-size:14px!important;
line-height:1.45!important;
min-height:40px!important;
max-height:42px!important;
overflow:hidden!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
}
/* İstatistikler tek satır/kompakt */
.server-card-modern .server-card-stats,
.server-card-modern .feature-meta{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
margin:0 0 13px!important;
font-size:12px!important;
color:#475467!important;
}
.server-card-modern .server-card-stats span,
.server-card-modern .feature-meta span{
display:inline-flex!important;
align-items:center!important;
gap:5px!important;
padding:6px 9px!important;
border-radius:999px!important;
background:#f8fafc!important;
border:1px solid #e4e8f0!important;
font-size:12px!important;
line-height:1!important;
font-weight:750!important;
white-space:nowrap!important;
}
.server-card-modern .status-dot{
color:#2e7d32!important;
background:#eefbf3!important;
border-color:#dcfce7!important;
}
/* Butonlar örnekteki gibi küçük ve yan yana */
.server-card-modern .server-card-actions,
.server-card-modern .card-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:10px!important;
margin-top:auto!important;
padding-top:2px!important;
flex-wrap:nowrap!important;
}
.server-card-modern .server-card-actions.single-action{
grid-template-columns:1fr!important;
}
.server-card-modern .server-card-actions .btn,
.server-card-modern .card-actions .btn{
height:38px!important;
min-height:38px!important;
max-height:38px!important;
padding:0 12px!important;
border-radius:13px!important;
font-size:12px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:.01em!important;
box-shadow:0 7px 15px rgba(15,23,42,.10)!important;
}
.server-card-modern .server-card-actions .btn.ghost,
.server-card-modern .card-actions .btn.ghost{
background:#1877f2!important;
color:#fff!important;
border:0!important;
box-shadow:0 9px 18px rgba(24,119,242,.22)!important;
}
/* Alt bilgi bandı için hazır alan */
.server-list-benefits{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
margin:22px 0 4px!important;
}
.server-list-benefits .benefit{
display:flex!important;
align-items:center!important;
gap:12px!important;
padding:14px 16px!important;
border:1px solid #e2e8f0!important;
border-radius:14px!important;
background:rgba(255,255,255,.75)!important;
}
/* Responsive */
@media (max-width:1280px){
.server-grid-modern{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:980px){
.server-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.section-head-modern{
flex-direction:column!important;
align-items:flex-start!important;
gap:12px!important;
}
}
@media (max-width:640px){
.server-grid-modern{
grid-template-columns:1fr!important;
gap:14px!important;
}
.section-head-modern{
margin:22px 0 14px!important;
}
.section-head-modern h2{
font-size:25px!important;
}
.section-head-actions{
width:100%!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
}
.section-head-actions .btn{
width:100%!important;
height:38px!important;
min-height:38px!important;
padding:0 10px!important;
font-size:12px!important;
}
.server-card-modern .server-card-media,
.server-card-modern .card-image{
height:132px!important;
min-height:132px!important;
max-height:132px!important;
}
.server-card-modern .server-card-content,
.server-card-modern .card-body{
padding:13px 14px 14px!important;
}
.server-card-modern .server-card-title,
.server-card-modern h2{
font-size:19px!important;
}
.server-card-modern .server-card-actions .btn,
.server-card-modern .card-actions .btn{
height:36px!important;
min-height:36px!important;
font-size:11px!important;
}
}
.server-list-benefits .benefit span{
width:42px!important;height:42px!important;min-width:42px!important;
display:flex!important;align-items:center!important;justify-content:center!important;
border-radius:50%!important;background:#eef5ff!important;
}
.server-list-benefits .benefit strong{
display:block!important;font-size:14px!important;color:#334155!important;line-height:1.1!important;
}
.server-list-benefits .benefit small{
display:block!important;margin-top:4px!important;color:#667085!important;font-size:12px!important;line-height:1.3!important;
}
@media (max-width:980px){
.server-list-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:640px){
.server-list-benefits{grid-template-columns:1fr!important;gap:10px!important;margin:16px 0 2px!important;}
.server-list-benefits .benefit{padding:12px 14px!important;}
}
/* =========================================================
STABIL KART FIX - resim, ikon ve buton bozulma düzeltmesi
========================================================= */
.server-card-modern .server-card-media,
.server-card-modern .card-image{
height:138px!important;
min-height:138px!important;
max-height:138px!important;
display:block!important;
position:relative!important;
overflow:hidden!important;
background:#e8edf5!important;
}
.server-card-modern .server-card-media img,
.server-card-modern .card-image img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
border:0!important;
}
.server-card-modern .server-card-content,
.server-card-modern .card-body{
padding:12px 14px 14px!important;
}
.server-card-modern .server-card-title,
.server-card-modern h2.server-card-title{
margin:0 0 6px!important;
font-size:19px!important;
line-height:1.18!important;
}
.server-card-modern .server-card-desc{
margin:0 0 12px!important;
min-height:36px!important;
max-height:40px!important;
font-size:13px!important;
line-height:1.38!important;
color:#5f6b7a!important;
overflow:hidden!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
}
.server-card-modern .server-card-stats-clean{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
margin:0 0 12px!important;
}
.server-card-modern .server-card-stats-clean em{
display:inline-flex!important;
align-items:center!important;
gap:5px!important;
height:27px!important;
padding:0 9px!important;
border:1px solid #e2e8f0!important;
border-radius:999px!important;
background:#f8fafc!important;
color:#334155!important;
font-style:normal!important;
font-size:11.5px!important;
font-weight:850!important;
line-height:1!important;
white-space:nowrap!important;
}
.server-card-modern .server-card-stats-clean .stat-open{
background:#eefbf3!important;
color:#257a39!important;
border-color:#d9f5df!important;
}
.server-card-modern .server-card-stats-clean .stat-open::before{content:'●';font-size:12px;color:#22c55e;line-height:1;}
.server-card-modern .server-card-stats-clean .stat-view::before{content:'👁';font-size:12px;line-height:1;}
.server-card-modern .server-card-stats-clean .stat-trust::before{content:'✓';display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#14b8a6;color:#fff;font-size:9px;font-weight:950;line-height:1;}
.server-card-modern .server-card-stats-clean .stat-online::before{content:'👥';font-size:12px;line-height:1;filter:grayscale(1);}
.server-card-modern .server-card-actions-clean{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:8px!important;
width:100%!important;
margin-top:auto!important;
padding-top:0!important;
}
.server-card-modern .server-card-actions-clean.single-action{grid-template-columns:1fr!important;}
.server-card-modern .card-clean-btn{
height:34px!important;
min-height:34px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
padding:0 9px!important;
border-radius:12px!important;
border:0!important;
text-decoration:none!important;
font-size:11px!important;
font-weight:950!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
box-shadow:0 7px 15px rgba(15,23,42,.12)!important;
}
.server-card-modern .card-clean-btn::before{
width:22px!important;
height:22px!important;
min-width:22px!important;
border-radius:50%!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#fff!important;
box-shadow:0 2px 7px rgba(15,23,42,.15)!important;
font-size:12px!important;
line-height:1!important;
}
.server-card-modern .card-clean-detail{background:linear-gradient(180deg,#94a3b8,#64748b)!important;color:#fff!important;}
.server-card-modern .card-clean-detail::before{content:'i';color:#64748b!important;font-family:Arial,sans-serif!important;font-weight:950!important;}
.server-card-modern .card-clean-site{background:linear-gradient(180deg,#18b9ea,#078ed0)!important;color:#fff!important;}
.server-card-modern .card-clean-site::before{content:'🌐';font-size:12px!important;}
@media (max-width:900px){
.server-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
}
@media (max-width:640px){
.server-grid-modern{grid-template-columns:1fr!important;gap:13px!important;}
.server-card-modern .server-card-media,.server-card-modern .card-image{height:130px!important;min-height:130px!important;max-height:130px!important;}
.server-card-modern .server-card-content,.server-card-modern .card-body{padding:12px 13px 13px!important;}
.server-card-modern .server-card-stats-clean{gap:6px!important;}
.server-card-modern .server-card-stats-clean em{height:26px!important;font-size:10.8px!important;padding:0 8px!important;}
.server-card-modern .server-card-actions-clean{gap:7px!important;}
.server-card-modern .card-clean-btn{height:32px!important;min-height:32px!important;font-size:10.5px!important;padding:0 7px!important;gap:5px!important;}
.server-card-modern .card-clean-btn::before{width:20px!important;height:20px!important;min-width:20px!important;font-size:11px!important;}
}
/* === FINAL PROFESYONEL SVG IKON FIX ===
Emoji / pseudo ikonlari tamamen kapatir, kartlarda inline SVG kullanir. */
.server-card-modern .server-card-stats-clean em::before,
.server-card-modern .card-clean-btn::before{
content:none!important;
display:none!important;
}
.server-card-modern .server-card-stats-clean{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
margin:0 0 12px!important;
}
.server-card-modern .server-card-stats-clean em{
display:flex!important;
align-items:center!important;
gap:6px!important;
height:28px!important;
min-width:0!important;
padding:0 9px!important;
border:1px solid #e2e8f0!important;
border-radius:999px!important;
background:#f8fafc!important;
color:#334155!important;
font-style:normal!important;
font-size:11.5px!important;
font-weight:850!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
}
.server-card-modern .server-card-stats-clean em span{
display:block!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.server-card-modern .stat-svg{
width:15px!important;
height:15px!important;
min-width:15px!important;
display:block!important;
fill:#64748b!important;
}
.server-card-modern .stat-open{
background:#eefbf3!important;
border-color:#d9f5df!important;
color:#1f7a38!important;
}
.server-card-modern .stat-open .stat-svg{fill:#22c55e!important;}
.server-card-modern .stat-view .stat-svg{fill:#2563eb!important;}
.server-card-modern .stat-trust .stat-svg{fill:#14b8a6!important;}
.server-card-modern .stat-online .stat-svg{fill:#334155!important;}
.server-card-modern .server-card-actions-clean{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:9px!important;
width:100%!important;
margin-top:auto!important;
}
.server-card-modern .server-card-actions-clean.single-action{
grid-template-columns:1fr!important;
}
.server-card-modern .card-clean-btn{
height:36px!important;
min-height:36px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
padding:0 10px!important;
border-radius:13px!important;
border:0!important;
text-decoration:none!important;
font-size:11.5px!important;
font-weight:950!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
box-shadow:0 8px 16px rgba(15,23,42,.13)!important;
}
.server-card-modern .card-clean-btn span{
display:block!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.server-card-modern .card-clean-btn .btn-svg{
width:22px!important;
height:22px!important;
min-width:22px!important;
padding:5px!important;
border-radius:50%!important;
background:#fff!important;
fill:currentColor!important;
box-shadow:0 2px 7px rgba(15,23,42,.16)!important;
}
.server-card-modern .card-clean-detail{
background:linear-gradient(180deg,#94a3b8,#64748b)!important;
color:#fff!important;
}
.server-card-modern .card-clean-detail .btn-svg{
color:#64748b!important;
}
.server-card-modern .card-clean-site{
background:linear-gradient(180deg,#18b9ea,#078ed0)!important;
color:#fff!important;
}
.server-card-modern .card-clean-site .btn-svg{
color:#078ed0!important;
}
.server-card-modern .server-card-media img,
.server-card-modern .card-image img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
}
@media (max-width:700px){
.server-card-modern .server-card-stats-clean{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:6px!important;
}
.server-card-modern .server-card-stats-clean em{
height:27px!important;
padding:0 8px!important;
font-size:10.8px!important;
gap:5px!important;
}
.server-card-modern .stat-svg{
width:14px!important;
height:14px!important;
min-width:14px!important;
}
.server-card-modern .card-clean-btn{
height:34px!important;
min-height:34px!important;
font-size:10.8px!important;
padding:0 8px!important;
gap:6px!important;
}
.server-card-modern .card-clean-btn .btn-svg{
width:21px!important;
height:21px!important;
min-width:21px!important;
padding:5px!important;
}
}
/* === NET VE KESKIN LINE SVG IKON FIX ===
Yuvarlak, dolgulu, emoji gibi duran ikonlari temizler. */
.server-card-modern .server-card-stats-clean em::before,
.server-card-modern .card-clean-btn::before{content:none!important;display:none!important;}
.server-card-modern .stat-svg,
.server-card-modern .btn-svg{
display:block!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2.15!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
shape-rendering:geometricPrecision!important;
text-rendering:geometricPrecision!important;
}
.server-card-modern .stat-svg{
width:16px!important;height:16px!important;min-width:16px!important;
}
.server-card-modern .server-card-stats-clean em{
gap:6px!important;
height:29px!important;
padding:0 10px!important;
font-size:11.5px!important;
font-weight:850!important;
background:#fff!important;
border:1px solid #e5eaf2!important;
box-shadow:0 2px 5px rgba(15,23,42,.035)!important;
}
.server-card-modern .stat-open{color:#168a3a!important;background:#effbf4!important;border-color:#d7f4df!important;}
.server-card-modern .stat-view{color:#1d4ed8!important;}
.server-card-modern .stat-trust{color:#0f9f91!important;}
.server-card-modern .stat-online{color:#334155!important;}
.server-card-modern .server-card-stats-clean em span{color:#0f172a!important;}
.server-card-modern .stat-open span{color:#168a3a!important;}
.server-card-modern .card-clean-btn{
height:36px!important;
min-height:36px!important;
gap:7px!important;
font-size:11.5px!important;
border-radius:12px!important;
}
.server-card-modern .card-clean-btn .btn-svg{
width:16px!important;
height:16px!important;
min-width:16px!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:inherit!important;
}
.server-card-modern .card-clean-btn span{line-height:1!important;}
.server-card-modern .card-clean-detail{background:linear-gradient(180deg,#7f8fa3,#63758d)!important;color:#fff!important;}
.server-card-modern .card-clean-site{background:linear-gradient(180deg,#14b8e6,#0795d3)!important;color:#fff!important;}
.server-card-modern .card-clean-detail:hover,
.server-card-modern .card-clean-site:hover{filter:brightness(1.04)!important;}
@media (max-width:700px){
.server-card-modern .stat-svg{width:15px!important;height:15px!important;min-width:15px!important;}
.server-card-modern .server-card-stats-clean em{height:28px!important;font-size:10.8px!important;padding:0 8px!important;}
.server-card-modern .card-clean-btn{height:34px!important;font-size:10.8px!important;gap:6px!important;}
.server-card-modern .card-clean-btn .btn-svg{width:15px!important;height:15px!important;min-width:15px!important;}
}
/* === KARTLAR SADE NET FINAL ===
Bulanik/amatör görünen küçük ikonlari kart içinde sadeleştirir.
Mevcut PHP akışına dokunmaz. */
/* Pseudo/emoji ikonlari kapat */
.server-card-modern .server-card-stats-clean em::before,
.server-card-modern .card-clean-btn::before{
content:none!important;
display:none!important;
}
/* Kart ölçüleri ve boşluklar */
.server-grid-modern{
align-items:start!important;
}
.server-card-modern{
border-radius:18px!important;
overflow:hidden!important;
}
.server-card-modern .server-card-media,
.server-card-modern .card-image{
height:150px!important;
min-height:150px!important;
max-height:150px!important;
background:#e8eef6!important;
}
.server-card-modern .server-card-media img,
.server-card-modern .card-image img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
display:block!important;
}
.server-card-modern .server-card-content,
.server-card-modern .card-body{
padding:13px 15px 14px!important;
}
.server-card-modern .server-card-title,
.server-card-modern h2.server-card-title{
margin:8px 0 5px!important;
font-size:18px!important;
line-height:1.18!important;
}
.server-card-modern .server-card-desc{
min-height:36px!important;
margin:0 0 12px!important;
font-size:13px!important;
line-height:1.35!important;
}
/* İstatistik kutuları: ikon karmaşasını kaldır, temiz metin */
.server-card-modern .server-card-stats-clean{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:7px!important;
margin:0 0 12px!important;
}
.server-card-modern .server-card-stats-clean em{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
height:28px!important;
padding:0 10px!important;
border-radius:999px!important;
border:1px solid #dbe5f1!important;
background:#f8fafc!important;
color:#0f172a!important;
font-style:normal!important;
font-size:11px!important;
font-weight:850!important;
line-height:1!important;
min-width:0!important;
overflow:hidden!important;
text-align:center!important;
}
.server-card-modern .server-card-stats-clean em svg,
.server-card-modern .server-card-stats-clean em .stat-svg{
display:none!important;
}
.server-card-modern .server-card-stats-clean em span{
display:block!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.server-card-modern .stat-open{
background:#ecfdf3!important;
border-color:#c8f1d5!important;
color:#17803d!important;
}
.server-card-modern .stat-view{
color:#2563eb!important;
}
.server-card-modern .stat-trust{
color:#0f766e!important;
}
.server-card-modern .stat-online{
color:#1e293b!important;
}
/* Butonlar: ikon yok, düz profesyonel buton */
.server-card-modern .server-card-actions-clean{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
width:100%!important;
margin-top:auto!important;
}
.server-card-modern .server-card-actions-clean.single-action{
grid-template-columns:1fr!important;
}
.server-card-modern .card-clean-btn{
height:34px!important;
min-height:34px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 10px!important;
border-radius:12px!important;
border:0!important;
text-decoration:none!important;
font-size:11.5px!important;
font-weight:950!important;
letter-spacing:.01em!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
box-shadow:0 7px 14px rgba(15,23,42,.13)!important;
}
.server-card-modern .card-clean-btn svg,
.server-card-modern .card-clean-btn .btn-svg{
display:none!important;
}
.server-card-modern .card-clean-btn span{
display:block!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.server-card-modern .card-clean-detail{
background:linear-gradient(180deg,#8fa0b7,#64748b)!important;
color:#fff!important;
}
.server-card-modern .card-clean-site{
background:linear-gradient(180deg,#16b7e7,#078ed0)!important;
color:#fff!important;
}
/* Tag ve oy yıldızı */
.server-card-modern .game-tag,
.server-card-modern .tag{
height:27px!important;
padding:0 10px!important;
display:inline-flex!important;
align-items:center!important;
font-size:11.3px!important;
}
.server-card-modern .score-vote svg{
width:14px!important;
height:14px!important;
}
/* Mobil */
@media (max-width:700px){
.server-card-modern .server-card-media,
.server-card-modern .card-image{
height:130px!important;
min-height:130px!important;
max-height:130px!important;
}
.server-card-modern .server-card-content,
.server-card-modern .card-body{
padding:12px!important;
}
.server-card-modern .server-card-title,
.server-card-modern h2.server-card-title{
font-size:17px!important;
}
.server-card-modern .server-card-stats-clean{
gap:6px!important;
}
.server-card-modern .server-card-stats-clean em{
height:27px!important;
padding:0 8px!important;
font-size:10.5px!important;
}
.server-card-modern .card-clean-btn{
height:33px!important;
min-height:33px!important;
font-size:10.8px!important;
padding:0 8px!important;
}
}
/* === PROFESYONEL KART SVG IKON FINAL ===
Emoji/kare/pseudo ikonlari kapatir, kart icinde net stroke SVG kullanir. */
.server-card-modern .server-card-stats-clean em::before,
.server-card-modern .card-clean-btn::before{
content:none!important;
display:none!important;
}
/* Kart genel toparlama */
.server-card-modern .server-card-media,
.server-card-modern .card-image{
height:150px!important;
min-height:150px!important;
max-height:150px!important;
background:#e8eef6!important;
}
.server-card-modern .server-card-media img,
.server-card-modern .card-image img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
display:block!important;
}
.server-card-modern .server-card-content,
.server-card-modern .card-body{
padding:13px 15px 14px!important;
}
.server-card-modern .server-card-title,
.server-card-modern h2.server-card-title{
font-size:18px!important;
line-height:1.18!important;
margin:8px 0 5px!important;
}
.server-card-modern .server-card-desc{
font-size:13px!important;
line-height:1.35!important;
min-height:36px!important;
margin:0 0 12px!important;
}
/* Stat rozetleri */
.server-card-modern .server-card-stats-clean{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:7px!important;
margin:0 0 12px!important;
}
.server-card-modern .server-card-stats-clean em{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:6px!important;
height:29px!important;
min-width:0!important;
padding:0 9px!important;
border-radius:999px!important;
border:1px solid #dbe5f1!important;
background:#f8fafc!important;
color:#0f172a!important;
font-style:normal!important;
font-size:11px!important;
font-weight:850!important;
line-height:1!important;
overflow:hidden!important;
}
.server-card-modern .server-card-stats-clean em span{
display:block!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.server-card-modern .pro-card-icon{
width:16px!important;
height:16px!important;
min-width:16px!important;
display:block!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2.25!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
opacity:1!important;
}
.server-card-modern .stat-open{
background:#ecfdf3!important;
border-color:#c8f1d5!important;
color:#16a34a!important;
}
.server-card-modern .stat-view{
color:#2563eb!important;
}
.server-card-modern .stat-trust{
color:#0f9f8f!important;
}
.server-card-modern .stat-online{
color:#334155!important;
}
/* Eski inline svg classlari varsa gizle; sadece yeni pro ikonlar aktif */
.server-card-modern .server-card-stats-clean svg:not(.pro-card-icon){
display:none!important;
}
/* Butonlar profesyonel ikonlu */
.server-card-modern .server-card-actions-clean{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
width:100%!important;
margin-top:auto!important;
}
.server-card-modern .server-card-actions-clean.single-action{
grid-template-columns:1fr!important;
}
.server-card-modern .card-clean-btn{
height:36px!important;
min-height:36px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
padding:0 10px!important;
border-radius:12px!important;
border:0!important;
text-decoration:none!important;
font-size:11.5px!important;
font-weight:950!important;
letter-spacing:.01em!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
box-shadow:0 7px 14px rgba(15,23,42,.13)!important;
}
.server-card-modern .card-clean-btn span{
display:block!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.server-card-modern .pro-btn-icon{
width:16px!important;
height:16px!important;
min-width:16px!important;
display:block!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2.25!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.server-card-modern .card-clean-btn svg:not(.pro-btn-icon){
display:none!important;
}
.server-card-modern .card-clean-detail{
background:linear-gradient(180deg,#8fa0b7,#64748b)!important;
color:#fff!important;
}
.server-card-modern .card-clean-site{
background:linear-gradient(180deg,#16b7e7,#078ed0)!important;
color:#fff!important;
}
/* Tag ve vote */
.server-card-modern .game-tag,
.server-card-modern .tag{
height:27px!important;
padding:0 10px!important;
display:inline-flex!important;
align-items:center!important;
font-size:11.3px!important;
}
.server-card-modern .score-vote svg{
width:14px!important;
height:14px!important;
}
/* Mobil */
@media (max-width:700px){
.server-card-modern .server-card-media,
.server-card-modern .card-image{
height:130px!important;
min-height:130px!important;
max-height:130px!important;
}
.server-card-modern .server-card-content,
.server-card-modern .card-body{
padding:12px!important;
}
.server-card-modern .server-card-title,
.server-card-modern h2.server-card-title{
font-size:17px!important;
}
.server-card-modern .server-card-stats-clean{
gap:6px!important;
}
.server-card-modern .server-card-stats-clean em{
height:28px!important;
padding:0 8px!important;
font-size:10.5px!important;
gap:5px!important;
}
.server-card-modern .pro-card-icon,
.server-card-modern .pro-btn-icon{
width:15px!important;
height:15px!important;
min-width:15px!important;
}
.server-card-modern .card-clean-btn{
height:34px!important;
min-height:34px!important;
font-size:10.8px!important;
padding:0 8px!important;
gap:6px!important;
}
}
/* =========================================================
PREMIUM GAMING PORTAL TASARIMI - 20260614
Kullanıcı mockup tasarımına göre ana sayfa komple yenilendi.
========================================================= */
:root{
--pg-blue:#126cff;
--pg-blue2:#0b5df6;
--pg-dark:#071426;
--pg-dark2:#0c1c34;
--pg-text:#091224;
--pg-muted:#61708a;
--pg-line:#dce6f5;
--pg-soft:#f5f8ff;
--pg-green:#22c55e;
}
html,body{max-width:100%!important;overflow-x:hidden!important;}
body{background:linear-gradient(180deg,#eef5ff 0,#f8fbff 36%,#ffffff 100%)!important;color:var(--pg-text)!important;}
.wrap{width:min(1540px,91vw)!important;max-width:1540px!important;margin:0 auto!important;padding:16px 0 58px!important;}
.top.pro-top.fb-site-top{background:linear-gradient(90deg,#061327 0%,#07162b 48%,#041122 100%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 16px 44px rgba(7,20,38,.24)!important;padding:13px clamp(18px,5vw,92px)!important;gap:22px!important;}
.fb-site-top .brand{color:#fff!important;font-weight:950!important;gap:12px!important;text-decoration:none!important;}
.fb-site-top .brand-mark{width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(135deg,#22a2ff,#075dff)!important;box-shadow:0 12px 28px rgba(18,108,255,.38)!important;}
.fb-top-search{height:48px!important;min-width:min(430px,30vw)!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:13px!important;color:#d7e4f8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;}
.fb-top-search input{color:#fff!important;background:transparent!important;font-size:14px!important;}
.fb-top-search input::placeholder{color:#aab8cf!important;}
.fb-top-search span{color:#c7d6ee!important;}
.fb-nav-pill{height:48px!important;padding:0 18px!important;border-radius:13px!important;background:transparent!important;color:#f4f8ff!important;border:1px solid transparent!important;box-shadow:none!important;}
.fb-nav-pill:hover,.fb-nav-pill.active{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important;}
.fb-nav-pill.add{background:linear-gradient(135deg,#1682ff,#075df4)!important;color:#fff!important;box-shadow:0 10px 24px rgba(18,108,255,.32)!important;}
.fb-site-top .fb-top-actions .top-auth-btn{height:48px!important;border-radius:13px!important;}
.fb-site-top .ui-login{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;}
.fb-site-top .ui-register{background:linear-gradient(135deg,#1682ff,#075df4)!important;}
.pg-stories{display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.82);border:1px solid #dde8f7;border-radius:18px;padding:15px 22px;margin:10px 0 16px;box-shadow:0 18px 50px rgba(28,64,120,.09);backdrop-filter:blur(12px);overflow:hidden;}
.pg-story-create{flex:0 0 176px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:12px;background:transparent;border:0;text-align:left;cursor:pointer;color:#091224;}
.pg-story-create span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:2px dashed #bfd1ea;color:var(--pg-blue);font-size:30px;line-height:1;background:#fff;}
.pg-story-create b{display:block;font-size:16px;font-weight:950;line-height:1.05;}
.pg-story-create small{display:block;margin-top:4px;color:#61708a;font-weight:800;font-size:12px;}
.pg-story-rail{display:flex;align-items:center;gap:22px;overflow:auto;scrollbar-width:none;padding:1px 2px 4px;}
.pg-story-rail::-webkit-scrollbar{display:none;}
.pg-story-chip{flex:0 0 auto;display:grid;grid-template-columns:70px minmax(90px,120px);grid-template-rows:auto auto;column-gap:10px;align-items:center;background:transparent;border:0;text-align:left;text-decoration:none;color:#091224;cursor:pointer;}
.pg-story-avatar{grid-row:1/3;width:68px;height:68px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#126cff,#17d4ff,#ff8a00);box-shadow:0 10px 22px rgba(18,108,255,.18);}
.pg-story-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #fff;background:#0b1220;display:block;}
.pg-story-chip b{display:block;font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pg-story-chip small{display:block;color:#4f6280;font-weight:800;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pg-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:18px;margin-top:14px;align-items:stretch;}
.pg-sponsor-hero,.pg-toplist-panel{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#071426;box-shadow:0 20px 54px rgba(8,22,44,.22);}
.pg-sponsor-hero{position:relative;min-height:330px;color:#fff;padding:28px 34px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;}
.pg-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,25,.96) 0%,rgba(4,12,25,.88) 34%,rgba(4,12,25,.38) 66%,rgba(4,12,25,.22) 100%),var(--hero-img);background-size:cover;background-position:center;z-index:-2;}
.pg-sponsor-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 14%,rgba(255,107,0,.27),transparent 30%),radial-gradient(circle at 25% 85%,rgba(18,108,255,.26),transparent 42%);z-index:-1;}
.pg-sponsor-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:950;text-transform:uppercase;letter-spacing:.02em;}
.pg-sponsor-topline span{color:#ffd84c;font-size:14px;}
.pg-sponsor-topline em{font-style:normal;padding:9px 13px;border-radius:999px;background:#15803d;color:#dcfce7;box-shadow:0 8px 18px rgba(22,163,74,.24);font-size:13px;}
.pg-sponsor-body{max-width:590px;padding-top:16px;}
.pg-sponsor-body h1{margin:0;font-size:clamp(44px,5.5vw,74px);line-height:.92;letter-spacing:-.06em;color:#fff;text-shadow:0 6px 22px rgba(0,0,0,.35);}
.pg-sponsor-body h2{margin:14px 0 12px;font-size:22px;line-height:1.25;color:#f4f8ff;letter-spacing:-.02em;}
.pg-sponsor-body p{margin:0;max-width:480px;color:#cdd8e9;line-height:1.55;font-weight:600;}
.pg-feature-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.pg-feature-pills span{display:inline-flex;align-items:center;gap:7px;padding:12px 15px;border-radius:10px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);font-weight:900;color:#fff;font-size:14px;backdrop-filter:blur(8px);}
.pg-sponsor-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;}
.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 20px;border-radius:10px;font-weight:950;text-decoration:none;border:1px solid transparent;transition:.18s ease;}
.pg-btn:hover{transform:translateY(-2px);}
.pg-btn-dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.17);color:#fff!important;}
.pg-btn-blue{background:linear-gradient(135deg,#177bff,#075ff6);color:#fff!important;box-shadow:0 12px 28px rgba(18,108,255,.34);}
.pg-sponsor-empty{display:grid;place-items:start;gap:12px;margin:auto 0;max-width:500px;}
.pg-sponsor-empty span{font-size:30px;}.pg-sponsor-empty h1{font-size:46px;color:#fff;margin:0}.pg-sponsor-empty p{color:#cdd8e9;margin:0}
.pg-toplist-panel{padding:24px 20px;color:#fff;background:linear-gradient(180deg,#071a35,#071426 68%,#06101f);}
.pg-toplist-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px;padding:0 2px;}
.pg-toplist-panel header span{display:block;color:#facc15;font-weight:950;text-transform:uppercase;letter-spacing:.04em;font-size:14px;}
.pg-toplist-panel header h2{margin:4px 0 0;font-size:22px;color:#fff;line-height:1.15;}
.pg-toplist-panel header a{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#eaf2ff!important;text-decoration:none;font-weight:900;font-size:13px;white-space:nowrap;}
.pg-toplist-items{display:grid;gap:11px;}
.pg-toplist-item{display:grid;grid-template-columns:50px 58px minmax(0,1fr) 86px 98px;gap:14px;align-items:center;min-height:68px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:.18s ease;}
.pg-toplist-item:hover{background:rgba(255,255,255,.10);transform:translateY(-2px);}
.pg-toplist-item em{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#132949;color:#bcd2f2;font-style:normal;font-weight:950;font-size:18px;}
.pg-toplist-item.rank-1 em{background:#facc15;color:#0f172a;box-shadow:0 10px 20px rgba(250,204,21,.22)}
.pg-toplist-item.rank-2 em{background:#e2e8f0;color:#334155}.pg-toplist-item.rank-3 em{background:#fdba74;color:#7c2d12}
.pg-toplist-item img{width:58px;height:50px;object-fit:cover;border-radius:10px;background:#111827;border:1px solid rgba(255,255,255,.12);}
.pg-toplist-item b{display:block;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pg-toplist-item small{display:block;color:#aebbd1;font-weight:700;font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pg-toplist-item strong{justify-self:end;color:#fff;font-size:15px;white-space:nowrap;}
.pg-toplist-item mark{justify-self:end;background:#166534;color:#bbf7d0;border-radius:999px;padding:8px 10px;font-weight:950;font-size:12px;white-space:nowrap;}
.pg-empty-dark{padding:20px;border-radius:12px;background:rgba(255,255,255,.06);color:#d7e4f8;font-weight:800;}
.pg-filter-panel{margin-top:18px;background:rgba(255,255,255,.88);border:1px solid #dce7f7;border-radius:15px;box-shadow:0 14px 34px rgba(28,64,120,.08);overflow:hidden;}
.pg-filter-title{display:inline-flex;align-items:center;gap:10px;padding:20px 24px;font-weight:950;color:#0f172a;}
.pg-filter-title span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f2f7ff;color:#0b63f6;}
.pg-filter-buttons{display:inline-flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 24px 16px 4px;vertical-align:middle;}
.pg-filter-pill{height:45px;display:inline-flex;align-items:center;gap:9px;padding:0 18px;border-radius:11px;border:1px solid #dce7f7;background:#fff;color:#0f172a!important;text-decoration:none;font-weight:950;box-shadow:0 4px 14px rgba(28,64,120,.04);}
.pg-filter-pill.active{background:linear-gradient(135deg,#177bff,#075ff6);border-color:#0b63f6;color:#fff!important;box-shadow:0 10px 22px rgba(18,108,255,.22);}
.pg-filter-pill em{font-style:normal;min-width:23px;height:23px;border-radius:999px;display:grid;place-items:center;background:#edf4ff;color:#0b63f6;font-size:12px;}
.pg-filter-pill.active em{background:rgba(255,255,255,.2);color:#fff;}
.pg-seo-tags{border-top:1px solid #e6eef9;padding:14px 24px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pg-seo-tags>b{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#52637e;margin-right:8px;}
.pg-seo-tags a{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 13px;border-radius:999px;background:#f4f8ff;border:1px solid #dfe9f8;color:#0b63f6!important;text-decoration:none;font-weight:950;font-size:13px;}
.pg-seo-tags small{font-size:10px;color:#64748b;background:#fff;border:1px solid #dbe5f2;border-radius:999px;padding:3px 6px;}
.pg-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:25px 0 13px;}
.pg-section-head span{display:block;color:#0b63f6;text-transform:uppercase;letter-spacing:.07em;font-weight:950;font-size:14px;}
.pg-section-head h2{margin:8px 0 0;font-size:30px;letter-spacing:-.04em;line-height:1.1;color:#091224;}
.pg-section-head a{color:#0b63f6!important;font-weight:950;text-decoration:none;}
.pg-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.pg-server-card{background:#fff;border:1px solid #dfe8f6;border-radius:14px;overflow:hidden;box-shadow:0 16px 34px rgba(28,64,120,.09);transition:.2s ease;}
.pg-server-card:hover{transform:translateY(-4px);box-shadow:0 24px 46px rgba(28,64,120,.14);}
.pg-card-media{position:relative;display:block;height:150px;background:#0b1220;overflow:hidden;}
.pg-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s ease;}
.pg-server-card:hover .pg-card-media img{transform:scale(1.04);}
.pg-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,27,.04),rgba(5,13,27,.34));}
.pg-card-media span{position:absolute;z-index:2;top:12px;left:12px;background:#22c55e;color:#052e16;border-radius:999px;padding:7px 10px;font-size:11px;text-transform:uppercase;font-weight:950;}
.pg-card-info{padding:0 15px 14px;}
.pg-card-main{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:-24px;position:relative;z-index:3;}
.pg-card-main>img{width:56px;height:56px;border-radius:12px;object-fit:cover;border:4px solid #fff;background:#071426;box-shadow:0 10px 24px rgba(7,20,38,.18);}
.pg-card-main h3{margin:0;font-size:17px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#091224;}
.pg-card-main h3 a{text-decoration:none;color:#091224!important;}
.pg-card-main h3 i{display:inline-grid;place-items:center;margin-left:5px;width:17px;height:17px;border-radius:50%;font-style:normal;background:#0b63f6;color:#fff;font-size:11px;}
.pg-card-main p{margin:3px 0 0;color:#4f6280;font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pg-card-main em{align-self:start;margin-top:29px;font-style:normal;color:#166534;background:#dcfce7;border-radius:999px;padding:7px 10px;font-weight:950;font-size:12px;white-space:nowrap;}
.pg-card-stats{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2f8;margin-top:14px;padding-top:13px;color:#34435d;font-weight:900;font-size:13px;}
.pg-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;}
.pg-card-actions a{height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;font-weight:950;font-size:13px;border:1px solid #dce7f7;background:#f6f9ff;color:#0b2447!important;}
.pg-card-actions a:last-child{background:linear-gradient(135deg,#177bff,#075ff6);border-color:#0b63f6;color:#fff!important;}
.pg-card-actions a:only-child{grid-column:1/-1;}
.pg-empty-light{grid-column:1/-1;background:#fff;border:1px solid #dfe8f6;border-radius:16px;padding:32px;text-align:center;box-shadow:0 16px 34px rgba(28,64,120,.08);}
.pg-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px;}
.pg-benefits div{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;gap:3px 14px;background:#fff;border:1px solid #dfe8f6;border-radius:14px;padding:18px 20px;box-shadow:0 12px 28px rgba(28,64,120,.07);}
.pg-benefits span{grid-row:1/3;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f1f6ff;font-size:24px;}
.pg-benefits strong{align-self:end;color:#091224;font-size:16px;}.pg-benefits small{color:#61708a;font-weight:700;line-height:1.45;}
/* Eski ana sayfa bloklarını devre dışı bırak: yeni pg sınıfları kullanılıyor */
.hero-pro.sponsor-hero,.story-strip-card,.category-filter-row,.seo-link-cloud.home-seo-links,.section-head-modern,.server-grid:not(.server-grid-modern),.server-list-benefits{display:none!important;}
@media(max-width:1220px){
.wrap{width:min(1180px,94vw)!important;}
.pg-hero-grid{grid-template-columns:1fr;}
.pg-server-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.pg-toplist-item{grid-template-columns:46px 54px minmax(0,1fr) 78px 94px;}
}
@media(max-width:900px){
.top.pro-top.fb-site-top{padding:12px 14px!important;}
.fb-top-search{min-width:0!important;width:100%!important;}
.pg-stories{border-radius:16px;padding:12px;gap:12px;}
.pg-story-create{flex-basis:128px;grid-template-columns:42px 1fr;}
.pg-story-create span{width:42px;height:42px;font-size:24px;}
.pg-story-avatar{width:58px;height:58px;}.pg-story-chip{grid-template-columns:58px 104px;gap:8px;}
.pg-sponsor-hero{min-height:390px;padding:24px;}
.pg-sponsor-body h1{font-size:48px;}
.pg-toplist-item{grid-template-columns:42px 50px minmax(0,1fr);}
.pg-toplist-item strong,.pg-toplist-item mark{display:none;}
.pg-filter-title{display:flex;padding:16px 18px 8px;}
.pg-filter-buttons{display:flex;padding:8px 18px 14px;}
.pg-filter-pill{height:42px;padding:0 14px;}
.pg-server-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.pg-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
.wrap{width:94vw!important;padding-top:12px!important;}
.pg-stories{margin-top:8px;overflow:visible;}
.pg-story-create{flex-basis:96px;grid-template-columns:1fr;text-align:center;justify-items:center;gap:5px;}
.pg-story-create b{font-size:13px}.pg-story-create small{font-size:11px}
.pg-story-chip{grid-template-columns:1fr;width:78px;justify-items:center;text-align:center;gap:4px;}
.pg-story-avatar{grid-row:auto;width:60px;height:60px;}.pg-story-chip b{max-width:78px;font-size:12px}.pg-story-chip small{font-size:10px;max-width:78px;}
.pg-hero-grid{gap:14px;}
.pg-sponsor-hero{min-height:420px;border-radius:14px;padding:20px;}
.pg-sponsor-topline{align-items:flex-start;}.pg-sponsor-topline span{font-size:12px}.pg-sponsor-topline em{font-size:11px;padding:7px 9px;}
.pg-sponsor-body h1{font-size:40px;}.pg-sponsor-body h2{font-size:18px}.pg-sponsor-body p{font-size:14px;}
.pg-feature-pills span{font-size:12px;padding:9px 10px;}
.pg-sponsor-actions{grid-template-columns:1fr;gap:10px;}.pg-btn{height:48px;}
.pg-toplist-panel{padding:18px 14px;border-radius:14px;}
.pg-toplist-panel header{align-items:center;}.pg-toplist-panel header h2{font-size:18px}.pg-toplist-panel header a{font-size:12px;padding:0 10px;height:34px;}
.pg-toplist-item{grid-template-columns:36px 46px minmax(0,1fr);gap:9px;padding:9px;min-height:60px;}
.pg-toplist-item em{width:34px;height:34px;font-size:14px}.pg-toplist-item img{width:46px;height:42px}.pg-toplist-item b{font-size:14px}.pg-toplist-item small{font-size:11px;}
.pg-filter-panel{border-radius:14px;}.pg-filter-buttons{gap:8px;overflow:auto;flex-wrap:nowrap;scrollbar-width:none;}.pg-filter-buttons::-webkit-scrollbar{display:none}.pg-filter-pill{white-space:nowrap;}
.pg-seo-tags{align-items:flex-start;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.pg-seo-tags::-webkit-scrollbar{display:none}.pg-seo-tags>b{white-space:nowrap;align-self:center;}
.pg-section-head{align-items:flex-start;flex-direction:column;margin-top:22px;}.pg-section-head h2{font-size:25px;}
.pg-server-grid{grid-template-columns:1fr;gap:14px;}.pg-card-media{height:142px;}
.pg-benefits{grid-template-columns:1fr;}
}
/* === INSTAGRAM TARZI HIKAYE ALANI - 2026-06-15 ===
Kart/arka plan kaldırıldı, online yazıları gizlendi, yuvarlak story görünümü verildi. */
.pg-stories{
display:flex!important;
align-items:flex-start!important;
gap:16px!important;
margin:12px 0 20px!important;
padding:8px 0 6px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
backdrop-filter:none!important;
overflow:hidden!important;
}
.pg-stories.pg-stories-empty{
margin:8px 0 16px!important;
padding:4px 0!important;
}
.pg-story-rail{
display:flex!important;
align-items:flex-start!important;
gap:16px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scrollbar-width:none!important;
padding:0 2px 8px!important;
margin:0!important;
min-width:0!important;
}
.pg-story-rail::-webkit-scrollbar{display:none!important;}
.pg-story-create,
.pg-story-chip.story-card{
position:relative!important;
flex:0 0 82px!important;
width:82px!important;
min-width:82px!important;
height:auto!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
gap:7px!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
outline:0!important;
overflow:visible!important;
text-align:center!important;
text-decoration:none!important;
cursor:pointer!important;
color:#091224!important;
transition:transform .18s ease, opacity .18s ease!important;
}
.pg-story-create:hover,
.pg-story-chip.story-card:hover{transform:translateY(-2px)!important;box-shadow:none!important;}
.pg-story-create:focus-visible,
.pg-story-chip.story-card:focus-visible{outline:3px solid rgba(24,119,242,.22)!important;outline-offset:3px!important;border-radius:16px!important;}
.pg-story-create-avatar,
.pg-story-create span.pg-story-create-avatar,
.pg-story-avatar{
width:72px!important;
height:72px!important;
min-width:72px!important;
min-height:72px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
position:relative!important;
inset:auto!important;
grid-row:auto!important;
padding:3px!important;
margin:0!important;
background:linear-gradient(135deg,#1877f2 0%,#7c3aed 45%,#ff7a00 100%)!important;
box-shadow:0 8px 20px rgba(15,23,42,.10)!important;
overflow:visible!important;
}
.pg-story-create-avatar{
background:linear-gradient(135deg,#eaf3ff,#ffffff)!important;
border:2px dashed #b8c7df!important;
box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
padding:0!important;
}
.pg-story-create-avatar i{
width:30px!important;
height:30px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#1877f2!important;
color:#fff!important;
font-style:normal!important;
font-size:24px!important;
font-weight:950!important;
line-height:1!important;
box-shadow:0 7px 14px rgba(24,119,242,.22)!important;
}
.pg-story-avatar img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
border-radius:50%!important;
border:3px solid #fff!important;
background:#0b1220!important;
display:block!important;
}
.pg-story-create b,
.pg-story-chip.story-card b{
position:static!important;
display:block!important;
width:82px!important;
max-width:82px!important;
margin:0!important;
padding:0!important;
color:#0f172a!important;
font-size:12px!important;
font-weight:850!important;
line-height:1.18!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
text-align:center!important;
}
.pg-story-create small,
.pg-story-chip.story-card small,
.pg-story-chip small{display:none!important;}
@media(max-width:900px){
.pg-stories{gap:12px!important;padding:6px 0 4px!important;margin:10px 0 16px!important;overflow:hidden!important;border-radius:0!important;}
.pg-story-rail{gap:13px!important;padding-bottom:7px!important;}
.pg-story-create,.pg-story-chip.story-card{flex-basis:76px!important;width:76px!important;min-width:76px!important;grid-template-columns:none!important;gap:6px!important;}
.pg-story-create-avatar,.pg-story-create span.pg-story-create-avatar,.pg-story-avatar{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;}
.pg-story-create b,.pg-story-chip.story-card b{width:76px!important;max-width:76px!important;font-size:11.5px!important;}
}
@media(max-width:640px){
.pg-stories{margin-top:8px!important;overflow:hidden!important;}
.pg-story-rail{gap:11px!important;padding-right:4px!important;}
.pg-story-create,.pg-story-chip.story-card{flex-basis:70px!important;width:70px!important;min-width:70px!important;justify-items:center!important;text-align:center!important;}
.pg-story-create-avatar,.pg-story-create span.pg-story-create-avatar,.pg-story-avatar{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;}
.pg-story-create b,.pg-story-chip.story-card b{width:70px!important;max-width:70px!important;font-size:11px!important;}
}
.story-phone-stats span:nth-child(2){display:none!important;}
/* =========================================================
FINAL STORY STRIP FIX - Instagram tarzı sade baloncuklar
Kart, arka plan ve online yazısı yoktur.
========================================================= */
.pg-stories{
display:flex!important;
align-items:flex-start!important;
gap:16px!important;
width:100%!important;
min-height:94px!important;
margin:18px 0 24px!important;
padding:3px 0 0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
}
.pg-stories.pg-stories-empty{
min-height:82px!important;
margin:14px 0 20px!important;
padding:2px 0 0!important;
}
.pg-story-rail{
display:flex!important;
align-items:flex-start!important;
flex:1 1 auto!important;
min-width:0!important;
gap:18px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scrollbar-width:none!important;
padding:0 2px 5px!important;
margin:0!important;
}
.pg-story-rail::-webkit-scrollbar{display:none!important;}
.pg-story-create,
.pg-story-chip.story-card{
flex:0 0 74px!important;
width:74px!important;
min-width:74px!important;
height:auto!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
gap:7px!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
text-align:center!important;
text-decoration:none!important;
color:#071225!important;
cursor:pointer!important;
overflow:visible!important;
transition:transform .16s ease, opacity .16s ease!important;
}
.pg-story-create:hover,
.pg-story-chip.story-card:hover{
transform:translateY(-2px)!important;
box-shadow:none!important;
}
.pg-story-create:focus-visible,
.pg-story-chip.story-card:focus-visible{
outline:3px solid rgba(24,119,242,.22)!important;
outline-offset:4px!important;
border-radius:18px!important;
}
.pg-story-create-avatar,
.pg-story-create span.pg-story-create-avatar,
.pg-story-avatar{
width:64px!important;
height:64px!important;
min-width:64px!important;
min-height:64px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
position:relative!important;
grid-row:auto!important;
padding:3px!important;
margin:0!important;
overflow:visible!important;
border:0!important;
box-shadow:0 7px 16px rgba(15,23,42,.10)!important;
}
.pg-story-avatar{
background:conic-gradient(from 215deg,#ffbf00,#ff4d67,#7c3aed,#1d7cff,#14d7ff,#ffbf00)!important;
}
.pg-story-avatar img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
border-radius:50%!important;
border:3px solid #fff!important;
background:#0d1b2f!important;
display:block!important;
}
.pg-story-create-avatar{
background:#fff!important;
border:2px dashed #b7c6dd!important;
padding:0!important;
box-shadow:0 6px 14px rgba(15,23,42,.07)!important;
}
.pg-story-create-avatar i{
width:28px!important;
height:28px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#1877f2!important;
color:#fff!important;
font-style:normal!important;
font-size:23px!important;
font-weight:950!important;
line-height:1!important;
box-shadow:0 7px 14px rgba(24,119,242,.22)!important;
}
.pg-story-create b,
.pg-story-chip.story-card b{
display:block!important;
width:74px!important;
max-width:74px!important;
margin:0!important;
padding:0!important;
color:#071225!important;
font-size:11.8px!important;
font-weight:850!important;
line-height:1.14!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
text-align:center!important;
letter-spacing:-.15px!important;
text-shadow:none!important;
}
.pg-story-create small,
.pg-story-chip.story-card small,
.pg-story-chip small{
display:none!important;
}
.story-phone-stats span:nth-child(2){display:none!important;}
@media(max-width:900px){
.pg-stories{gap:13px!important;min-height:88px!important;margin:14px 0 22px!important;}
.pg-story-rail{gap:14px!important;padding-bottom:5px!important;}
.pg-story-create,.pg-story-chip.story-card{flex-basis:68px!important;width:68px!important;min-width:68px!important;gap:6px!important;}
.pg-story-create-avatar,.pg-story-create span.pg-story-create-avatar,.pg-story-avatar{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;}
.pg-story-create b,.pg-story-chip.story-card b{width:68px!important;max-width:68px!important;font-size:11px!important;}
}
@media(max-width:640px){
.pg-stories{min-height:84px!important;margin:12px 0 18px!important;padding-top:2px!important;}
.pg-story-rail{gap:12px!important;padding-right:3px!important;}
.pg-story-create,.pg-story-chip.story-card{flex-basis:64px!important;width:64px!important;min-width:64px!important;}
.pg-story-create-avatar,.pg-story-create span.pg-story-create-avatar,.pg-story-avatar{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;}
.pg-story-create b,.pg-story-chip.story-card b{width:64px!important;max-width:64px!important;font-size:10.5px!important;}
}
/* =========================================================
STORY SEEN / UNSEEN RING - izlenmemiş renkli, izlenmiş gri
========================================================= */
.pg-story-chip.story-card.story-unseen .pg-story-avatar{
background:conic-gradient(from 210deg,#ffbf00,#ff4d67,#7c3aed,#1d7cff,#14d7ff,#ffbf00)!important;
box-shadow:0 8px 18px rgba(124,58,237,.18),0 0 0 2px rgba(255,255,255,.95)!important;
}
.pg-story-chip.story-card.story-unseen .pg-story-avatar::after{
content:""!important;
position:absolute!important;
right:3px!important;
top:3px!important;
width:9px!important;
height:9px!important;
border-radius:50%!important;
background:#22c55e!important;
border:2px solid #fff!important;
box-shadow:0 4px 10px rgba(34,197,94,.35)!important;
}
.pg-story-chip.story-card.story-seen .pg-story-avatar{
background:#c9d2df!important;
box-shadow:0 6px 14px rgba(15,23,42,.07)!important;
}
.pg-story-chip.story-card.story-seen .pg-story-avatar img{
filter:saturate(.72) brightness(.97)!important;
}
.pg-story-chip.story-card.story-seen b{
color:#64748b!important;
font-weight:750!important;
}
.pg-story-chip.story-card.story-seen{
opacity:.86!important;
}
.pg-story-chip.story-card.story-unseen b{
color:#071225!important;
}
/* =========================================================
FINAL: Profesyonel üst menü butonları
Amaç: ikon balonlarını kaldır, daha modern/kurumsal navbar görünümü ver
========================================================= */
.fb-top-center.modern-nav{
gap:8px !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
}
.fb-top-center.modern-nav .fb-nav-pill{
position:relative !important;
height:38px !important;
min-height:38px !important;
padding:0 16px !important;
gap:8px !important;
border-radius:14px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
background:rgba(255,255,255,.08) !important;
color:#dbeafe !important;
border:1px solid rgba(255,255,255,.12) !important;
box-shadow:none !important;
font-size:13px !important;
font-weight:850 !important;
letter-spacing:0 !important;
text-decoration:none !important;
white-space:nowrap !important;
overflow:hidden !important;
transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}
.fb-top-center.modern-nav .fb-nav-pill::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,0)) !important;
opacity:.65 !important;
pointer-events:none !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico{
width:18px !important;
height:18px !important;
min-width:18px !important;
border-radius:0 !important;
display:inline-grid !important;
place-items:center !important;
background:transparent !important;
color:currentColor !important;
box-shadow:none !important;
font-size:0 !important;
line-height:1 !important;
position:relative !important;
z-index:1 !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{
width:17px !important;
height:17px !important;
display:block !important;
fill:currentColor !important;
}
.fb-top-center.modern-nav .fb-nav-pill span:not(.nav-ico){
position:relative !important;
z-index:1 !important;
}
.fb-top-center.modern-nav .fb-nav-pill:hover{
transform:translateY(-1px) !important;
background:rgba(255,255,255,.13) !important;
border-color:rgba(255,255,255,.20) !important;
color:#ffffff !important;
box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.active{
background:#ffffff !important;
color:#1877f2 !important;
border-color:rgba(255,255,255,.85) !important;
box-shadow:0 10px 26px rgba(15,23,42,.22) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add{
height:40px !important;
padding:0 18px !important;
border-radius:14px !important;
background:linear-gradient(135deg,#ff8a1f,#ff6a00) !important;
color:#ffffff !important;
border-color:rgba(255,255,255,.16) !important;
box-shadow:0 10px 26px rgba(255,106,0,.24) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add::after{
content:"" !important;
position:absolute !important;
left:12px !important;
right:12px !important;
top:0 !important;
height:1px !important;
background:rgba(255,255,255,.42) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add .nav-ico{
width:19px !important;
height:19px !important;
min-width:19px !important;
color:#ffffff !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add:hover,
.fb-top-center.modern-nav .fb-nav-pill.add.active{
background:linear-gradient(135deg,#ff982f,#ff6a00) !important;
color:#ffffff !important;
box-shadow:0 13px 30px rgba(255,106,0,.30) !important;
}
@media(max-width:1180px){
.fb-top-center.modern-nav{gap:6px !important;}
.fb-top-center.modern-nav .fb-nav-pill{height:36px !important;padding:0 12px !important;font-size:12px !important;border-radius:12px !important;}
.fb-top-center.modern-nav .fb-nav-pill.add{height:38px !important;padding:0 14px !important;}
}
@media(max-width:900px){
.fb-top-center.modern-nav{
width:100% !important;
justify-content:flex-start !important;
overflow-x:auto !important;
scrollbar-width:none !important;
padding:8px 0 2px !important;
}
.fb-top-center.modern-nav::-webkit-scrollbar{display:none !important;}
}
@media(max-width:640px){
.fb-top-center.modern-nav .fb-nav-pill{height:34px !important;min-height:34px !important;padding:0 11px !important;font-size:11.5px !important;gap:6px !important;}
.fb-top-center.modern-nav .fb-nav-pill.add{height:36px !important;padding:0 12px !important;}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico,
.fb-top-center.modern-nav .fb-nav-pill.add .nav-ico{width:16px !important;height:16px !important;min-width:16px !important;}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{width:15px !important;height:15px !important;}
}
/* =========================================================
NEON NAV FINAL - arama kutusu kaldırıldı, butonlar neon/pro görünüm
========================================================= */
.fb-site-top{
grid-template-columns:auto 1fr auto !important;
gap:22px !important;
background:#071426 !important;
border-bottom:1px solid rgba(56,189,248,.18) !important;
box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
}
.fb-top-left{
gap:14px !important;
min-width:max-content !important;
}
.fb-top-search{display:none !important;}
.fb-top-center.modern-nav{
justify-content:center !important;
gap:16px !important;
overflow:visible !important;
padding:0 !important;
}
.fb-top-center.modern-nav .fb-nav-pill{
position:relative !important;
height:42px !important;
min-height:42px !important;
padding:0 24px !important;
gap:10px !important;
border-radius:15px !important;
background:rgba(7,20,38,.68) !important;
color:#67e8f9 !important;
border:1px solid rgba(103,232,249,.78) !important;
box-shadow:0 0 0 1px rgba(103,232,249,.15) inset,0 0 16px rgba(34,211,238,.28),0 0 34px rgba(37,99,235,.14) !important;
font-size:13px !important;
font-weight:900 !important;
letter-spacing:.2px !important;
text-shadow:0 0 9px rgba(103,232,249,.65) !important;
transform:skewX(-9deg) !important;
overflow:hidden !important;
}
.fb-top-center.modern-nav .fb-nav-pill > *{
transform:skewX(9deg) !important;
}
.fb-top-center.modern-nav .fb-nav-pill::before{
content:"" !important;
position:absolute !important;
left:18px !important;
right:18px !important;
top:-1px !important;
height:2px !important;
background:linear-gradient(90deg,transparent,#7dd3fc,transparent) !important;
opacity:.95 !important;
}
.fb-top-center.modern-nav .fb-nav-pill::after{
content:"" !important;
position:absolute !important;
left:22px !important;
right:22px !important;
bottom:-1px !important;
height:2px !important;
background:linear-gradient(90deg,transparent,#38bdf8,transparent) !important;
opacity:.8 !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico{
width:18px !important;
height:18px !important;
min-width:18px !important;
background:transparent !important;
box-shadow:none !important;
color:currentColor !important;
position:relative !important;
z-index:2 !important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{
width:17px !important;
height:17px !important;
fill:currentColor !important;
filter:drop-shadow(0 0 7px currentColor) !important;
}
.fb-top-center.modern-nav .fb-nav-pill span:not(.nav-ico){
position:relative !important;
z-index:2 !important;
}
.fb-top-center.modern-nav .fb-nav-pill:hover{
color:#ffffff !important;
border-color:#a5f3fc !important;
background:rgba(8,32,58,.86) !important;
box-shadow:0 0 0 1px rgba(165,243,252,.35) inset,0 0 20px rgba(34,211,238,.48),0 0 44px rgba(37,99,235,.26) !important;
transform:skewX(-9deg) translateY(-1px) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.active{
color:#ffffff !important;
border-color:#60a5fa !important;
background:linear-gradient(135deg,rgba(14,165,233,.24),rgba(37,99,235,.30)) !important;
box-shadow:0 0 0 1px rgba(147,197,253,.35) inset,0 0 18px rgba(14,165,233,.56),0 0 45px rgba(37,99,235,.30) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add{
height:42px !important;
padding:0 26px !important;
color:#fff7ed !important;
border-color:#fb923c !important;
background:rgba(54,20,8,.72) !important;
box-shadow:0 0 0 1px rgba(251,146,60,.22) inset,0 0 16px rgba(249,115,22,.45),0 0 42px rgba(249,115,22,.18) !important;
text-shadow:0 0 9px rgba(251,146,60,.75) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add::before{
background:linear-gradient(90deg,transparent,#fed7aa,transparent) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add::after{
background:linear-gradient(90deg,transparent,#fb923c,transparent) !important;
}
.fb-top-center.modern-nav .fb-nav-pill.add:hover,
.fb-top-center.modern-nav .fb-nav-pill.add.active{
color:#ffffff !important;
border-color:#fed7aa !important;
background:linear-gradient(135deg,rgba(249,115,22,.25),rgba(234,88,12,.36)) !important;
box-shadow:0 0 0 1px rgba(254,215,170,.30) inset,0 0 22px rgba(249,115,22,.62),0 0 48px rgba(249,115,22,.30) !important;
}
@media(max-width:1050px){
.fb-site-top{grid-template-columns:auto 1fr !important;gap:10px !important;}
.fb-top-center.modern-nav{order:3 !important;grid-column:1/-1 !important;justify-content:flex-start !important;overflow-x:auto !important;gap:12px !important;padding:8px 0 4px !important;scrollbar-width:none !important;}
.fb-top-center.modern-nav::-webkit-scrollbar{display:none !important;}
}
@media(max-width:640px){
.fb-top-center.modern-nav{gap:10px !important;}
.fb-top-center.modern-nav .fb-nav-pill{height:38px !important;min-height:38px !important;padding:0 17px !important;font-size:12px !important;border-radius:13px !important;}
.fb-top-center.modern-nav .fb-nav-pill.add{height:38px !important;padding:0 18px !important;}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico{width:16px !important;height:16px !important;min-width:16px !important;}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{width:15px !important;height:15px !important;}
}
/* =========================================================
FINAL FIX 2026-06-17: Uyumlu header butonları + okunur server kart yazıları
- Neon/skew efekt kaldırıldı.
- Orta menü butonları Giriş/Kayıt butonlarıyla aynı aileye çekildi.
- Liste kartlarında logo yazıya binmesin diye kart içi hizalama düzeltildi.
========================================================= */
.fb-top-search{display:none!important;}
.fb-site-top{
grid-template-columns:auto 1fr auto!important;
gap:18px!important;
background:#071426!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 8px 24px rgba(3,10,24,.22)!important;
}
.fb-top-center.modern-nav{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
overflow:visible!important;
padding:0!important;
}
.fb-top-center.modern-nav .fb-nav-pill,
.fb-top-center.modern-nav .fb-nav-pill.active,
.fb-top-center.modern-nav .fb-nav-pill.add,
.fb-top-center.modern-nav .fb-nav-pill.add.active{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
min-width:104px!important;
padding:0 14px 0 39px!important;
gap:0!important;
border-radius:999px!important;
transform:none!important;
skew:none!important;
overflow:visible!important;
font-size:11px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:.02em!important;
text-transform:uppercase!important;
text-shadow:none!important;
text-decoration:none!important;
white-space:nowrap!important;
border:0!important;
box-shadow:0 3px 0 rgba(15,23,42,.16),0 8px 14px rgba(15,23,42,.14)!important;
transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
}
.fb-top-center.modern-nav .fb-nav-pill::before,
.fb-top-center.modern-nav .fb-nav-pill::after,
.fb-top-center.modern-nav .fb-nav-pill.add::before,
.fb-top-center.modern-nav .fb-nav-pill.add::after{
content:none!important;
display:none!important;
}
.fb-top-center.modern-nav .fb-nav-pill > *,
.fb-top-center.modern-nav .fb-nav-pill.add > *{
transform:none!important;
}
.fb-top-center.modern-nav .fb-nav-pill{
background:#172337!important;
color:#eaf2ff!important;
}
.fb-top-center.modern-nav .fb-nav-pill.active{
background:#ffffff!important;
color:#1877f2!important;
}
.fb-top-center.modern-nav .fb-nav-pill.add{
min-width:116px!important;
background:linear-gradient(135deg,#ff8a22,#ff6a00)!important;
color:#ffffff!important;
box-shadow:0 3px 0 rgba(154,52,18,.35),0 9px 18px rgba(255,106,0,.24)!important;
}
.fb-top-center.modern-nav .fb-nav-pill:hover,
.fb-top-center.modern-nav .fb-nav-pill.add:hover{
transform:translateY(-1px)!important;
filter:brightness(1.04)!important;
box-shadow:0 3px 0 rgba(15,23,42,.18),0 11px 20px rgba(15,23,42,.20)!important;
}
.fb-top-center.modern-nav .fb-nav-pill.add:hover{
box-shadow:0 3px 0 rgba(154,52,18,.35),0 12px 22px rgba(255,106,0,.30)!important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico,
.fb-top-center.modern-nav .fb-nav-pill.add .nav-ico{
position:absolute!important;
left:-1px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:36px!important;
height:36px!important;
min-width:36px!important;
max-width:36px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#ffffff!important;
color:#1877f2!important;
box-shadow:0 3px 8px rgba(15,23,42,.16),inset 0 0 0 1px rgba(15,23,42,.07)!important;
z-index:2!important;
font-size:0!important;
filter:none!important;
}
.fb-top-center.modern-nav .fb-nav-pill.add .nav-ico{color:#ff6a00!important;}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico svg,
.fb-top-center.modern-nav .fb-nav-pill.add .nav-ico svg{
width:15px!important;
height:15px!important;
fill:currentColor!important;
filter:none!important;
display:block!important;
}
.fb-top-center.modern-nav .fb-nav-pill span:not(.nav-ico){
color:inherit!important;
position:relative!important;
z-index:1!important;
transform:none!important;
}
/* Server kartı: logo yazıya binmesin, başlık net okunsun */
.pg-server-card.server-card-modern .pg-card-info{
position:relative!important;
padding:18px 18px 16px!important;
background:#ffffff!important;
}
.pg-server-card.server-card-modern .pg-card-main{
display:grid!important;
grid-template-columns:70px minmax(0,1fr) auto!important;
gap:14px!important;
align-items:start!important;
margin-top:0!important;
position:relative!important;
z-index:4!important;
}
.pg-server-card.server-card-modern .pg-card-main>img{
width:64px!important;
height:64px!important;
min-width:64px!important;
border-radius:14px!important;
object-fit:cover!important;
border:5px solid #ffffff!important;
background:#071426!important;
box-shadow:0 12px 26px rgba(7,20,38,.18)!important;
margin-top:-44px!important;
position:relative!important;
z-index:5!important;
}
.pg-server-card.server-card-modern .pg-card-main>div{
min-width:0!important;
padding-top:0!important;
position:relative!important;
z-index:6!important;
}
.pg-server-card.server-card-modern .pg-card-main h3,
.pg-server-card.server-card-modern .pg-card-main h3 a{
color:#071225!important;
text-shadow:none!important;
opacity:1!important;
}
.pg-server-card.server-card-modern .pg-card-main h3{
margin:0 0 5px!important;
font-size:18px!important;
line-height:1.12!important;
font-weight:950!important;
letter-spacing:-.02em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.pg-server-card.server-card-modern .pg-card-main p{
margin:0!important;
color:#52627a!important;
font-size:13px!important;
line-height:1.25!important;
font-weight:850!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
text-shadow:none!important;
}
.pg-server-card.server-card-modern .pg-card-main em{
align-self:start!important;
margin-top:0!important;
color:#14532d!important;
background:#dcfce7!important;
border:1px solid #bbf7d0!important;
border-radius:999px!important;
padding:8px 11px!important;
font-size:12px!important;
line-height:1!important;
font-weight:950!important;
white-space:nowrap!important;
}
@media(max-width:1050px){
.fb-site-top{grid-template-columns:auto 1fr!important;gap:10px!important;}
.fb-top-center.modern-nav{order:3!important;grid-column:1/-1!important;justify-content:flex-start!important;overflow-x:auto!important;gap:9px!important;padding:8px 0 4px!important;scrollbar-width:none!important;}
.fb-top-center.modern-nav::-webkit-scrollbar{display:none!important;}
}
@media(max-width:640px){
.fb-top-center.modern-nav .fb-nav-pill,
.fb-top-center.modern-nav .fb-nav-pill.active,
.fb-top-center.modern-nav .fb-nav-pill.add,
.fb-top-center.modern-nav .fb-nav-pill.add.active{
height:34px!important;
min-height:34px!important;
max-height:34px!important;
min-width:auto!important;
padding:0 11px 0 35px!important;
font-size:10px!important;
}
.fb-top-center.modern-nav .fb-nav-pill .nav-ico,
.fb-top-center.modern-nav .fb-nav-pill.add .nav-ico{
width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;
}
.pg-server-card.server-card-modern .pg-card-main{grid-template-columns:64px minmax(0,1fr)!important;}
.pg-server-card.server-card-modern .pg-card-main em{grid-column:2!important;margin-top:7px!important;justify-self:start!important;}
}
/* =========================================================
FINAL MOBILE RESPONSIVE FIX - 2026-06-17
Header, hikaye, sponsor kart, toplist, filtreler ve server kartlari
tum ekranlarda tasma yapmadan okunur hale getirildi.
========================================================= */
/* Ust menu butonlari: Giris / Kayit ile ayni aile */
.fb-site-top .fb-top-center.modern-nav{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
min-width:0!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
height:40px!important;
min-height:40px!important;
max-height:40px!important;
min-width:118px!important;
padding:0 14px 0 42px!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.09)!important;
color:#ffffff!important;
font-size:12px!important;
font-weight:950!important;
letter-spacing:.01em!important;
text-transform:uppercase!important;
text-decoration:none!important;
line-height:1!important;
white-space:nowrap!important;
overflow:visible!important;
box-shadow:0 3px 0 rgba(15,23,42,.18),0 9px 18px rgba(0,0,0,.14)!important;
text-shadow:none!important;
transform:none!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill.active{
background:#1877f2!important;
border-color:#1877f2!important;
color:#fff!important;
box-shadow:0 3px 0 rgba(7,64,145,.55),0 10px 20px rgba(24,119,242,.24)!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill.add{
background:#ff7a18!important;
border-color:#ff7a18!important;
color:#fff!important;
box-shadow:0 3px 0 rgba(154,73,0,.55),0 10px 20px rgba(255,122,24,.22)!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill:hover{
transform:translateY(-1px)!important;
filter:brightness(1.04)!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill .nav-ico{
position:absolute!important;
left:-1px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:40px!important;
height:40px!important;
min-width:40px!important;
max-width:40px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#fff!important;
color:#1877f2!important;
box-shadow:0 3px 8px rgba(15,23,42,.18),inset 0 0 0 1px rgba(15,23,42,.06)!important;
z-index:2!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill.add .nav-ico{color:#ff7a18!important;}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{
width:16px!important;
height:16px!important;
display:block!important;
fill:currentColor!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill span:not(.nav-ico){
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:0!important;
color:inherit!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Genel mobil tasma onlemi */
img,video,iframe{max-width:100%!important;}
.wrap,.foot{max-width:100%!important;}
.table{max-width:100%!important;overflow-x:auto!important;}
@media(max-width:1100px){
.pg-hero-grid{grid-template-columns:1fr!important;gap:16px!important;}
.pg-server-grid,.server-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.pg-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
html,body{width:100%!important;overflow-x:hidden!important;}
body{background:linear-gradient(180deg,#eef5ff 0,#f8fbff 44%,#fff 100%)!important;}
.wrap{width:100%!important;padding:12px 10px 48px!important;margin:0!important;}
.foot{width:calc(100% - 20px)!important;margin:12px 10px 24px!important;flex-direction:column!important;align-items:flex-start!important;border-radius:16px!important;}
/* Header: 1. satir logo + giris/kayit, 2. satir menu */
.top.pro-top.fb-site-top,
.fb-site-top{
position:sticky!important;
top:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
grid-template-areas:"left actions" "nav nav"!important;
align-items:center!important;
row-gap:9px!important;
column-gap:8px!important;
width:100%!important;
min-height:0!important;
height:auto!important;
padding:9px 10px 10px!important;
overflow:visible!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.fb-site-top .fb-top-left{grid-area:left!important;display:flex!important;align-items:center!important;min-width:0!important;}
.fb-site-top .brand{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:100%!important;}
.fb-site-top .brand-mark{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;font-size:16px!important;}
.fb-site-top .brand span:last-child{
display:block!important;
max-width:150px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
font-size:14px!important;
}
.fb-site-top .fb-top-search{display:none!important;}
.fb-site-top .fb-top-actions{
grid-area:actions!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:6px!important;
min-width:0!important;
flex-wrap:nowrap!important;
overflow:visible!important;
}
.fb-site-top .fb-top-actions .fb-icon-btn:not(.btn){width:34px!important;height:34px!important;min-width:34px!important;}
.fb-site-top .fb-top-actions .top-auth-btn,
.fb-site-top .fb-top-actions a.top-auth-btn.btn,
.fb-site-top .fb-top-actions a.top-auth-btn.btn.ui-btn,
.fb-site-top .fb-top-actions a.top-auth-btn.fb-register-btn{
height:34px!important;
min-height:34px!important;
max-height:34px!important;
min-width:70px!important;
padding:0 9px 0 35px!important;
border-radius:999px!important;
font-size:10px!important;
line-height:1!important;
}
.fb-site-top .fb-top-actions .top-auth-btn.ui-register{min-width:84px!important;}
.fb-site-top .fb-top-actions .top-auth-btn .btn-ico{
width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;left:-1px!important;
}
.fb-site-top .fb-top-actions .top-auth-btn .btn-ico svg{width:14px!important;height:14px!important;}
.fb-site-top .fb-top-center.modern-nav{
grid-area:nav!important;
width:100%!important;
max-width:100%!important;
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:7px!important;
overflow:visible!important;
padding:0!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill,
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill.active,
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill.add,
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill.add.active{
width:100%!important;
min-width:0!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 7px 0 34px!important;
border-radius:999px!important;
font-size:9.5px!important;
letter-spacing:0!important;
text-align:center!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill .nav-ico{
width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;left:-1px!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill .nav-ico svg{width:14px!important;height:14px!important;}
/* Story alanı */
.pg-stories{margin:12px 0 16px!important;padding:4px 0 6px!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;}
.pg-stories::-webkit-scrollbar{display:none!important;}
.pg-story-create{flex:0 0 74px!important;width:74px!important;display:grid!important;grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;gap:5px!important;}
.pg-story-create span{width:52px!important;height:52px!important;font-size:24px!important;}
.pg-story-create b{max-width:74px!important;font-size:11px!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.pg-story-create small{display:none!important;}
.pg-story-rail{gap:12px!important;overflow:visible!important;padding:0!important;}
.pg-story-chip{width:74px!important;flex:0 0 74px!important;display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:5px!important;}
.pg-story-avatar{grid-row:auto!important;width:58px!important;height:58px!important;padding:3px!important;}
.pg-story-chip b{max-width:74px!important;font-size:11px!important;line-height:1.08!important;}
.pg-story-chip small{display:none!important;}
/* Sponsor ve toplist */
.pg-hero-grid{grid-template-columns:1fr!important;gap:14px!important;margin-top:12px!important;}
.pg-sponsor-hero{min-height:auto!important;border-radius:15px!important;padding:20px!important;gap:22px!important;}
.pg-sponsor-topline{align-items:flex-start!important;gap:10px!important;}
.pg-sponsor-topline span{font-size:12px!important;line-height:1.2!important;}
.pg-sponsor-topline em{font-size:11px!important;padding:7px 9px!important;}
.pg-sponsor-body{padding-top:10px!important;max-width:100%!important;}
.pg-sponsor-body h1{font-size:clamp(36px,11vw,52px)!important;line-height:.98!important;letter-spacing:-.055em!important;overflow-wrap:anywhere!important;}
.pg-sponsor-body h2{font-size:17px!important;line-height:1.28!important;margin:12px 0 9px!important;}
.pg-sponsor-body p{font-size:13.5px!important;line-height:1.45!important;}
.pg-feature-pills{gap:8px!important;margin-top:18px!important;}
.pg-feature-pills span{font-size:11.5px!important;padding:9px 10px!important;border-radius:10px!important;}
.pg-sponsor-actions{grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important;}
.pg-btn{width:100%!important;height:48px!important;border-radius:11px!important;font-size:14px!important;}
.pg-toplist-panel{border-radius:15px!important;padding:17px 13px!important;min-width:0!important;}
.pg-toplist-panel header{align-items:center!important;gap:10px!important;margin-bottom:14px!important;}
.pg-toplist-panel header span{font-size:12px!important;}
.pg-toplist-panel header h2{font-size:18px!important;line-height:1.15!important;}
.pg-toplist-panel header a{height:34px!important;padding:0 10px!important;font-size:11px!important;}
.pg-toplist-item{grid-template-columns:34px 45px minmax(0,1fr)!important;gap:9px!important;padding:9px!important;min-height:58px!important;}
.pg-toplist-item em{width:32px!important;height:32px!important;font-size:14px!important;}
.pg-toplist-item img{width:45px!important;height:42px!important;border-radius:10px!important;}
.pg-toplist-item b{font-size:13.5px!important;}
.pg-toplist-item small{font-size:10.5px!important;}
.pg-toplist-item strong,.pg-toplist-item mark{display:none!important;}
/* Filtreler ve liste */
.pg-filter-panel{border-radius:15px!important;margin-top:16px!important;}
.pg-filter-title{display:flex!important;padding:14px 14px 8px!important;font-size:14px!important;}
.pg-filter-title span{width:34px!important;height:34px!important;min-width:34px!important;}
.pg-filter-buttons{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:8px 14px 12px!important;scrollbar-width:none!important;}
.pg-filter-buttons::-webkit-scrollbar{display:none!important;}
.pg-filter-pill{height:38px!important;flex:0 0 auto!important;padding:0 12px!important;font-size:13px!important;white-space:nowrap!important;}
.pg-seo-tags{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:12px 14px 14px!important;scrollbar-width:none!important;}
.pg-seo-tags::-webkit-scrollbar{display:none!important;}
.pg-seo-tags>b,.pg-seo-tags a{flex:0 0 auto!important;white-space:nowrap!important;}
.pg-section-head{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:22px 0 12px!important;}
.pg-section-head span{font-size:12px!important;}
.pg-section-head h2{font-size:24px!important;line-height:1.12!important;}
.pg-section-head a{font-size:13px!important;}
.pg-server-grid,.server-grid-modern{grid-template-columns:1fr!important;gap:14px!important;}
.pg-card-media,.server-card-modern .pg-card-media,.server-card-modern .card-image{height:132px!important;min-height:132px!important;max-height:132px!important;}
.pg-server-card.server-card-modern .pg-card-info{padding:15px 14px 14px!important;}
.pg-server-card.server-card-modern .pg-card-main{grid-template-columns:58px minmax(0,1fr)!important;gap:11px!important;align-items:start!important;}
.pg-server-card.server-card-modern .pg-card-main>img{width:56px!important;height:56px!important;min-width:56px!important;border-radius:13px!important;border-width:4px!important;margin-top:-38px!important;}
.pg-server-card.server-card-modern .pg-card-main h3{font-size:16px!important;line-height:1.12!important;}
.pg-server-card.server-card-modern .pg-card-main p{font-size:12px!important;line-height:1.25!important;}
.pg-server-card.server-card-modern .pg-card-main em{grid-column:2!important;justify-self:start!important;margin-top:7px!important;padding:7px 10px!important;font-size:11px!important;}
.pg-card-stats{margin-top:12px!important;padding-top:12px!important;font-size:12px!important;}
.pg-card-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;}
.pg-card-actions a{height:38px!important;font-size:12.5px!important;border-radius:10px!important;}
.pg-benefits{grid-template-columns:1fr!important;gap:10px!important;margin-top:18px!important;}
.pg-benefits div{grid-template-columns:46px 1fr!important;padding:14px!important;border-radius:14px!important;}
.pg-benefits span{width:46px!important;height:46px!important;font-size:20px!important;}
.pg-benefits strong{font-size:15px!important;}.pg-benefits small{font-size:12.5px!important;}
}
@media(max-width:430px){
.fb-site-top .brand span:last-child{max-width:112px!important;font-size:13px!important;}
.fb-site-top .fb-top-center.modern-nav{gap:6px!important;}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill,
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill.active,
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill.add{
height:34px!important;
min-height:34px!important;
max-height:34px!important;
padding-left:31px!important;
padding-right:5px!important;
font-size:8.8px!important;
}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill .nav-ico{width:34px!important;height:34px!important;min-width:34px!important;}
.pg-sponsor-hero{padding:18px!important;}
.pg-sponsor-body h1{font-size:36px!important;}
.pg-feature-pills span{font-size:11px!important;padding:8px 9px!important;}
}
@media(max-width:360px){
.fb-site-top .brand span:last-child{display:none!important;}
.fb-site-top .fb-top-actions .top-auth-btn.ui-register{min-width:36px!important;width:36px!important;padding:0!important;}
.fb-site-top .fb-top-actions .top-auth-btn.ui-register .btn-label{display:none!important;}
.fb-site-top .fb-top-actions .top-auth-btn.ui-register .btn-ico{left:50%!important;transform:translate(-50%,-50%)!important;}
.fb-site-top .fb-top-center.modern-nav .fb-nav-pill span:not(.nav-ico){max-width:52px!important;}
}
/* Açılış durumu / geri sayım alanı */
.launch-picker{
grid-column:1/-1;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px 12px;
padding:16px;
border:1px solid #dbe6f3;
border-radius:18px;
background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.launch-picker strong{grid-column:1/-1;color:#0f172a;font-size:15px;font-weight:950;letter-spacing:.01em}
.launch-picker label{grid-column:auto!important;display:flex;align-items:center;gap:9px;margin:0;padding:12px 14px;border:1px solid #dbe6f3;border-radius:14px;background:#fff;color:#344054;font-weight:850;cursor:pointer}
.launch-picker label:has(input:checked){border-color:#93c5fd;background:#eff6ff;color:#0b5ed7}
.launch-picker input[type="radio"]{width:auto;margin:0;accent-color:#1677ff}
.launch-picker input[type="date"]{grid-column:1/-1;margin:0;background:#fff}
.launch-picker small{grid-column:1/-1;color:#667085;font-weight:700;line-height:1.45}
.launch-picker.is-soon input[type="date"]{opacity:.55;background:#f1f5f9;cursor:not-allowed}
.launch-status-row.countdown b{color:#0b65d8!important}
.launch-status-row.live b{color:#138a3d!important}
.launch-status-row.soon b{color:#6b7280!important}
.launch-status-card{
display:flex;align-items:center;justify-content:space-between;gap:14px;
margin:16px 0 0;padding:14px 16px;border-radius:16px;border:1px solid #dbeafe;background:#eff6ff;
}
.launch-status-card strong{display:block;color:#0f172a;font-size:15px}
.launch-status-card span{display:block;color:#475569;font-size:13px;font-weight:800;margin-top:2px}
.launch-status-card b{font-size:18px;color:#0b65d8;white-space:nowrap}
.launch-status-card.live{border-color:#bbf7d0;background:#ecfdf3}.launch-status-card.live b{color:#138a3d}
.launch-status-card.soon{border-color:#e5e7eb;background:#f8fafc}.launch-status-card.soon b{color:#6b7280}
@media(max-width:640px){
.launch-picker{grid-template-columns:1fr;padding:14px;border-radius:16px}
.launch-picker label{padding:12px;font-size:14px}
.launch-status-card{display:block}.launch-status-card b{display:block;margin-top:8px;white-space:normal}
}
/* HTML düzenlenebilir detaylı tanıtım editörü */
.rich-source{display:none!important}
.rich-editor-box{grid-column:1/-1;border:1px solid #d9e2ef;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 14px 36px rgba(15,23,42,.06)}
.rich-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#f7fbff;border-bottom:1px solid #e4ebf5}
.rich-toolbar button{appearance:none;border:1px solid #d7e3f3;background:#fff;color:#142033;border-radius:12px;min-width:38px;height:36px;padding:0 12px;font-weight:900;cursor:pointer;box-shadow:0 6px 16px rgba(15,23,42,.05)}
.rich-toolbar button:hover{border-color:#1e83ff;color:#0b72f0}
.rich-editor{min-height:240px;padding:18px 20px;outline:none;color:#172033;font-size:16px;line-height:1.7;font-weight:600}
.rich-editor:empty:before{content:attr(data-placeholder);color:#98a3b3;font-weight:700}
.rich-editor h2,.rich-content h2{font-size:24px;margin:14px 0 8px;color:#071225;font-weight:950}
.rich-editor h3,.rich-content h3{font-size:20px;margin:12px 0 8px;color:#071225;font-weight:900}
.rich-editor p,.rich-content p{margin:0 0 12px}
.rich-editor ul,.rich-editor ol,.rich-content ul,.rich-content ol{margin:8px 0 14px 22px;padding:0}
.rich-editor a,.rich-content a{color:#1476ff;font-weight:900;text-decoration:none}
/* Hakkında yazısına dış linkten eklenen görseller */
.rich-editor img,.rich-content img{
display:block;
width:auto;
max-width:100%;
height:auto;
margin:14px 0;
border:1px solid #dbe5f2;
border-radius:14px;
background:#f4f7fb;
box-shadow:0 8px 22px rgba(15,23,42,.10);
}
.rich-editor p:has(> img),.rich-content p:has(> img){margin:16px 0}
.rich-editor img{max-height:520px;object-fit:contain;cursor:pointer}
.rich-content img{max-height:none}
.rich-editor img[data-align=left],.rich-content img[data-align=left]{margin-left:0;margin-right:auto}
.rich-editor img[data-align=center],.rich-content img[data-align=center]{margin-left:auto;margin-right:auto}
.rich-editor img[data-align=right],.rich-content img[data-align=right]{margin-left:auto;margin-right:0}
.rich-editor img.is-selected-image{outline:3px solid #1e83ff;outline-offset:3px}
.rich-content{font-size:16px;line-height:1.75;color:#263247;word-break:break-word}
.rich-content blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid #1e83ff;background:#f5f9ff;border-radius:12px}
@media(max-width:768px){.rich-editor-box{border-radius:18px}.rich-toolbar{gap:6px;padding:9px}.rich-toolbar button{height:34px;min-width:34px;padding:0 10px;font-size:12px}.rich-editor{min-height:220px;padding:16px;font-size:15px}}
/* Facebook benzeri özel mesaj sistemi */
.msg-wrap .msg-menu{min-width:330px}.msg-item{display:flex!important;gap:10px;align-items:flex-start}.msg-item img{width:38px;height:38px;border-radius:999px;object-fit:cover;flex:0 0 auto}.msg-item span{display:flex;flex-direction:column;min-width:0}.msg-item em{font-style:normal;color:#64748b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-badge{background:#ef4444!important}.fb-message-btn{background:linear-gradient(135deg,#1877f2,#2563eb);color:#fff!important;border:0;box-shadow:0 10px 22px rgba(24,119,242,.22);font-weight:900}.fb-message-btn:hover{filter:brightness(.98);transform:translateY(-1px)}
.messenger-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;min-height:calc(100vh - 180px);margin:18px 0 30px}.messenger-sidebar,.messenger-chat{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;box-shadow:0 12px 34px rgba(15,23,42,.08);overflow:hidden}.messenger-sidebar{display:flex;flex-direction:column}.messenger-side-head{padding:18px 18px 10px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #eef2f7}.messenger-side-head h1{margin:0;font-size:25px;letter-spacing:-.03em;color:#0f172a}.messenger-side-head span{font-size:12px;font-weight:800;color:#64748b;background:#f1f5f9;padding:6px 9px;border-radius:999px}.messenger-search-note{margin:12px 14px;padding:11px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#64748b;font-size:12px;line-height:1.4}.messenger-conversation-list{overflow:auto;padding:6px 8px 12px}.messenger-conversation{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border-radius:16px;text-decoration:none;color:#0f172a;border:1px solid transparent}.messenger-conversation:hover{background:#f8fafc}.messenger-conversation.active{background:#eaf3ff;border-color:#bfdbfe}.messenger-conversation.unread{background:#eff6ff}.messenger-conversation img{width:46px;height:46px;border-radius:999px;object-fit:cover}.messenger-conversation span{min-width:0;display:flex;flex-direction:column}.messenger-conversation b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messenger-conversation em{font-style:normal;color:#64748b;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messenger-conversation i{font-style:normal;background:#1877f2;color:#fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;font-weight:900}.messenger-empty-list{padding:18px;text-align:center;color:#64748b;font-weight:700}.messenger-chat{display:grid;grid-template-rows:auto minmax(360px,1fr) auto;min-width:0}.messenger-chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eef2f7;background:rgba(248,250,252,.82);backdrop-filter:blur(8px)}.messenger-chat-head img{width:45px;height:45px;border-radius:999px;object-fit:cover}.messenger-chat-head div{display:flex;flex-direction:column;min-width:0}.messenger-chat-head b{font-size:16px;color:#0f172a}.messenger-chat-head span{font-size:12px;color:#64748b;font-weight:750}.messenger-profile-link{margin-left:auto;text-decoration:none;background:#fff;border:1px solid #dbeafe;color:#1877f2;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.messenger-messages{padding:18px;overflow:auto;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}.message-row{display:flex;gap:8px;margin:8px 0;align-items:flex-end}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-row>img{width:30px;height:30px;border-radius:999px;object-fit:cover}.message-bubble{max-width:min(560px,72%);border-radius:20px;padding:10px 12px;box-shadow:0 4px 12px rgba(15,23,42,.06)}.message-bubble p{margin:0;color:#0f172a;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.message-bubble small{display:block;margin-top:5px;font-size:10px;font-weight:800;color:rgba(100,116,139,.9)}.mine .message-bubble{background:#1877f2;border-bottom-right-radius:7px}.mine .message-bubble p,.mine .message-bubble small{color:#fff}.theirs .message-bubble{background:#eef2f7;border-bottom-left-radius:7px}.messenger-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px;border-top:1px solid #eef2f7;background:#fff}.messenger-compose textarea{resize:none;border:1px solid #e2e8f0;background:#f8fafc;border-radius:18px;padding:12px 14px;outline:none;font:inherit;min-height:48px;max-height:130px}.messenger-compose textarea:focus{border-color:#93c5fd;background:#fff;box-shadow:0 0 0 4px rgba(24,119,242,.08)}.messenger-compose button{border:0;background:linear-gradient(135deg,#1877f2,#2563eb);color:#fff;border-radius:16px;padding:0 20px;font-weight:950;cursor:pointer;box-shadow:0 10px 20px rgba(24,119,242,.2)}.messenger-empty-chat,.messenger-no-chat{height:100%;display:grid;place-content:center;text-align:center;color:#64748b;gap:6px;padding:28px}.messenger-empty-chat b,.messenger-no-chat h2{color:#0f172a;margin:0}.messenger-no-chat div{font-size:54px}.messenger-no-chat p{margin:0;max-width:360px}.fb-main-actions{gap:8px;flex-wrap:wrap}
@media (max-width: 820px){.messenger-shell{grid-template-columns:1fr;gap:12px;margin-top:12px}.messenger-sidebar{max-height:280px}.messenger-chat{grid-template-rows:auto minmax(420px,1fr) auto;border-radius:18px}.messenger-side-head h1{font-size:22px}.messenger-chat-head{padding:11px}.messenger-profile-link{display:none}.messenger-messages{padding:12px}.message-bubble{max-width:82%}.messenger-compose{grid-template-columns:1fr;gap:8px}.messenger-compose button{height:44px}.msg-wrap .msg-menu{min-width:290px;right:-80px}.fb-message-btn,.ui-follow{min-height:40px}}
@media (max-width: 480px){.messenger-sidebar,.messenger-chat{border-radius:16px}.messenger-conversation{grid-template-columns:42px minmax(0,1fr) auto}.messenger-conversation img{width:42px;height:42px}.message-bubble{max-width:86%}.messenger-chat{min-height:590px}.messenger-side-head{padding:14px}.msg-wrap .msg-menu{right:-120px;width:310px}}
/* Server profilinde Mesaj Gönder butonu */
.fb-profile-page .fb-main-actions .fb-message-btn,
.fb-profile-page .fb-main-actions .btn.ui-message{
background:linear-gradient(135deg,#1877f2,#0ea5e9)!important;
color:#fff!important;
border:0!important;
}
.fb-profile-page .fb-main-actions .btn.ui-message .btn-ico{
background:#fff!important;
color:#1877f2!important;
}
.fb-profile-page .fb-main-actions .btn.ui-message .btn-ico svg{fill:#1877f2!important}
@media(max-width:640px){
.fb-profile-page .fb-main-actions .fb-message-btn,
.fb-profile-page .fb-main-actions .btn.ui-message{min-width:96px!important;}
}
/* === Premium Sponsor Badge - OldSchool tarzı === */
.server-badge.sponsor,
.server-badge.vip,
.plan-badge.sponsor,
.plan-badge.vip,
.pill.sponsor,
.pill.vip{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
min-height:34px!important;
padding:8px 22px!important;
border-radius:999px!important;
background:linear-gradient(135deg,#9b3839 0%,#542543 48%,#251735 100%)!important;
border:1px solid #d9a642!important;
color:#fff2c2!important;
font-weight:950!important;
font-size:15px!important;
line-height:1!important;
letter-spacing:.01em!important;
box-shadow:0 9px 20px rgba(48,25,43,.22), inset 0 1px 0 rgba(255,255,255,.18)!important;
text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
.server-badge.sponsor::before,
.server-badge.vip::before,
.plan-badge.sponsor::before,
.plan-badge.vip::before,
.pill.sponsor::before,
.pill.vip::before{
content:'♛';
display:inline-flex;
align-items:center;
justify-content:center;
color:#ffd56a;
font-size:17px;
line-height:1;
filter:drop-shadow(0 1px 0 rgba(0,0,0,.22));
}
.fb-profile-page .badge-row{
margin-top:12px!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
flex-wrap:wrap!important;
}
.fb-profile-page .server-badge.sponsor,
.fb-profile-page .server-badge.vip{
min-height:42px!important;
padding:10px 30px!important;
font-size:18px!important;
border-radius:999px!important;
}
.fb-profile-page .server-badge.sponsor::before,
.fb-profile-page .server-badge.vip::before{
font-size:21px!important;
}
.server-card-modern .plan-badge.sponsor,
.server-card-modern .plan-badge.vip,
.card .plan-badge.sponsor,
.card .plan-badge.vip{
position:absolute!important;
top:14px!important;
left:14px!important;
min-height:32px!important;
padding:8px 16px!important;
font-size:12px!important;
}
@media(max-width:640px){
.fb-profile-page .server-badge.sponsor,
.fb-profile-page .server-badge.vip{
min-height:38px!important;
padding:9px 22px!important;
font-size:16px!important;
}
.fb-profile-page .server-badge.sponsor::before,
.fb-profile-page .server-badge.vip::before{font-size:18px!important;}
}
/* === VIP Lounge tarzı premium sponsor rozeti === */
.fb-profile-page .badge-row{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
}
.fb-profile-page .server-badge.sponsor,
.fb-profile-page .server-badge.vip,
.server-badge.sponsor,
.server-badge.vip{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:42px;
padding:10px 25px 10px 48px;
border-radius:999px;
border:1px solid rgba(255,205,74,.95) !important;
background:
radial-gradient(circle at 24px 18px, rgba(255,232,120,.95) 0 8px, rgba(255,173,22,.62) 9px 17px, transparent 18px),
linear-gradient(135deg,#2b123d 0%,#5b2147 42%,#231436 100%) !important;
color:#fff4c1 !important;
font-size:17px !important;
font-weight:950 !important;
letter-spacing:.01em;
line-height:1;
text-shadow:0 1px 0 rgba(0,0,0,.38),0 0 12px rgba(255,207,72,.34);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.22),
inset 0 -10px 18px rgba(0,0,0,.22),
0 7px 0 rgba(57,24,48,.38),
0 16px 30px rgba(81,35,66,.30),
0 0 22px rgba(255,190,50,.20);
overflow:hidden;
}
.fb-profile-page .server-badge.sponsor:before,
.fb-profile-page .server-badge.vip:before,
.server-badge.sponsor:before,
.server-badge.vip:before{
content:'♛';
position:absolute;
left:18px;
top:50%;
transform:translateY(-52%);
color:#ffe16a;
font-size:21px;
line-height:1;
text-shadow:0 1px 0 #6b3b00,0 0 10px rgba(255,210,52,.75);
z-index:2;
}
.fb-profile-page .server-badge.sponsor:after,
.fb-profile-page .server-badge.vip:after,
.server-badge.sponsor:after,
.server-badge.vip:after{
content:'';
position:absolute;
inset:2px;
border-radius:inherit;
border:1px solid rgba(255,255,255,.11);
background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.18) 32%,transparent 48%);
pointer-events:none;
}
.plan-badge.sponsor,
.plan-badge.vip{
display:inline-flex;
align-items:center;
gap:7px;
padding:8px 14px 8px 12px;
border-radius:999px;
border:1px solid rgba(255,205,74,.95) !important;
background:linear-gradient(135deg,#2b123d,#5b2147 48%,#241135) !important;
color:#fff4c1 !important;
font-weight:950;
text-shadow:0 1px 0 rgba(0,0,0,.35);
box-shadow:0 12px 24px rgba(62,28,58,.24),0 0 18px rgba(255,190,50,.16);
}
.plan-badge.sponsor:before,
.plan-badge.vip:before{content:'♛';color:#ffe16a;font-size:15px;text-shadow:0 0 8px rgba(255,214,71,.7)}
@media(max-width:640px){
.fb-profile-page .server-badge.sponsor,
.fb-profile-page .server-badge.vip,
.server-badge.sponsor,
.server-badge.vip{
min-height:38px;
padding:9px 19px 9px 43px;
font-size:15px !important;
}
.fb-profile-page .server-badge.sponsor:before,
.fb-profile-page .server-badge.vip:before,
.server-badge.sponsor:before,
.server-badge.vip:before{left:16px;font-size:19px}
}
/* === FINAL PROFESYONEL SPONSOR ROZETI - VIP amblem tarzı === */
.server-badge.sponsor.sponsor-lux,
.server-badge.vip.sponsor-lux,
.fb-profile-page .server-badge.sponsor.sponsor-lux,
.fb-profile-page .server-badge.vip.sponsor-lux{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:12px!important;
min-width:210px!important;
min-height:58px!important;
padding:7px 26px 7px 9px!important;
border-radius:999px!important;
border:1.5px solid #f7b733!important;
background:
radial-gradient(circle at 30% 0%, rgba(255,224,111,.28), transparent 38%),
linear-gradient(135deg,#8b3032 0%,#5b2244 42%,#251438 100%)!important;
color:#fff6c9!important;
box-shadow:
0 2px 0 rgba(255,221,113,.65) inset,
0 -12px 22px rgba(0,0,0,.20) inset,
0 14px 26px rgba(70,31,56,.25)!important;
overflow:visible!important;
text-shadow:none!important;
}
.server-badge.sponsor.sponsor-lux:before,
.server-badge.vip.sponsor-lux:before,
.server-badge.sponsor.sponsor-lux:after,
.server-badge.vip.sponsor-lux:after,
.fb-profile-page .server-badge.sponsor.sponsor-lux:before,
.fb-profile-page .server-badge.vip.sponsor-lux:before,
.fb-profile-page .server-badge.sponsor.sponsor-lux:after,
.fb-profile-page .server-badge.vip.sponsor-lux:after{
content:none!important;
display:none!important;
}
.sponsor-lux-icon{
flex:0 0 46px!important;
width:46px!important;
height:46px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:radial-gradient(circle at 35% 25%,#fff7b0 0%,#ffd447 34%,#e89400 74%,#7a3600 100%)!important;
border:2px solid rgba(255,244,179,.95)!important;
box-shadow:0 6px 14px rgba(0,0,0,.20),0 0 18px rgba(255,185,38,.35)!important;
}
.sponsor-lux-icon svg{display:block!important;filter:drop-shadow(0 2px 1px rgba(79,35,0,.32))!important}
.sponsor-lux-text{
display:block!important;
font-size:27px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:.2px!important;
color:#fff3b6!important;
text-transform:none!important;
text-shadow:0 2px 0 rgba(0,0,0,.25),0 0 12px rgba(255,214,80,.18)!important;
white-space:nowrap!important;
}
.fb-profile-page .badge-row{margin-top:12px!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
/* Kart/listelerde küçük sponsor rozetleri bozulmasın */
.card .plan-badge.sponsor,.card .plan-badge.vip,
.server-card-modern .plan-badge.sponsor,.server-card-modern .plan-badge.vip{
min-height:34px!important;
padding:8px 15px!important;
border-radius:999px!important;
background:linear-gradient(135deg,#7c2936,#32153e)!important;
border:1px solid #f2b84b!important;
color:#fff4c1!important;
font-weight:950!important;
box-shadow:0 10px 24px rgba(67,28,57,.22)!important;
}
.card .plan-badge.sponsor:before,.card .plan-badge.vip:before,
.server-card-modern .plan-badge.sponsor:before,.server-card-modern .plan-badge.vip:before{
content:'👑'!important;
display:inline-block!important;
position:static!important;
transform:none!important;
margin-right:6px!important;
font-size:14px!important;
}
@media(max-width:700px){
.server-badge.sponsor.sponsor-lux,
.server-badge.vip.sponsor-lux,
.fb-profile-page .server-badge.sponsor.sponsor-lux,
.fb-profile-page .server-badge.vip.sponsor-lux{
min-width:174px!important;
min-height:50px!important;
padding:6px 19px 6px 7px!important;
}
.sponsor-lux-icon{width:39px!important;height:39px!important;flex-basis:39px!important}
.sponsor-lux-icon svg{width:24px!important;height:24px!important}
.sponsor-lux-text{font-size:22px!important}
}
/* === ANA SAYFA SPONSOR/VIP ROZETI - kartlar için profesyonel mobil uyumlu fix === */
.pg-card-media .pg-plan-badge{
position:absolute!important;
z-index:5!important;
top:12px!important;
left:12px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
height:32px!important;
min-width:0!important;
max-width:calc(100% - 24px)!important;
padding:0 13px!important;
border-radius:999px!important;
font-size:11px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:.2px!important;
text-transform:uppercase!important;
white-space:nowrap!important;
overflow:hidden!important;
box-sizing:border-box!important;
backdrop-filter:blur(10px)!important;
-webkit-backdrop-filter:blur(10px)!important;
}
.pg-card-media .pg-plan-badge::before{
content:''!important;
display:inline-grid!important;
place-items:center!important;
width:21px!important;
height:21px!important;
min-width:21px!important;
border-radius:50%!important;
margin:0!important;
font-size:13px!important;
line-height:1!important;
position:static!important;
transform:none!important;
}
.pg-card-media .pg-plan-sponsor,
.pg-card-media .pg-plan-vip{
background:linear-gradient(135deg,#7b2735 0%,#4b1c42 46%,#251033 100%)!important;
border:1px solid rgba(255,190,58,.95)!important;
color:#fff3bd!important;
text-shadow:0 1px 0 rgba(0,0,0,.35)!important;
box-shadow:
0 2px 0 rgba(255,230,130,.46) inset,
0 -10px 18px rgba(0,0,0,.16) inset,
0 9px 20px rgba(69,30,55,.26),
0 0 0 1px rgba(255,255,255,.10)!important;
}
.pg-card-media .pg-plan-sponsor::before,
.pg-card-media .pg-plan-vip::before{
content:'♛'!important;
color:#5b2b00!important;
background:radial-gradient(circle at 34% 25%,#fff8bd 0%,#ffd84b 40%,#e99b00 78%,#8b4300 100%)!important;
border:1px solid rgba(255,247,185,.82)!important;
box-shadow:0 3px 8px rgba(0,0,0,.18),0 0 12px rgba(255,197,45,.28)!important;
text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
}
.pg-card-media .pg-plan-featured{
background:linear-gradient(135deg,#18b957 0%,#0d8f3f 100%)!important;
border:1px solid rgba(191,255,211,.8)!important;
color:#052e16!important;
box-shadow:0 9px 18px rgba(21,128,61,.20)!important;
}
.pg-card-media .pg-plan-featured::before{
content:'✦'!important;
color:#fff!important;
background:rgba(255,255,255,.18)!important;
border:1px solid rgba(255,255,255,.28)!important;
}
/* Ana sayfa kart başlığı/logo/online alanı mobilde çakışmasın */
.pg-server-card.server-card-modern .pg-card-main{
min-width:0!important;
}
.pg-server-card.server-card-modern .pg-card-main h3,
.pg-server-card.server-card-modern .pg-card-main p{
min-width:0!important;
max-width:100%!important;
}
@media(max-width:768px){
.pg-server-grid.server-grid-modern{
grid-template-columns:1fr!important;
gap:15px!important;
}
.pg-card-media .pg-plan-badge{
top:10px!important;
left:10px!important;
height:30px!important;
padding:0 12px!important;
font-size:10.5px!important;
max-width:calc(100% - 20px)!important;
}
.pg-card-media .pg-plan-badge::before{
width:20px!important;
height:20px!important;
min-width:20px!important;
font-size:12px!important;
}
}
@media(max-width:420px){
.pg-card-media .pg-plan-badge{
height:28px!important;
padding:0 10px!important;
gap:6px!important;
font-size:10px!important;
}
.pg-card-media .pg-plan-badge::before{
width:18px!important;
height:18px!important;
min-width:18px!important;
font-size:11px!important;
}
}
/* === FINAL DENGELI VIP/SPONSOR ROZETI - profil + ana sayfa === */
.fb-title-area .badge-row{
margin-top:12px!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
flex-wrap:wrap!important;
}
.fb-title-area .server-badge.sponsor.sponsor-lux,
.fb-title-area .server-badge.vip.sponsor-lux,
.fb-profile-page .fb-title-area .server-badge.sponsor.sponsor-lux,
.fb-profile-page .fb-title-area .server-badge.vip.sponsor-lux{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
width:auto!important;
min-width:0!important;
height:44px!important;
min-height:44px!important;
padding:5px 22px 5px 6px!important;
border-radius:999px!important;
background:linear-gradient(135deg,#672333 0%,#3b173d 52%,#21102f 100%)!important;
border:1.5px solid #f2b441!important;
color:#fff0b6!important;
box-shadow:0 8px 18px rgba(33,16,47,.22), inset 0 1px 0 rgba(255,236,150,.32), inset 0 -9px 18px rgba(0,0,0,.16)!important;
overflow:hidden!important;
transform:none!important;
letter-spacing:.1px!important;
text-transform:none!important;
line-height:1!important;
}
.fb-title-area .server-badge.sponsor.sponsor-lux::before,
.fb-title-area .server-badge.vip.sponsor-lux::before,
.fb-title-area .server-badge.sponsor.sponsor-lux::after,
.fb-title-area .server-badge.vip.sponsor-lux::after{
display:none!important;
content:none!important;
}
.fb-title-area .sponsor-lux-icon{
position:relative!important;
left:auto!important;
top:auto!important;
transform:none!important;
flex:0 0 34px!important;
width:34px!important;
height:34px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
margin:0!important;
background:radial-gradient(circle at 35% 24%,#fff8bf 0%,#ffd84d 42%,#e79a00 78%,#7c3700 100%)!important;
border:1px solid rgba(255,245,180,.9)!important;
box-shadow:0 4px 9px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.fb-title-area .sponsor-lux-icon svg{
width:22px!important;
height:22px!important;
display:block!important;
filter:drop-shadow(0 1px 1px rgba(90,45,0,.35))!important;
}
.fb-title-area .sponsor-lux-text{
position:static!important;
display:inline-block!important;
font-family:inherit!important;
font-size:20px!important;
font-weight:950!important;
letter-spacing:-.25px!important;
color:#fff0b6!important;
line-height:1!important;
text-shadow:0 1px 0 rgba(0,0,0,.34)!important;
white-space:nowrap!important;
}
/* Ana sayfa kart üstü VIP/Sponsor rozeti */
.pg-server-card .pg-card-media .pg-plan-badge.pg-plan-vip,
.pg-server-card .pg-card-media .pg-plan-badge.pg-plan-sponsor{
height:34px!important;
padding:0 14px 0 6px!important;
gap:8px!important;
border-radius:999px!important;
font-size:12px!important;
font-weight:950!important;
letter-spacing:.15px!important;
text-transform:uppercase!important;
color:#fff0b6!important;
background:linear-gradient(135deg,#672333 0%,#3b173d 52%,#21102f 100%)!important;
border:1.5px solid #f2b441!important;
box-shadow:0 8px 18px rgba(33,16,47,.20), inset 0 1px 0 rgba(255,236,150,.32), inset 0 -8px 16px rgba(0,0,0,.15)!important;
text-shadow:0 1px 0 rgba(0,0,0,.32)!important;
}
.pg-server-card .pg-card-media .pg-plan-badge.pg-plan-vip::before,
.pg-server-card .pg-card-media .pg-plan-badge.pg-plan-sponsor::before{
content:'♛'!important;
width:24px!important;
height:24px!important;
min-width:24px!important;
margin:0!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
color:#633000!important;
background:radial-gradient(circle at 35% 24%,#fff8bf 0%,#ffd84d 42%,#e79a00 78%,#7c3700 100%)!important;
border:1px solid rgba(255,245,180,.9)!important;
box-shadow:0 3px 7px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.55)!important;
font-size:14px!important;
line-height:1!important;
text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
}
/* Kart grid responsive: masaüstü 3 kolon, tablet 2, mobil 1 */
.pg-server-grid.server-grid-modern{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:20px!important;
overflow:visible!important;
}
.pg-server-card.server-card-modern{min-width:0!important;width:100%!important;max-width:100%!important;}
.pg-server-card.server-card-modern .pg-card-main{display:grid!important;grid-template-columns:86px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;}
.pg-server-card.server-card-modern .pg-card-main h3 a,
.pg-server-card.server-card-modern .pg-card-main p{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:1050px){
.pg-server-grid.server-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
.fb-title-area .server-badge.sponsor.sponsor-lux,
.fb-title-area .server-badge.vip.sponsor-lux{
height:40px!important;
min-height:40px!important;
padding:4px 17px 4px 5px!important;
gap:8px!important;
}
.fb-title-area .sponsor-lux-icon{width:31px!important;height:31px!important;flex-basis:31px!important;}
.fb-title-area .sponsor-lux-icon svg{width:20px!important;height:20px!important;}
.fb-title-area .sponsor-lux-text{font-size:18px!important;}
.pg-server-grid.server-grid-modern{grid-template-columns:1fr!important;gap:16px!important;}
.pg-server-card .pg-card-media .pg-plan-badge.pg-plan-vip,
.pg-server-card .pg-card-media .pg-plan-badge.pg-plan-sponsor{
height:32px!important;
padding:0 12px 0 5px!important;
font-size:11px!important;
}
.pg-server-card .pg-card-media .pg-plan-badge.pg-plan-vip::before,
.pg-server-card .pg-card-media .pg-plan-badge.pg-plan-sponsor::before{
width:22px!important;height:22px!important;min-width:22px!important;font-size:13px!important;
}
.pg-server-card.server-card-modern .pg-card-main{grid-template-columns:76px minmax(0,1fr) auto!important;gap:12px!important;}
}
@media(max-width:420px){
.fb-title-area .sponsor-lux-text{font-size:17px!important;}
.fb-title-area .server-badge.sponsor.sponsor-lux,
.fb-title-area .server-badge.vip.sponsor-lux{max-width:100%!important;}
.pg-server-card.server-card-modern .pg-card-main{grid-template-columns:70px minmax(0,1fr)!important;}
.pg-server-card.server-card-modern .pg-card-main em{grid-column:2!important;justify-self:start!important;margin-top:4px!important;}
}
/* =========================================================
PREMIUM SERVER DIRECTORY — 2026 refresh
Rebuilds filter bar, server add CTA and listing cards.
========================================================= */
.pg-filter-panel-premium{
display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;
padding:20px 24px!important;margin:18px 0 26px!important;border:1px solid #d8e5f7!important;border-radius:24px!important;
background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#f3f8ff 100%)!important;
box-shadow:0 18px 48px rgba(40,82,136,.10)!important;position:relative!important;overflow:hidden!important;
}
.pg-filter-panel-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(37,99,235,.10),transparent 30%);pointer-events:none}
.pg-filter-heading{position:relative;z-index:1;display:flex;align-items:center;gap:13px;white-space:nowrap}
.pg-filter-heading-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#e9f1ff,#f8fbff);color:#1767ef;box-shadow:inset 0 1px 0 #fff}
.pg-filter-heading-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pg-filter-heading b{display:block;color:#0f1f3d;font-size:17px;font-weight:950;letter-spacing:-.02em}
.pg-filter-heading small{display:block;margin-top:4px;color:#8190aa;font-size:12px;font-weight:700}
.pg-filter-buttons-premium{position:relative;z-index:1;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;overflow:auto!important;padding:2px!important;scrollbar-width:none}
.pg-filter-buttons-premium::-webkit-scrollbar{display:none}
.pg-filter-panel-premium .pg-filter-pill{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex:0 0 auto!important;min-height:54px!important;padding:0 16px!important;border:1px solid #d8e4f5!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 16px rgba(31,57,91,.04)!important;color:#14223d!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important;transition:.18s ease!important}
.pg-filter-panel-premium .pg-filter-pill:hover{transform:translateY(-2px)!important;border-color:#aac9ff!important;box-shadow:0 12px 24px rgba(33,91,184,.12)!important}
.pg-filter-panel-premium .pg-filter-pill.active{background:linear-gradient(135deg,#2777f4,#0757df)!important;border-color:#1767ea!important;color:#fff!important;box-shadow:0 12px 22px rgba(21,99,230,.26)!important}
.pg-filter-panel-premium .pg-filter-icon{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;font-size:19px!important;line-height:1!important}
.pg-filter-panel-premium .pg-filter-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pg-filter-panel-premium .pg-filter-pill strong{font-weight:950!important}
.pg-filter-panel-premium .pg-filter-pill em{display:grid!important;place-items:center!important;min-width:25px!important;height:25px!important;padding:0 7px!important;border:0!important;border-radius:999px!important;background:#edf4ff!important;color:#1f65df!important;font-size:12px!important;font-style:normal!important;font-weight:950!important}
.pg-filter-panel-premium .pg-filter-pill.active em{background:rgba(255,255,255,.22)!important;color:#fff!important}
.pg-add-server-cta{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-height:54px;padding:0 16px 0 11px;border-radius:16px;background:linear-gradient(135deg,#1169ef,#0644be);box-shadow:0 13px 24px rgba(8,77,193,.25),inset 0 1px rgba(255,255,255,.25);color:#fff!important;text-decoration:none!important;font-weight:950;white-space:nowrap;transition:.18s ease}
.pg-add-server-cta:hover{transform:translateY(-2px);filter:brightness(1.04);color:#fff!important}
.pg-add-server-cta span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.16)}
.pg-add-server-cta svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pg-add-server-cta i{font-size:25px;font-style:normal;line-height:1;font-weight:400}
.pg-filter-panel-premium .pg-seo-tags{grid-column:1/-1!important;position:relative;z-index:1;margin:0!important;padding-top:15px!important;border-top:1px solid #e6edf8!important}
.pg-section-head-premium{margin-top:10px!important;margin-bottom:15px!important}.pg-section-head-premium>div>span{color:#1767ef!important;font-size:11px!important;font-weight:950!important;letter-spacing:.11em!important}.pg-section-head-premium h2{color:#0e1d38!important;font-size:25px!important}.pg-list-add-link{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:11px 15px!important;border:1px solid #cfe0fb!important;border-radius:12px!important;background:#fff!important;color:#1767ef!important;font-size:13px!important;font-weight:950!important;text-decoration:none!important;box-shadow:0 8px 19px rgba(35,79,143,.07)!important}.pg-list-add-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
.server-grid-modern{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
.pg-server-card-premium{display:grid!important;grid-template-columns:minmax(270px,34%) minmax(0,1fr)!important;min-height:258px!important;overflow:hidden!important;border:1px solid #dce7f5!important;border-radius:24px!important;background:#fff!important;box-shadow:0 18px 42px rgba(36,69,117,.11)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.pg-server-card-premium:hover{transform:translateY(-4px)!important;box-shadow:0 24px 52px rgba(25,75,145,.17)!important}
.pg-server-card-premium .pg-card-media{display:block!important;position:relative!important;min-height:258px!important;height:100%!important;overflow:hidden!important;background:#11244c!important}.pg-server-card-premium .pg-card-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .45s ease!important}.pg-server-card-premium:hover .pg-card-media img{transform:scale(1.05)!important}.pg-card-media-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,51,.1),rgba(7,22,57,.40)),linear-gradient(0deg,rgba(5,15,45,.40),transparent 60%)}
.pg-server-card-premium .pg-plan-badge{position:absolute!important;top:16px!important;left:16px!important;z-index:3!important;padding:8px 11px!important;border-radius:999px!important;font-size:10px!important;letter-spacing:.08em!important;font-weight:950!important;text-transform:uppercase!important;box-shadow:0 7px 17px rgba(0,0,0,.18)!important}
.pg-server-card-premium .pg-card-info{display:flex!important;flex-direction:column!important;min-width:0!important;padding:25px 28px 22px!important;background:linear-gradient(120deg,#fff 0%,#fbfdff 100%)!important}
.pg-server-card-premium .pg-card-main{display:grid!important;grid-template-columns:85px minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;min-width:0!important}.pg-server-card-premium .pg-card-logo{width:85px!important;height:85px!important;display:block!important;padding:5px!important;border:1px solid #d4e1f3!important;border-radius:22px!important;background:#fff!important;box-shadow:0 13px 28px rgba(27,61,109,.16)!important;overflow:hidden!important}.pg-server-card-premium .pg-card-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:17px!important}.pg-server-card-premium h3{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 7px!important;color:#10203e!important;font-size:26px!important;font-weight:950!important;letter-spacing:-.03em!important;line-height:1.05!important}.pg-server-card-premium h3 a{color:inherit!important;text-decoration:none!important}.pg-server-card-premium h3 i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#1767ef;color:#fff;font-size:11px;font-style:normal}.pg-server-card-premium .pg-card-copy p{display:flex;align-items:center;min-width:0;gap:7px;margin:0!important;color:#7786a0!important;font-size:13px!important;font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-server-card-premium .pg-card-copy p b{color:#3b82f6}.pg-game-swords{color:#1767ef;font-size:16px!important}.pg-online-badge{display:flex!important;align-items:center!important;gap:7px!important;align-self:start!important;padding:9px 12px!important;border:1px solid #c4f0d2!important;border-radius:999px!important;background:#ebfbf0!important;color:#138344!important;font-size:12px!important;font-style:normal!important;font-weight:950!important;white-space:nowrap!important}.pg-online-badge i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.pg-card-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) 262px!important;gap:24px!important;align-items:end!important;margin-top:22px!important;padding-top:18px!important;border-top:1px solid #e5edf8!important}.pg-server-card-premium .pg-card-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;align-items:center!important;margin:0!important}.pg-server-card-premium .pg-card-stats>span{display:grid!important;grid-template-columns:43px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;min-width:0!important;padding:0 16px!important;border-right:1px solid #e3ebf6!important;background:transparent!important;border-radius:0!important}.pg-server-card-premium .pg-card-stats>span:first-child{padding-left:0!important}.pg-server-card-premium .pg-card-stats>span:last-child{border:0!important}.pg-server-card-premium .pg-card-stats i{grid-row:1/3;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:12px!important;font-style:normal!important}.pg-server-card-premium .pg-card-stats svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pg-server-card-premium .pg-card-stats small{font-size:10px!important;font-weight:800!important;color:#8391aa!important;line-height:1.1}.pg-server-card-premium .pg-card-stats b{font-size:21px!important;font-weight:950!important;color:#10203e!important;line-height:1.05}.pg-stat-score i{color:#ec9d16;background:#fff7e8!important}.pg-stat-views i{color:#2877e9;background:#eef5ff!important}.pg-stat-votes i{color:#814cf2;background:#f4efff!important}
.pg-server-card-premium .pg-card-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}.pg-server-card-premium .pg-card-actions a{display:grid!important;grid-template-columns:34px minmax(0,1fr) 14px!important;align-items:center!important;gap:9px!important;min-height:49px!important;padding:0 14px!important;border-radius:14px!important;text-decoration:none!important;font-size:14px!important;font-weight:950!important;transition:.18s ease!important}.pg-server-card-premium .pg-card-actions a i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-style:normal}.pg-server-card-premium .pg-card-actions a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pg-server-card-premium .pg-card-actions a b{font-size:23px;line-height:1;font-weight:400}.pg-detail-action{border:1px solid #d6e3f5!important;background:#f8fbff!important;color:#19304f!important}.pg-detail-action i{background:#e4efff!important;color:#1767ef!important}.pg-detail-action:hover{border-color:#aacaFF!important;background:#f0f6ff!important;color:#1767ef!important}.pg-site-action{background:linear-gradient(135deg,#176cf0,#0c4ed0)!important;color:#fff!important;box-shadow:0 10px 18px rgba(16,88,210,.22)!important}.pg-site-action i{background:rgba(255,255,255,.18)!important;color:#fff!important}.pg-site-action:hover{transform:translateY(-2px)!important;color:#fff!important;filter:brightness(1.05)!important}
@media(max-width:1020px){.pg-filter-panel-premium{grid-template-columns:1fr auto!important}.pg-filter-buttons-premium{grid-column:1/-1;grid-row:2}.pg-filter-panel-premium .pg-seo-tags{display:none!important}.pg-server-card-premium{grid-template-columns:280px minmax(0,1fr)!important}.pg-card-bottom{grid-template-columns:1fr 230px!important}.pg-server-card-premium .pg-card-info{padding:22px!important}.pg-server-card-premium .pg-card-main{grid-template-columns:72px minmax(0,1fr)!important}.pg-server-card-premium .pg-card-logo{width:72px!important;height:72px!important}.pg-online-badge{grid-column:2;justify-self:start;margin-top:4px}.pg-server-card-premium .pg-card-main{align-items:start!important}.pg-server-card-premium h3{font-size:23px!important}}
@media(max-width:700px){.pg-filter-panel-premium{display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;padding:16px!important;gap:14px!important;border-radius:19px!important}.pg-filter-heading{width:100%}.pg-filter-heading-icon{width:43px;height:43px}.pg-filter-heading b{font-size:15px}.pg-add-server-cta{flex:1;justify-content:center;order:3}.pg-filter-buttons-premium{width:100%;order:2}.pg-filter-panel-premium .pg-filter-pill{min-height:47px!important;padding:0 13px!important;font-size:12px!important}.pg-filter-panel-premium .pg-filter-pill em{height:22px!important;min-width:22px!important}.pg-section-head-premium h2{font-size:20px!important}.pg-list-add-link{display:none!important}.pg-server-card-premium{grid-template-columns:1fr!important;min-height:0!important;border-radius:19px!important}.pg-server-card-premium .pg-card-media{min-height:150px!important;height:150px!important}.pg-server-card-premium .pg-card-info{padding:0 16px 16px!important}.pg-server-card-premium .pg-card-main{grid-template-columns:67px minmax(0,1fr)!important;gap:12px!important;margin-top:-33px!important;position:relative!important;z-index:2!important}.pg-server-card-premium .pg-card-logo{width:67px!important;height:67px!important;border-radius:18px!important}.pg-server-card-premium h3{font-size:20px!important;margin-top:38px!important}.pg-server-card-premium .pg-card-copy p{font-size:11px!important}.pg-online-badge{grid-column:1/-1!important;justify-self:start!important;margin:10px 0 0!important;padding:7px 10px!important;font-size:11px!important}.pg-card-bottom{display:block!important;margin-top:13px!important;padding-top:14px!important}.pg-server-card-premium .pg-card-stats{margin-bottom:15px!important}.pg-server-card-premium .pg-card-stats>span{grid-template-columns:34px minmax(0,1fr)!important;padding:0 8px!important}.pg-server-card-premium .pg-card-stats>span:first-child{padding-left:0!important}.pg-server-card-premium .pg-card-stats i{width:32px!important;height:32px!important;border-radius:10px!important}.pg-server-card-premium .pg-card-stats svg{width:16px!important;height:16px!important}.pg-server-card-premium .pg-card-stats small{font-size:8.5px!important}.pg-server-card-premium .pg-card-stats b{font-size:17px!important}.pg-server-card-premium .pg-card-actions{grid-template-columns:1fr 1fr!important}.pg-server-card-premium .pg-card-actions a{grid-template-columns:27px minmax(0,1fr)!important;min-height:43px!important;padding:0 10px!important;font-size:11px!important}.pg-server-card-premium .pg-card-actions a i{width:26px;height:26px}.pg-server-card-premium .pg-card-actions a svg{width:15px;height:15px}.pg-server-card-premium .pg-card-actions a b{display:none}}
/* 20260620: premium kart katman düzeltmesi - banner gölgesi rozet gibi görünmesin */
.pg-server-card-premium .pg-card-media .pg-card-media-shade{
position:absolute!important;
inset:0!important;
top:0!important;
right:0!important;
bottom:0!important;
left:0!important;
z-index:1!important;
display:block!important;
width:auto!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:linear-gradient(90deg,rgba(5,18,51,.10),rgba(7,22,57,.42)),linear-gradient(0deg,rgba(5,15,45,.46),transparent 62%)!important;
box-shadow:none!important;
color:transparent!important;
font-size:0!important;
line-height:0!important;
pointer-events:none!important;
}
.pg-server-card-premium .pg-card-media .pg-plan-badge{
z-index:3!important;
}
.pg-server-card-premium .pg-card-media img{
z-index:0!important;
}
/* Büyük ekran kartları tasarımdaki gibi tek satır, geniş liste olarak kalsın */
.pg-server-grid.server-grid-modern{
display:grid!important;
grid-template-columns:1fr!important;
gap:18px!important;
}
/* Logo alanı yanlış eski selectorlardan etkilenmesin */
.pg-server-card-premium .pg-card-main > .pg-card-logo{
position:relative!important;
z-index:4!important;
margin:0!important;
transform:none!important;
}
.pg-server-card-premium .pg-card-main > .pg-card-logo img{
position:static!important;
inset:auto!important;
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
border:0!important;
border-radius:17px!important;
padding:0!important;
background:transparent!important;
box-shadow:none!important;
}
/* 20260620: Yönetilebilir profesyonel footer */
.site-footer-pro{position:relative;overflow:hidden;margin-top:64px;background:linear-gradient(145deg,#0a1733 0%,#0e2552 52%,#08205a 100%);color:#eaf2ff;border-top:1px solid rgba(150,190,255,.22);box-shadow:0 -18px 40px rgba(19,47,101,.1)}
.site-footer-pro:before,.site-footer-pro:after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(1px)}
.site-footer-pro:before{width:420px;height:420px;right:-180px;top:-240px;background:radial-gradient(circle,rgba(44,117,255,.27),transparent 67%)}
.site-footer-pro:after{width:360px;height:360px;left:-190px;bottom:-245px;background:radial-gradient(circle,rgba(34,211,238,.13),transparent 68%)}
.footer-top-glow{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,black,transparent 85%);opacity:.3;pointer-events:none}
.footer-wrap{position:relative;z-index:1;max-width:1500px;margin:0 auto;padding:52px 28px 38px;display:grid;grid-template-columns:1.35fr .85fr 1.05fr 1.1fr;gap:32px}
.footer-brand{padding-right:14px}.footer-brand-name{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:22px;font-weight:950;letter-spacing:-.035em}.footer-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#55a5ff,#1264ec);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 9px 20px rgba(0,71,205,.38);font-family:Arial,sans-serif}.footer-brand p{max-width:360px;margin:16px 0 20px;color:#b9c8e2;font-size:13px;line-height:1.75}.footer-add-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(154,199,255,.4);border-radius:13px;background:rgba(38,105,230,.2);color:#fff;text-decoration:none;font-size:13px;font-weight:900;transition:.2s}.footer-add-btn span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#4f9cff;font-size:17px;line-height:1}.footer-add-btn:hover{transform:translateY(-2px);background:#176cf0;color:#fff;border-color:#58a3ff}
.footer-col h3{margin:4px 0 15px;color:#fff;font-size:14px;font-weight:950;letter-spacing:.01em}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{border-bottom:1px solid rgba(173,205,255,.12)}.footer-col li:last-child{border-bottom:0}.footer-col li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;color:#bdcce7;text-decoration:none;font-size:13px;font-weight:700;transition:.18s}.footer-col li a b{font-size:18px;font-weight:500;color:#6baaff;opacity:0;transform:translateX(-5px);transition:.18s}.footer-col li a:hover{color:#fff}.footer-col li a:hover b{opacity:1;transform:translateX(0)}
.footer-contact-list{display:grid;gap:9px}.footer-contact-list>a{display:flex;align-items:center;gap:10px;min-height:45px;padding:7px 9px;border:1px solid rgba(151,193,255,.16);border-radius:12px;background:rgba(255,255,255,.035);color:#ebf3ff;text-decoration:none;transition:.18s}.footer-contact-list>a:hover{border-color:rgba(128,186,255,.55);background:rgba(55,129,255,.15);transform:translateY(-1px)}.footer-contact-list i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(64,144,255,.22);color:#9ed0ff;font-style:normal;font-size:15px}.footer-contact-list span{display:grid;gap:2px;min-width:0;font-size:12px;font-weight:850;overflow-wrap:anywhere}.footer-contact-list small{color:#89a4cc;font-size:10px;font-weight:700}.footer-empty-contact{margin:0;color:#9caecc;font-size:12px;line-height:1.6}
.footer-seo-wrap{position:relative;z-index:1;max-width:1500px;margin:0 auto;padding:0 28px}.footer-seo-copy{padding:20px 22px;border:1px solid rgba(159,197,255,.16);border-radius:16px;background:rgba(1,13,39,.26)}.footer-seo-copy b{display:block;margin-bottom:7px;color:#fff;font-size:13px}.footer-seo-copy p{margin:0;color:#b6c6e1;font-size:12.5px;line-height:1.75}
.footer-bottom{position:relative;z-index:1;max-width:1500px;margin:26px auto 0;padding:20px 28px 24px;border-top:1px solid rgba(173,205,255,.14);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#94a9c8;font-size:12px;font-weight:700}.footer-bottom>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.footer-bottom em{font-style:normal;color:#4e75b3}.footer-bottom>a{color:#badaff;text-decoration:none;font-weight:900}.footer-bottom>a:hover{color:#fff}
.footer-manager-form{display:grid;gap:24px}.footer-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer-manager-form section{padding:20px;border:1px solid #e2eaf7;border-radius:16px;background:#fbfdff}.footer-manager-form h2{margin:0 0 14px;font-size:18px}.footer-manager-form label{display:grid;gap:7px;margin:0 0 13px;font-size:13px;font-weight:850;color:#172a4a}.footer-manager-form input,.footer-manager-form textarea{width:100%;box-sizing:border-box;border:1px solid #d5e2f5;border-radius:10px;background:#fff;color:#182b4b;padding:11px 12px;font:inherit;font-weight:600;outline:none}.footer-manager-form textarea{resize:vertical;line-height:1.55}.footer-manager-form input:focus,.footer-manager-form textarea:focus{border-color:#2575eb;box-shadow:0 0 0 3px rgba(37,117,235,.11)}.footer-manager-form .muted{margin:-3px 0 12px;font-size:12px;line-height:1.55}.footer-manager-form code{padding:2px 5px;border-radius:5px;background:#edf4ff;color:#1959b8}.footer-manager-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:900px){.footer-wrap{grid-template-columns:1.2fr 1fr;gap:28px}.footer-contact{grid-column:1/-1}.footer-manager-grid{grid-template-columns:1fr}.footer-link-grid{grid-template-columns:1fr}}
@media(max-width:600px){.site-footer-pro{margin-top:42px}.footer-wrap{padding:35px 18px 25px;grid-template-columns:1fr;gap:24px}.footer-brand{padding:0}.footer-contact{grid-column:auto}.footer-seo-wrap{padding:0 18px}.footer-seo-copy{padding:17px}.footer-bottom{margin-top:20px;padding:17px 18px 20px;align-items:flex-start;flex-direction:column}.footer-manager-form section{padding:15px}}
/* 20260701: Profil detayları ve sosyal bağlantılar - modern kart görünümü */
.fb-social-profile .profile-details-card,.fb-social-profile .profile-links-card{padding:18px!important;border:1px solid #dce7f7!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(31,70,126,.08)!important;background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)!important;overflow:hidden}
.fb-social-profile .profile-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.fb-social-profile .profile-box-head>div>span{display:block;color:#3778d5;font-size:10px;font-weight:950;letter-spacing:.12em;line-height:1;text-transform:uppercase}
.fb-social-profile .profile-box-head h2{margin:5px 0 0!important;color:#102142!important;font-size:23px!important;letter-spacing:-.03em}
.fb-social-profile .profile-head-orb{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#e5f0ff,#edf7ff);color:#2475db;font-style:normal;font-size:17px;box-shadow:inset 0 1px 0 #fff}
.fb-social-profile .profile-detail-grid{display:grid;gap:9px}
.fb-social-profile .profile-detail-item{display:flex;align-items:center;gap:11px;min-height:49px;padding:8px 10px;border:1px solid #e6edf7;border-radius:13px;background:#fff;transition:.18s ease}
.fb-social-profile .profile-detail-item:hover{transform:translateX(2px);border-color:#cddff7;box-shadow:0 8px 17px rgba(37,87,157,.08)}
.fb-social-profile .profile-detail-item>span{display:block;min-width:0;color:#62718a;font-size:12px;font-weight:800;line-height:1.15}
.fb-social-profile .profile-detail-item b{color:#102142;font-size:15px;font-weight:950}
.fb-social-profile .detail-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px}
.fb-social-profile .detail-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fb-social-profile .detail-users{color:#2563eb;background:#e8f1ff}.fb-social-profile .detail-server{color:#0f8b72;background:#e6fbf5}.fb-social-profile .detail-votes{color:#c57d00;background:#fff6d8}.fb-social-profile .detail-top{color:#aa4a08;background:#fff0e4}.fb-social-profile .detail-date{color:#7256cc;background:#f0edff}
.fb-social-profile .profile-social-links{display:grid;gap:9px}
.fb-social-profile .profile-social-link{display:grid;grid-template-columns:34px minmax(0,1fr) 17px;align-items:center;gap:10px;min-height:49px;padding:7px 10px;border:1px solid #e5ebf4;border-radius:13px;background:#fff;color:#172743!important;text-decoration:none!important;font-size:13px;font-weight:900;transition:.18s ease}
.fb-social-profile .profile-social-link:hover{transform:translateY(-1px);border-color:#cbdcf3;box-shadow:0 10px 21px rgba(32,74,137,.10)}
.fb-social-profile .profile-social-link i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;font-size:17px;font-style:normal;font-weight:950}.fb-social-profile .profile-social-link b{color:#95a5bc;font-size:15px;text-align:right}
.fb-social-profile .social-web i{background:linear-gradient(135deg,#1788e5,#1867d4)}.fb-social-profile .social-discord i{background:linear-gradient(135deg,#7787f7,#5865f2)}.fb-social-profile .social-instagram i{background:linear-gradient(135deg,#8f39d9,#e54979,#f3a33b)}.fb-social-profile .social-facebook i{background:linear-gradient(135deg,#287be4,#1466c9)}.fb-social-profile .social-youtube i{background:linear-gradient(135deg,#ff3b3b,#dc1b1b)}
.profile-social-fieldset{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:6px 0 4px;padding:16px;border:1px solid #dce8f8;border-radius:14px;background:#f8fbff}.profile-social-fieldset legend{padding:0 7px;color:#172d50;font-size:14px;font-weight:950}.profile-social-fieldset>p{grid-column:1/-1;margin:0;color:#64748b;font-size:12px;line-height:1.5}.profile-social-fieldset>p b{color:#2876dd}.profile-social-fieldset label{margin:0!important}.profile-social-fieldset label:first-of-type{grid-column:1/-1}
@media(max-width:650px){.profile-social-fieldset{grid-template-columns:1fr;padding:13px}.profile-social-fieldset label:first-of-type{grid-column:auto}.fb-social-profile .profile-details-card,.fb-social-profile .profile-links-card{padding:15px!important}.fb-social-profile .profile-box-head h2{font-size:21px!important}}
/* Server detay açıklaması: hiçbir ekranda karakter/satır sınırı uygulanmaz. */
.server-full-description{
display:block !important;
height:auto !important;
max-height:none !important;
min-height:0 !important;
overflow:visible !important;
white-space:normal !important;
-webkit-line-clamp:unset !important;
-webkit-box-orient:initial !important;
word-break:break-word;
}
.server-full-description p:last-child,
.server-full-description ul:last-child,
.server-full-description ol:last-child,
.server-full-description blockquote:last-child{margin-bottom:0}
.server-full-description pre{max-width:100%;overflow:auto;white-space:pre-wrap}
/* 20260701: Profil sosyal bağlantıları - kayıt ve görünüm düzeltmesi */
.profile-social-fieldset input{min-width:0}
.server-owner-card{padding:18px!important;border:1px solid #dce7f7!important;border-radius:16px!important;background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)!important;box-shadow:0 12px 28px rgba(31,70,126,.08)!important}
.server-owner-card .profile-box-head{display:flex;justify-content:space-between;margin-bottom:10px}.server-owner-card .profile-box-head span{display:block;color:#3778d5;font-size:10px;font-weight:950;letter-spacing:.12em}.server-owner-card .profile-box-head h2{margin:5px 0 0;color:#102142;font-size:21px}.server-owner-bio{margin:0 0 12px;color:#64748b;font-size:13px;line-height:1.6}.server-owner-profile-link{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;padding:10px 12px;border:1px solid #dce8f8;border-radius:11px;background:#fff;color:#1d6fdc!important;text-decoration:none!important;font-size:13px;font-weight:900}.server-owner-profile-link:hover{background:#f1f7ff}.server-owner-social-links{margin-top:10px}.server-owner-card .profile-social-links{display:grid;gap:8px}.server-owner-card .profile-social-link{display:grid;grid-template-columns:32px minmax(0,1fr) 17px;align-items:center;gap:9px;min-height:44px;padding:6px 9px;border:1px solid #e5ebf4;border-radius:12px;background:#fff;color:#172743!important;text-decoration:none!important;font-size:12px;font-weight:900}.server-owner-card .profile-social-link i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;font-size:16px;font-style:normal;font-weight:950}.server-owner-card .social-web i{background:linear-gradient(135deg,#1788e5,#1867d4)}.server-owner-card .social-discord i{background:linear-gradient(135deg,#7787f7,#5865f2)}.server-owner-card .social-instagram i{background:linear-gradient(135deg,#8f39d9,#e54979,#f3a33b)}.server-owner-card .social-facebook i{background:linear-gradient(135deg,#287be4,#1466c9)}.server-owner-card .social-youtube i{background:linear-gradient(135deg,#ff3b3b,#dc1b1b)}
/* 20260703: Profil detay ve sosyal butonlar - daha profesyonel ikon stili */
.fb-social-profile .profile-details-card,
.fb-social-profile .profile-links-card{
padding:20px !important;
border:1px solid #d8e4f7 !important;
border-radius:20px !important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
box-shadow:0 16px 36px rgba(31,70,126,.10) !important;
}
.fb-social-profile .profile-box-head{margin-bottom:16px}
.fb-social-profile .profile-box-head h2{font-size:24px !important}
.fb-social-profile .profile-head-orb{
width:38px;
height:38px;
border-radius:14px;
background:linear-gradient(135deg,#edf5ff,#dcecff);
color:#3178dc;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 16px rgba(65,120,201,.13);
}
.fb-social-profile .profile-detail-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.fb-social-profile .profile-detail-item{
position:relative;
display:flex;
align-items:center;
gap:13px;
min-height:88px;
padding:14px;
border:1px solid #e4edf9;
border-radius:18px;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
box-shadow:0 12px 24px rgba(52,94,151,.06);
overflow:hidden;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.fb-social-profile .profile-detail-item::after{
content:"";
position:absolute;
inset:auto -30px -35px auto;
width:90px;
height:90px;
border-radius:50%;
background:radial-gradient(circle,rgba(92,142,228,.08),rgba(92,142,228,0) 68%);
pointer-events:none;
}
.fb-social-profile .profile-detail-item:hover{
transform:translateY(-2px);
border-color:#cfdff5;
box-shadow:0 18px 30px rgba(40,82,140,.10);
}
.fb-social-profile .profile-detail-joined{grid-column:1 / -1;min-height:78px}
.fb-social-profile .profile-detail-item .detail-copy{
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
}
.fb-social-profile .profile-detail-item .detail-copy b{
display:block;
color:#0f2347;
font-size:26px;
font-weight:1000;
line-height:1;
letter-spacing:-.03em;
}
.fb-social-profile .profile-detail-item .detail-copy small{
display:block;
color:#61728f;
font-size:12px;
font-weight:900;
line-height:1.2;
}
.fb-social-profile .detail-icon{
position:relative;
display:grid;
place-items:center;
flex:0 0 46px;
width:46px;
height:46px;
border-radius:50%;
color:#fff;
box-shadow:0 10px 18px rgba(43,92,153,.18),inset 0 1px 0 rgba(255,255,255,.3);
}
.fb-social-profile .detail-icon::before,
.fb-social-profile .profile-social-link i::before{
content:"";
position:absolute;
top:4px;
left:7px;
right:7px;
height:38%;
border-radius:999px;
background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));
pointer-events:none;
}
.fb-social-profile .detail-icon svg{
position:relative;
z-index:1;
width:21px;
height:21px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.fb-social-profile .detail-users{background:linear-gradient(180deg,#4f92ff,#2168f0)}
.fb-social-profile .detail-server{background:linear-gradient(180deg,#34d49a,#12986c)}
.fb-social-profile .detail-votes{background:linear-gradient(180deg,#ffc84c,#f0a310)}
.fb-social-profile .detail-top{background:linear-gradient(180deg,#ff9968,#e26d23)}
.fb-social-profile .detail-date{background:linear-gradient(180deg,#a28bff,#765af3)}
.fb-social-profile .profile-social-links{display:grid;gap:11px}
.fb-social-profile .profile-social-link{
display:grid;
grid-template-columns:48px minmax(0,1fr) 34px;
align-items:center;
gap:12px;
min-height:68px;
padding:10px 12px;
border:1px solid #e4edf8;
border-radius:18px;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
box-shadow:0 12px 24px rgba(52,94,151,.06);
color:#112446 !important;
text-decoration:none !important;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.fb-social-profile .profile-social-link:hover{
transform:translateY(-2px);
border-color:#ccdcf4;
box-shadow:0 18px 30px rgba(40,82,140,.10);
}
.fb-social-profile .profile-social-link i{
position:relative;
display:grid;
place-items:center;
width:46px;
height:46px;
border-radius:50%;
color:#fff;
box-shadow:0 12px 20px rgba(40,82,140,.16),inset 0 1px 0 rgba(255,255,255,.28);
overflow:hidden;
}
.fb-social-profile .profile-social-link i svg,
.fb-social-profile .profile-social-link b svg{
width:22px;
height:22px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.fb-social-profile .profile-social-link span{
display:flex;
flex-direction:column;
gap:3px;
min-width:0;
}
.fb-social-profile .profile-social-link span strong{
display:block;
color:#102142;
font-size:17px;
font-weight:950;
line-height:1.05;
}
.fb-social-profile .profile-social-link span small{
display:block;
color:#6a7a95;
font-size:12px;
font-weight:800;
line-height:1.2;
}
.fb-social-profile .profile-social-link b{
display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:50%;
background:#f2f6fd;
color:#95a5bf;
justify-self:end;
transition:background .18s ease,color .18s ease,transform .18s ease;
}
.fb-social-profile .profile-social-link:hover b{
background:#eaf2ff;
color:#2b6fe0;
transform:translateX(2px);
}
.fb-social-profile .social-web i{background:linear-gradient(180deg,#2d8fff,#116adf)}
.fb-social-profile .social-discord i{background:linear-gradient(180deg,#837bff,#5865f2)}
.fb-social-profile .social-instagram i{background:linear-gradient(180deg,#ffb84d 0%,#ff4d85 48%,#8a5cff 100%)}
.fb-social-profile .social-facebook i{background:linear-gradient(180deg,#2f8cff,#0f65d7)}
.fb-social-profile .social-youtube i{background:linear-gradient(180deg,#ff3d3d,#df1f1f)}
@media(max-width:900px){
.fb-social-profile .profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
.fb-social-profile .profile-details-card,
.fb-social-profile .profile-links-card{padding:16px !important;border-radius:18px !important}
.fb-social-profile .profile-detail-grid{grid-template-columns:1fr}
.fb-social-profile .profile-detail-joined{grid-column:auto}
.fb-social-profile .profile-detail-item{min-height:80px;padding:13px}
.fb-social-profile .profile-detail-item .detail-copy b{font-size:24px}
.fb-social-profile .profile-social-link{grid-template-columns:46px minmax(0,1fr) 30px;min-height:64px;padding:10px}
.fb-social-profile .profile-social-link span strong{font-size:16px}
.fb-social-profile .profile-social-link span small{font-size:11px}
}
/* 20260703b: Kullanıcının gönderdiği gerçek sosyal ikon seti */
.fb-social-profile .profile-social-link.social-discord i,
.fb-social-profile .profile-social-link.social-instagram i,
.fb-social-profile .profile-social-link.social-facebook i,
.fb-social-profile .profile-social-link.social-youtube i{
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
.fb-social-profile .profile-social-link.social-discord i::before,
.fb-social-profile .profile-social-link.social-instagram i::before,
.fb-social-profile .profile-social-link.social-facebook i::before,
.fb-social-profile .profile-social-link.social-youtube i::before{display:none !important}
.fb-social-profile .profile-social-link i img{
display:block;
width:58px;
height:58px;
max-width:none;
object-fit:contain;
filter:drop-shadow(0 8px 7px rgba(25,48,94,.13));
}
/* İstatistik ikonları da örnekteki gibi daha tok, yuvarlak ve parlak olur. */
.fb-social-profile .detail-icon{
border:1px solid rgba(255,255,255,.28);
box-shadow:0 9px 15px rgba(25,50,100,.20), inset 0 1px 0 rgba(255,255,255,.52), inset 0 -6px 12px rgba(0,0,0,.10);
}
.fb-social-profile .detail-icon::before{top:3px;left:6px;right:6px;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0))}
/* 20260703c: Profil alanı ölçü dengesi - web ikonunu diğer sosyal ikonlarla eşitle */
.fb-social-profile .profile-details-card .profile-box-head,
.fb-social-profile .profile-links-card .profile-box-head{
margin-bottom:12px !important;
}
.fb-social-profile .profile-details-card .profile-box-head>div>span,
.fb-social-profile .profile-links-card .profile-box-head>div>span{
font-size:9px !important;
letter-spacing:.11em !important;
}
.fb-social-profile .profile-details-card .profile-box-head h2,
.fb-social-profile .profile-links-card .profile-box-head h2{
margin-top:4px !important;
font-size:20px !important;
line-height:1.05 !important;
}
.fb-social-profile .profile-details-card .profile-head-orb{
width:32px !important;
height:32px !important;
border-radius:11px !important;
font-size:15px !important;
}
/* Website SVG'si diğer PNG ikonlar ile aynı görsel çapa iner. */
.fb-social-profile .profile-social-link.social-web i{
width:40px !important;
height:40px !important;
margin:3px !important;
border-radius:50% !important;
box-shadow:0 8px 14px rgba(31,89,190,.16),inset 0 1px 0 rgba(255,255,255,.30) !important;
}
.fb-social-profile .profile-social-link.social-web i::before{
top:3px !important;
left:6px !important;
right:6px !important;
height:38% !important;
}
.fb-social-profile .profile-social-link.social-web i svg{
width:19px !important;
height:19px !important;
}
/* Gerçek sosyal ikonların görünen çapı ile website görsel çapı eşit dursun. */
.fb-social-profile .profile-social-link.social-discord i img,
.fb-social-profile .profile-social-link.social-instagram i img,
.fb-social-profile .profile-social-link.social-facebook i img,
.fb-social-profile .profile-social-link.social-youtube i img{
width:52px !important;
height:52px !important;
}
@media(max-width:640px){
.fb-social-profile .profile-details-card .profile-box-head h2,
.fb-social-profile .profile-links-card .profile-box-head h2{
font-size:19px !important;
}
.fb-social-profile .profile-social-link.social-web i{
width:39px !important;
height:39px !important;
}
.fb-social-profile .profile-social-link.social-discord i img,
.fb-social-profile .profile-social-link.social-instagram i img,
.fb-social-profile .profile-social-link.social-facebook i img,
.fb-social-profile .profile-social-link.social-youtube i img{
width:49px !important;
height:49px !important;
}
}
/* 20260704: Knight SEO rehber alanı .pg-benefits kart kurallarından ayrıldı */
.pg-benefits.knight-seo-copy{
display:block!important;
width:100%!important;
margin-top:20px!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.pg-benefits.knight-seo-copy .knight-seo-copy-inner{
display:block!important;
width:100%!important;
box-sizing:border-box!important;
padding:34px 38px!important;
border:1px solid #d8e5f7!important;
border-radius:18px!important;
background:linear-gradient(135deg,#ffffff 0%,#f3f8ff 100%)!important;
box-shadow:0 14px 32px rgba(34,76,138,.08)!important;
}
.pg-benefits.knight-seo-copy .knight-seo-copy-inner>span{
display:inline-flex!important;
width:auto!important;
height:auto!important;
padding:7px 11px!important;
margin:0 0 12px!important;
border-radius:999px!important;
background:#e8f1ff!important;
color:#1767ef!important;
font-size:11px!important;
font-weight:900!important;
letter-spacing:.08em!important;
line-height:1!important;
}
.pg-benefits.knight-seo-copy .knight-seo-copy-inner h2{
display:block!important;
max-width:760px!important;
margin:0 0 12px!important;
color:#10203e!important;
font-size:28px!important;
font-weight:950!important;
line-height:1.16!important;
letter-spacing:-.025em!important;
}
.pg-benefits.knight-seo-copy .knight-seo-copy-inner p{
display:block!important;
max-width:920px!important;
margin:0!important;
color:#52627a!important;
font-size:15px!important;
font-weight:600!important;
line-height:1.7!important;
}
@media(max-width:760px){
.pg-benefits.knight-seo-copy{margin-top:16px!important;}
.pg-benefits.knight-seo-copy .knight-seo-copy-inner{padding:23px 19px!important;border-radius:16px!important;}
.pg-benefits.knight-seo-copy .knight-seo-copy-inner h2{font-size:22px!important;line-height:1.2!important;}
.pg-benefits.knight-seo-copy .knight-seo-copy-inner p{font-size:13.5px!important;line-height:1.62!important;}
}
/* 20260704: Knight server ekleme formu - yalnızca gerekli alanlarla dengeli 3 sütun */
.pro-form > input,
.pro-form > .knight-only{
min-width:0;
}
.pro-form > .knight-only > input{height:100%;}
.knight-fixed-game{display:none!important;}
@media(min-width:901px){
.pro-form > input[name="title"],
.pro-form > input[name="website_url"],
.pro-form > input[name="server_type_text"],
.pro-form > input[name="version_text"],
.pro-form > input[name="max_level"],
.pro-form > .knight-only{grid-column:auto!important;}
}
/* 20260704 final: server profil sadeleştirme ve gerçek sosyal ikonlar */
.fb-profile-page .fb-title-area > p{display:none!important}
.fb-profile-page .fb-follow-line{margin-top:10px!important}
.fb-profile-page .fb-tab-socials{display:flex;align-items:center;gap:7px;margin-left:5px;padding-left:10px;border-left:1px solid #e5e7eb}
.fb-profile-page .fb-tab-social{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:1px solid #dbe3ee!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 9px rgba(26,49,91,.08)!important;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.fb-profile-page .fb-tab-social:hover{transform:translateY(-2px)!important;border-color:#afc7ec!important;box-shadow:0 8px 18px rgba(26,76,150,.16)!important;background:#fff!important}
.fb-profile-page .fb-tab-social img{display:block;width:26px;height:26px;object-fit:contain}
.fb-profile-page .server-owner-card{padding:15px!important}
.fb-profile-page .server-owner-card .profile-box-head{margin-bottom:10px!important}
.fb-profile-page .server-owner-card .server-owner-profile-link{margin:0!important}
.fb-profile-page .fb-about-full{overflow:visible!important;min-height:0!important;height:auto!important}
.fb-profile-page .fb-about-full .server-full-description{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;word-break:break-word!important}
.fb-profile-page .fb-about-full .server-full-description *{max-height:none!important;overflow:visible!important}
/* Ana sayfa sponsor alanında sadece kısa tanıtım gösterilir. */
.pg-sponsor-body h2{display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-bottom:9px!important}
.pg-sponsor-body p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-width:520px!important}
.pg-sponsor-hero{min-height:330px!important}
/* Server kartlarındaki bilgi/butonlar daha dengeli, gerçek ürün arayüzü hissinde. */
.pg-server-card-premium .pg-card-copy p{display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.pg-server-card-premium .pg-card-action,.pg-server-card-premium .pg-card-actions a{border-radius:12px!important;box-shadow:0 5px 14px rgba(27,78,150,.12)!important}
@media(max-width:760px){
.fb-profile-page .fb-tab-socials{margin-left:2px;padding-left:7px;gap:5px}
.fb-profile-page .fb-tab-social{width:31px!important;height:31px!important;min-width:31px!important;border-radius:9px!important}
.fb-profile-page .fb-tab-social img{width:24px;height:24px}
.pg-sponsor-body h2{-webkit-line-clamp:2!important}
}
/* 20260704: Hakkında metni eksiksiz gösterilir, gereksiz sahip kartı kaldırıldı. */
.fb-profile-page .fb-about-full,
.fb-profile-page .fb-about-full .server-full-description,
.fb-profile-page .fb-about-full .server-full-description *{
display:block !important;
height:auto !important;
max-height:none !important;
min-height:0 !important;
overflow:visible !important;
-webkit-line-clamp:unset !important;
white-space:normal !important;
}
.fb-profile-page .fb-about-full .server-full-description br{display:block!important;content:""!important;margin:0!important;}
.fb-profile-page .fb-about-full .server-full-description p,
.fb-profile-page .fb-about-full .server-full-description ul,
.fb-profile-page .fb-about-full .server-full-description ol,
.fb-profile-page .fb-about-full .server-full-description blockquote{max-width:100%!important;overflow:visible!important;}
.fb-profile-page .server-owner-card{display:none!important;}
/* 2026-07-04: Knight banner standart görünüm
Profil kapak görseli tam boy kalır. Ana sayfa/kategori listelerinde ise banner kesilmez. */
.pg-server-card-premium .pg-card-media,
.server-card-modern .server-card-media,
.calendar-card,
.server-mini{
background:linear-gradient(135deg,#071630,#102b5a)!important;
}
/* Ana sayfa ve kategori liste kartlarında bannerı kesmeden, tamamını göster. */
.pg-server-card-premium .pg-card-media img,
.server-card-modern .server-card-media img,
.calendar-card img,
.server-mini img{
object-fit:contain!important;
object-position:center center!important;
transform:none!important;
}
/* Kart hover'ında banner yakınlaşmasın; logo/yazı kenarlardan kesilmesin. */
.pg-server-card-premium:hover .pg-card-media img,
.server-card-modern:hover .server-card-media img{
transform:none!important;
}
/* Kart banner alanını 1920x640 (3:1) standardına göre dengeli tut. */
@media (min-width:701px){
.server-card-modern.card .server-card-media,
.server-card-modern .card-image{
aspect-ratio:3 / 1!important;
height:auto!important;
min-height:0!important;
}
}
.banner-upload-note{display:block;margin:5px 0 7px;color:#64748b;font-size:12px;line-height:1.45;font-weight:700}
/* 2026-07-04: Açılış takvimi - koyu kartlarda okunabilirlik ve kısa açıklama düzeltmesi */
.calendar-list{display:grid!important;gap:16px!important;margin-top:22px!important}
.calendar-card{
display:grid!important;
grid-template-columns:190px minmax(0,1fr) auto!important;
align-items:center!important;
gap:18px!important;
min-height:146px!important;
padding:16px!important;
overflow:hidden!important;
color:#fff!important;
background:linear-gradient(135deg,#071a38 0%,#0a2855 58%,#123a78 100%)!important;
border:1px solid rgba(126,170,238,.28)!important;
border-radius:22px!important;
box-shadow:0 12px 28px rgba(12,35,77,.15)!important;
}
.calendar-card.is-active{border-left:4px solid #2fc86b!important}
.calendar-card.is-upcoming{border-left:4px solid #9b6cff!important}
.calendar-card .calendar-media{display:block!important;width:190px!important;height:102px!important;overflow:hidden!important;border-radius:15px!important;background:#06142b!important;border:1px solid rgba(255,255,255,.18)!important}
.calendar-card .calendar-media img,
.calendar-card>img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
background:#071630!important;
border:0!important;
border-radius:14px!important;
}
.calendar-card .calendar-content{min-width:0!important}
.calendar-card .calendar-title-row{display:flex!important;align-items:center!important;margin:0 0 5px!important}
.calendar-card h2,
.calendar-card h2 a{
display:block!important;
margin:0!important;
color:#fff!important;
font-size:24px!important;
font-weight:950!important;
line-height:1.15!important;
letter-spacing:-.025em!important;
text-decoration:none!important;
}
.calendar-card h2 a:hover{color:#8fc4ff!important}
.calendar-card .calendar-description,
.calendar-card p{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
max-width:860px!important;
margin:7px 0 11px!important;
color:#cbd8ed!important;
font-size:14px!important;
font-weight:650!important;
line-height:1.5!important;
}
.calendar-card .calendar-meta{margin:0!important;gap:7px!important}
.calendar-card .calendar-meta span,
.calendar-card .info.mini span{
display:inline-flex!important;
align-items:center!important;
min-height:30px!important;
padding:6px 10px!important;
color:#e8f1ff!important;
background:rgba(255,255,255,.12)!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:999px!important;
font-size:12px!important;
font-weight:850!important;
}
.calendar-status{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:27px!important;padding:5px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:950!important;letter-spacing:.02em!important}
.calendar-status.active{color:#bff7d1!important;background:rgba(34,197,94,.18)!important;border:1px solid rgba(74,222,128,.30)!important}
.calendar-status.upcoming{color:#e5d9ff!important;background:rgba(139,92,246,.20)!important;border:1px solid rgba(196,181,253,.34)!important}
.calendar-card .calendar-detail-btn{align-self:center!important;min-width:142px!important;background:linear-gradient(180deg,#f7fbff,#d9e7f9)!important;color:#12345f!important;text-shadow:none!important;box-shadow:0 5px 0 rgba(3,16,36,.23),0 10px 20px rgba(3,16,36,.15)!important}
.calendar-card .calendar-detail-btn .btn-ico{color:#2563a8!important}
.calendar-card .calendar-detail-btn .btn-label{color:#12345f!important}
.calendar-empty{padding:34px!important;border:1px dashed #b7c7df!important;border-radius:18px!important;background:#fff!important;color:#64748b!important;text-align:center!important}
@media(max-width:800px){
.calendar-card{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}
.calendar-card .calendar-media{width:100%!important;height:160px!important}
.calendar-card .calendar-detail-btn{width:100%!important}
.calendar-card h2,.calendar-card h2 a{font-size:21px!important}
}
/* =========================================================
SERVER LİSTESİ – modern, gerçek ürün arayüzü iyileştirmesi
Sadece ana sayfadaki öne çıkan sunucu kartlarını etkiler.
========================================================= */
.pg-server-card-premium{
border:1px solid #dbe5f2!important;
border-radius:22px!important;
box-shadow:0 12px 30px rgba(20,48,88,.10)!important;
background:#fff!important;
}
.pg-server-card-premium:hover{
transform:translateY(-2px)!important;
border-color:#b8cdec!important;
box-shadow:0 18px 38px rgba(20,48,88,.15)!important;
}
.pg-server-card-premium .pg-card-media{
background:linear-gradient(135deg,#0b1d3b,#173b73)!important;
}
.pg-server-card-premium .pg-card-media-shade{
background:linear-gradient(90deg,rgba(3,14,35,.06),rgba(3,14,35,.18)),linear-gradient(0deg,rgba(3,14,35,.28),transparent 65%)!important;
}
.pg-server-card-premium .pg-card-info{
background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
}
.pg-server-card-premium .pg-card-logo{
border-radius:18px!important;
border:1px solid #d7e2f0!important;
padding:4px!important;
box-shadow:0 8px 18px rgba(30,61,105,.13)!important;
}
.pg-server-card-premium .pg-card-logo img{border-radius:14px!important;}
.pg-server-card-premium h3{
font-size:24px!important;
color:#10233f!important;
letter-spacing:-.025em!important;
}
.pg-server-card-premium .pg-card-copy p{
color:#667894!important;
font-size:13px!important;
font-weight:700!important;
}
.pg-server-card-premium .pg-card-copy p b{color:#9aa9bf!important;}
.pg-game-swords{color:#2563eb!important;}
.pg-online-badge{
padding:7px 10px!important;
border-color:#caecd6!important;
background:#effaf3!important;
color:#16803c!important;
font-size:11px!important;
box-shadow:none!important;
}
.pg-card-bottom{
margin-top:18px!important;
padding-top:16px!important;
border-top-color:#e9eef6!important;
}
.pg-server-card-premium .pg-card-stats>span{
grid-template-columns:40px minmax(0,1fr)!important;
column-gap:8px!important;
padding:0 14px!important;
}
.pg-server-card-premium .pg-card-stats i{
width:38px!important;
height:38px!important;
border-radius:11px!important;
border:1px solid transparent!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.pg-server-card-premium .pg-card-stats svg{width:18px!important;height:18px!important;stroke-width:2.1!important;}
.pg-server-card-premium .pg-card-stats small{
color:#8b9ab0!important;
font-size:10px!important;
font-weight:800!important;
}
.pg-server-card-premium .pg-card-stats b{
color:#132846!important;
font-size:19px!important;
}
.pg-stat-score i{color:#d99316!important;background:#fff8e9!important;border-color:#f8e5ba!important;}
.pg-stat-views i{color:#2574de!important;background:#eef5ff!important;border-color:#d8e7ff!important;}
.pg-stat-votes i{color:#7347d9!important;background:#f4efff!important;border-color:#e5d9ff!important;}
.pg-server-card-premium .pg-card-actions{gap:9px!important;}
.pg-server-card-premium .pg-card-actions a{
min-height:46px!important;
grid-template-columns:32px minmax(0,1fr) 12px!important;
gap:9px!important;
padding:0 13px!important;
border-radius:12px!important;
font-size:13px!important;
font-weight:850!important;
letter-spacing:0!important;
box-shadow:none!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:30px!important;
height:30px!important;
border-radius:9px!important;
}
.pg-server-card-premium .pg-card-actions a svg{width:17px!important;height:17px!important;stroke-width:2.15!important;}
.pg-server-card-premium .pg-card-actions a b{
color:currentColor!important;
opacity:.72!important;
font-size:20px!important;
font-weight:500!important;
}
.pg-detail-action{
background:#f8fafc!important;
border:1px solid #d7e1ee!important;
color:#24405f!important;
}
.pg-detail-action i{background:#eaf2ff!important;color:#2563eb!important;}
.pg-detail-action:hover{
background:#f1f6ff!important;
border-color:#b8d1f7!important;
color:#1556c0!important;
}
.pg-site-action{
background:linear-gradient(180deg,#2583ef 0%,#1765d7 100%)!important;
border:1px solid #145fcf!important;
color:#fff!important;
box-shadow:0 7px 14px rgba(23,101,215,.20)!important;
}
.pg-site-action i{background:rgba(255,255,255,.16)!important;color:#fff!important;}
.pg-site-action:hover{
background:linear-gradient(180deg,#348df2 0%,#145dcc 100%)!important;
box-shadow:0 9px 18px rgba(23,101,215,.26)!important;
transform:translateY(-1px)!important;
}
@media(max-width:700px){
.pg-server-card-premium h3{font-size:20px!important;}
.pg-server-card-premium .pg-card-stats>span{padding:0 7px!important;grid-template-columns:32px minmax(0,1fr)!important;}
.pg-server-card-premium .pg-card-stats i{width:31px!important;height:31px!important;border-radius:9px!important;}
.pg-server-card-premium .pg-card-stats b{font-size:17px!important;}
.pg-server-card-premium .pg-card-actions a{min-height:43px!important;font-size:11px!important;padding:0 9px!important;}
.pg-server-card-premium .pg-card-actions a i{width:27px!important;height:27px!important;border-radius:8px!important;}
}
/* =========================================================
SERVER KARTI İSTATİSTİK İKONLARI – modern ürün arayüzü
Puan / Görüntülenme / Oy alanları için sade ve belirgin rozetler
========================================================= */
.pg-server-card-premium .pg-card-stats{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:center!important;
min-height:62px!important;
background:#fbfcff!important;
border:1px solid #e7edf6!important;
border-radius:14px!important;
overflow:hidden!important;
}
.pg-server-card-premium .pg-card-stats>span{
position:relative!important;
display:grid!important;
grid-template-columns:42px minmax(0,1fr)!important;
align-items:center!important;
gap:10px!important;
min-height:62px!important;
padding:0 16px!important;
}
.pg-server-card-premium .pg-card-stats>span+span:before{
content:""!important;
position:absolute!important;
left:0!important;
top:14px!important;
bottom:14px!important;
width:1px!important;
background:#e2e9f3!important;
}
.pg-server-card-premium .pg-card-stats i{
position:relative!important;
width:40px!important;
height:40px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.9)!important;
box-shadow:0 4px 10px rgba(33,61,102,.11), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.pg-server-card-premium .pg-card-stats i:after{
content:""!important;
position:absolute!important;
inset:4px!important;
border-radius:50%!important;
border:1px solid rgba(255,255,255,.45)!important;
pointer-events:none!important;
}
.pg-server-card-premium .pg-card-stats svg{
position:relative!important;
z-index:1!important;
width:18px!important;
height:18px!important;
stroke-width:2.25!important;
}
.pg-server-card-premium .pg-card-stats small{
display:block!important;
margin:0 0 3px!important;
color:#7c8da6!important;
font-size:10px!important;
font-weight:850!important;
letter-spacing:.025em!important;
line-height:1!important;
}
.pg-server-card-premium .pg-card-stats b{
display:block!important;
color:#102643!important;
font-size:20px!important;
font-weight:950!important;
letter-spacing:-.02em!important;
line-height:1!important;
}
.pg-stat-score i{
color:#c98200!important;
background:linear-gradient(145deg,#fff8df 0%,#ffe5a0 100%)!important;
border-color:#f8d47a!important;
}
.pg-stat-views i{
color:#1767cf!important;
background:linear-gradient(145deg,#eef7ff 0%,#cfe6ff 100%)!important;
border-color:#b8d9ff!important;
}
.pg-stat-votes i{
color:#6b3bc7!important;
background:linear-gradient(145deg,#f6f0ff 0%,#dfceff 100%)!important;
border-color:#d2bcff!important;
}
@media(max-width:700px){
.pg-server-card-premium .pg-card-stats{min-height:56px!important;border-radius:12px!important;}
.pg-server-card-premium .pg-card-stats>span{grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important;min-height:56px!important;padding:0 8px!important;}
.pg-server-card-premium .pg-card-stats>span+span:before{top:11px!important;bottom:11px!important;}
.pg-server-card-premium .pg-card-stats i{width:32px!important;height:32px!important;}
.pg-server-card-premium .pg-card-stats svg{width:15px!important;height:15px!important;}
.pg-server-card-premium .pg-card-stats small{font-size:9px!important;}
.pg-server-card-premium .pg-card-stats b{font-size:16px!important;}
}
/* =========================================================
HİKAYE EKLE — Instagram'taki "Hikayen" görünümü
Profil fotoğrafı + sağ alt köşede mavi ekleme rozeti.
========================================================= */
.pg-story-create{
flex-basis:78px!important;
width:78px!important;
min-width:78px!important;
gap:8px!important;
}
.pg-story-create-avatar,
.pg-story-create span.pg-story-create-avatar{
width:66px!important;
height:66px!important;
min-width:66px!important;
min-height:66px!important;
box-sizing:border-box!important;
display:block!important;
padding:3px!important;
overflow:visible!important;
background:#fff!important;
border:1px solid #dce4ef!important;
box-shadow:0 5px 14px rgba(15,23,42,.10)!important;
}
.pg-story-create-photo{
width:100%!important;
height:100%!important;
display:block!important;
object-fit:cover!important;
border:0!important;
border-radius:50%!important;
background:linear-gradient(135deg,#1877f2,#0b56d9)!important;
}
.pg-story-create-avatar i{
position:absolute!important;
right:-3px!important;
bottom:-3px!important;
z-index:2!important;
width:25px!important;
height:25px!important;
box-sizing:border-box!important;
border:3px solid #fff!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#1877f2!important;
color:#fff!important;
font-size:19px!important;
font-weight:900!important;
line-height:1!important;
box-shadow:0 4px 10px rgba(24,119,242,.30)!important;
}
.pg-story-create b{
width:78px!important;
max-width:78px!important;
font-size:11.5px!important;
font-weight:800!important;
letter-spacing:0!important;
overflow:visible!important;
text-overflow:clip!important;
}
@media(max-width:900px){
.pg-story-create{flex-basis:72px!important;width:72px!important;min-width:72px!important;}
.pg-story-create-avatar,.pg-story-create span.pg-story-create-avatar{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;}
.pg-story-create b{width:72px!important;max-width:72px!important;font-size:11px!important;}
}
@media(max-width:640px){
.pg-story-create{flex-basis:68px!important;width:68px!important;min-width:68px!important;}
.pg-story-create-avatar,.pg-story-create span.pg-story-create-avatar{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;}
.pg-story-create-avatar i{width:23px!important;height:23px!important;font-size:18px!important;right:-3px!important;bottom:-3px!important;}
.pg-story-create b{width:68px!important;max-width:68px!important;font-size:10.8px!important;}
}
/* Hakkında / tanıtım metinlerinde kullanılan simgeler her cihazda görünür. */
.rich-content .rich-inline-icon{
display:inline-grid!important;
place-items:center!important;
width:1.35em!important;
height:1.35em!important;
margin:0 .18em 0 0!important;
vertical-align:-.18em!important;
border-radius:.38em!important;
background:#edf5ff!important;
color:#1473e6!important;
font-family:Arial,"Segoe UI Symbol","Noto Sans Symbols",sans-serif!important;
font-size:.9em!important;
font-style:normal!important;
font-weight:900!important;
line-height:1!important;
}
.rich-editor-box .rich-toolbar button:nth-child(8){min-width:78px!important;}
/* 20260705: Profil bağlantılarını takipçiler sekmesinde yan kolona taşı */
.fb-social-profile .profile-followers-layout{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);
gap:16px;
align-items:start;
margin-bottom:16px;
}
.fb-social-profile .profile-followers-layout > .fb-box{margin:0}
.fb-social-profile .profile-links-followers{padding:18px!important}
.fb-social-profile .profile-links-followers .profile-box-head{margin-bottom:12px!important}
.fb-social-profile .profile-links-followers .profile-social-links{gap:8px}
.fb-social-profile .profile-links-followers .profile-social-link{
grid-template-columns:38px minmax(0,1fr) 28px;
min-height:54px;
gap:9px;
padding:8px 9px;
border-radius:14px;
}
.fb-social-profile .profile-links-followers .profile-social-link i{
width:38px;
height:38px;
}
.fb-social-profile .profile-links-followers .profile-social-link span strong{font-size:14px}
.fb-social-profile .profile-links-followers .profile-social-link span small{font-size:10px}
.fb-social-profile .profile-links-followers .profile-social-link b{width:27px;height:27px}
.fb-social-profile .profile-links-followers .profile-social-link b svg{width:17px;height:17px}
.fb-social-profile .profile-links-followers .profile-social-link.social-web i{width:34px!important;height:34px!important;margin:2px!important}
.fb-social-profile .profile-links-followers .profile-social-link.social-discord i img,
.fb-social-profile .profile-links-followers .profile-social-link.social-instagram i img,
.fb-social-profile .profile-links-followers .profile-social-link.social-facebook i img,
.fb-social-profile .profile-links-followers .profile-social-link.social-youtube i img{width:43px!important;height:43px!important}
@media(max-width:900px){
.fb-social-profile .profile-followers-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
.fb-social-profile .profile-links-followers{padding:15px!important}
}
/* 20260705: Profil özeti kartları - daha kompakt ve doğal görünüm */
.fb-social-profile .profile-details-card{
padding:16px !important;
border-radius:16px !important;
box-shadow:0 8px 20px rgba(31,70,126,.07) !important;
}
.fb-social-profile .profile-details-card .profile-box-head{
margin-bottom:11px !important;
}
.fb-social-profile .profile-details-card .profile-box-head h2{
font-size:20px !important;
}
.fb-social-profile .profile-details-card .profile-head-orb{
width:32px !important;
height:32px !important;
border-radius:11px !important;
}
.fb-social-profile .profile-detail-grid{
gap:9px !important;
}
.fb-social-profile .profile-detail-item{
min-height:70px !important;
gap:10px !important;
padding:10px 11px !important;
border-radius:14px !important;
box-shadow:0 6px 14px rgba(52,94,151,.05) !important;
}
.fb-social-profile .profile-detail-item:hover{
transform:none !important;
box-shadow:0 8px 16px rgba(40,82,140,.07) !important;
}
.fb-social-profile .profile-detail-joined{
min-height:62px !important;
}
.fb-social-profile .detail-icon{
flex-basis:38px !important;
width:38px !important;
height:38px !important;
box-shadow:0 6px 12px rgba(43,92,153,.15),inset 0 1px 0 rgba(255,255,255,.3) !important;
}
.fb-social-profile .detail-icon::before{
top:3px !important;
left:6px !important;
right:6px !important;
}
.fb-social-profile .detail-icon svg{
width:18px !important;
height:18px !important;
}
.fb-social-profile .profile-detail-item .detail-copy{
gap:2px !important;
}
.fb-social-profile .profile-detail-item .detail-copy b{
font-size:22px !important;
letter-spacing:-.02em !important;
}
.fb-social-profile .profile-detail-item .detail-copy small{
font-size:11px !important;
line-height:1.15 !important;
}
@media(max-width:640px){
.fb-social-profile .profile-details-card{padding:14px !important}
.fb-social-profile .profile-detail-item{min-height:64px !important;padding:9px 10px !important}
.fb-social-profile .detail-icon{flex-basis:36px !important;width:36px !important;height:36px !important}
.fb-social-profile .profile-detail-item .detail-copy b{font-size:20px !important}
}
/* 2026-07-06: Ana sayfa aktif serverlar + mobil sosyal bağlantılar */
.active-servers-head{margin-top:34px}
.active-servers-head > div > span{color:#118b43}
.active-servers-grid{margin-bottom:8px}
.active-server-card em{color:#167a37;background:#e8f8ee}
@media(max-width:760px){
/* Sosyal ikonlar sekme satırında sağa taşmasın; mobilde sekmelerin altında tam görünür olsun. */
.fb-profile-page .fb-tabs{
height:auto!important;
min-height:58px!important;
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
overflow:visible!important;
padding-bottom:8px!important;
}
.fb-profile-page .fb-tabs > a{
flex:0 0 auto!important;
}
.fb-profile-page .fb-tab-socials{
order:20!important;
flex:0 0 100%!important;
width:100%!important;
margin:7px 0 0!important;
padding:8px 0 0!important;
border-left:0!important;
border-top:1px solid #e5e7eb!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.fb-profile-page .fb-tab-social{
width:36px!important;
height:36px!important;
min-width:36px!important;
border-radius:10px!important;
}
.fb-profile-page .fb-tab-social img{
display:block!important;
width:26px!important;
height:26px!important;
opacity:1!important;
visibility:visible!important;
}
}
/* 20260706: Mobil server profil sosyal ikonları - görünür ve okunaklı */
@media (max-width: 640px) {
.fb-profile-page .fb-tabs{
height:auto !important;
min-height:0 !important;
display:flex !important;
flex-wrap:wrap !important;
gap:0 !important;
padding:0 8px 10px !important;
overflow:visible !important;
}
.fb-profile-page .fb-tabs > a{
height:48px !important;
padding:0 12px !important;
}
.fb-profile-page .fb-tab-socials{
order:2 !important;
width:100% !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
padding:12px 4px 0 !important;
margin-top:8px !important;
border-top:1px solid #e7edf5 !important;
overflow-x:auto !important;
-webkit-overflow-scrolling:touch !important;
}
.fb-profile-page .fb-tab-social{
flex:0 0 46px !important;
width:46px !important;
height:46px !important;
min-width:46px !important;
min-height:46px !important;
display:grid !important;
place-items:center !important;
padding:0 !important;
border-radius:14px !important;
background:#fff !important;
border:1px solid #dbe5f2 !important;
box-shadow:0 3px 8px rgba(15,23,42,.10) !important;
}
.fb-profile-page .fb-tab-social img{
display:block !important;
width:28px !important;
height:28px !important;
min-width:28px !important;
min-height:28px !important;
max-width:none !important;
object-fit:contain !important;
}
}
/* Mobil profil sosyal bağlantılarını sekmelerle uyumlu göster */
@media (max-width: 640px) {
.fb-tabs {
height: auto !important;
min-height: 58px !important;
padding: 0 8px !important;
margin: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 0 !important;
overflow: visible !important;
}
.fb-tabs > a {
height: 52px !important;
padding: 0 12px !important;
font-size: 13px !important;
}
.fb-tab-socials {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
padding: 10px 0 12px !important;
margin-top: 0 !important;
border-top: 1px solid #edf0f5 !important;
}
.fb-tab-social {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #fff !important;
border: 1px solid #dfe7f3 !important;
box-shadow: 0 3px 8px rgba(15, 23, 42, .10) !important;
}
.fb-tab-social img {
width: 25px !important;
height: 25px !important;
min-width: 25px !important;
max-width: 25px !important;
object-fit: contain !important;
display: block !important;
}
}
/* 2026-07-06: Ana sayfa filtrelerini daha kompakt ve mobil uyumlu yap */
.pg-filter-panel-premium .pg-filter-buttons-premium{
gap:8px !important;
padding:1px !important;
}
.pg-filter-panel-premium .pg-filter-pill{
min-height:46px !important;
padding:0 13px !important;
gap:7px !important;
border-radius:13px !important;
font-size:13px !important;
}
.pg-filter-panel-premium .pg-filter-icon{
width:18px !important;
height:18px !important;
font-size:17px !important;
}
.pg-filter-panel-premium .pg-filter-icon svg{
width:17px !important;
height:17px !important;
}
.pg-filter-panel-premium .pg-filter-pill em{
min-width:22px !important;
height:22px !important;
padding:0 6px !important;
font-size:11px !important;
}
.pg-filter-panel-premium .pg-filter-pill strong{
font-size:13px !important;
}
@media (max-width: 760px){
.pg-filter-panel-premium{
padding:14px !important;
gap:10px !important;
}
.pg-filter-heading{
gap:10px !important;
}
.pg-filter-heading .pg-filter-heading-icon{
width:40px !important;
height:40px !important;
}
.pg-filter-heading b{
font-size:14px !important;
}
.pg-filter-heading small{
font-size:11px !important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium{
width:100% !important;
gap:7px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
padding:1px 0 5px !important;
scrollbar-width:none !important;
-webkit-overflow-scrolling:touch !important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium::-webkit-scrollbar{
display:none !important;
}
.pg-filter-panel-premium .pg-filter-pill{
flex:0 0 auto !important;
min-height:40px !important;
padding:0 11px !important;
gap:6px !important;
border-radius:12px !important;
font-size:12px !important;
white-space:nowrap !important;
}
.pg-filter-panel-premium .pg-filter-pill strong{
font-size:12px !important;
}
.pg-filter-panel-premium .pg-filter-icon{
width:16px !important;
height:16px !important;
font-size:15px !important;
}
.pg-filter-panel-premium .pg-filter-icon svg{
width:16px !important;
height:16px !important;
}
.pg-filter-panel-premium .pg-filter-pill em{
min-width:20px !important;
height:20px !important;
padding:0 5px !important;
font-size:10px !important;
}
}
/* ==========================================================
2026-07-06: Açılış Takvimi – modern, ferah ve açık kart tasarımı
========================================================== */
.calendar-hero{
padding:34px 36px!important;
border:1px solid #dbe8f8!important;
border-radius:24px!important;
background:
radial-gradient(circle at top right, rgba(37,99,235,.11), transparent 34%),
linear-gradient(135deg,#ffffff 0%,#f7fbff 55%,#edf5ff 100%)!important;
box-shadow:0 14px 34px rgba(27,76,143,.08)!important;
}
.calendar-hero .eyebrow{color:#2563eb!important}
.calendar-hero h1{color:#0f172a!important}
.calendar-hero .lead{color:#5b6b82!important}
.calendar-list{
display:grid!important;
gap:14px!important;
margin-top:20px!important;
}
.calendar-card{
display:grid!important;
grid-template-columns:178px minmax(0,1fr) auto!important;
align-items:center!important;
gap:18px!important;
min-height:132px!important;
padding:15px 16px!important;
overflow:hidden!important;
color:#162238!important;
background:#ffffff!important;
border:1px solid #dfe8f4!important;
border-radius:20px!important;
box-shadow:0 10px 24px rgba(30,72,122,.07)!important;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.calendar-card:hover{
transform:translateY(-2px)!important;
border-color:#bfd7f3!important;
box-shadow:0 16px 32px rgba(30,72,122,.12)!important;
}
.calendar-card.is-active{
border-left:4px solid #22c55e!important;
}
.calendar-card.is-upcoming{
border-left:4px solid #8b5cf6!important;
}
.calendar-card .calendar-media{
display:block!important;
width:178px!important;
height:96px!important;
overflow:hidden!important;
border-radius:14px!important;
background:#f5f8fc!important;
border:1px solid #e3ebf5!important;
}
.calendar-card .calendar-media img,
.calendar-card>img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
background:#f5f8fc!important;
border:0!important;
border-radius:13px!important;
}
.calendar-card .calendar-content{min-width:0!important}
.calendar-card .calendar-title-row{
display:flex!important;
align-items:center!important;
margin:0 0 5px!important;
}
.calendar-card h2,
.calendar-card h2 a{
display:block!important;
margin:0!important;
color:#10233f!important;
font-size:22px!important;
font-weight:900!important;
line-height:1.18!important;
letter-spacing:-.022em!important;
text-decoration:none!important;
}
.calendar-card h2 a:hover{color:#2563eb!important}
.calendar-card .calendar-description,
.calendar-card p{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
max-width:850px!important;
margin:6px 0 10px!important;
color:#61728a!important;
font-size:13px!important;
font-weight:650!important;
line-height:1.5!important;
}
.calendar-card .calendar-meta{
margin:0!important;
gap:7px!important;
}
.calendar-card .calendar-meta span,
.calendar-card .info.mini span{
display:inline-flex!important;
align-items:center!important;
min-height:28px!important;
padding:5px 9px!important;
color:#4a5b72!important;
background:#f6f9fd!important;
border:1px solid #e2eaf4!important;
border-radius:999px!important;
font-size:11px!important;
font-weight:850!important;
}
.calendar-status{
display:inline-flex!important;
align-items:center!important;
gap:6px!important;
min-height:26px!important;
padding:4px 9px!important;
border-radius:999px!important;
font-size:11px!important;
font-weight:900!important;
letter-spacing:.01em!important;
}
.calendar-status.active{
color:#16834a!important;
background:#eafaf0!important;
border:1px solid #b8eccb!important;
}
.calendar-status.upcoming{
color:#6d3bd2!important;
background:#f3edff!important;
border:1px solid #dacbff!important;
}
.calendar-card .calendar-detail-btn{
align-self:center!important;
min-width:126px!important;
height:42px!important;
min-height:42px!important;
padding:0 16px 0 54px!important;
color:#22538c!important;
background:linear-gradient(180deg,#eef7ff,#dcecfb)!important;
border:1px solid #c9def2!important;
box-shadow:0 4px 10px rgba(35,91,148,.12)!important;
}
.calendar-card .calendar-detail-btn .btn-ico{
width:44px!important;
height:44px!important;
min-width:44px!important;
color:#2563a8!important;
}
.calendar-card .calendar-detail-btn .btn-label{
color:#22538c!important;
font-size:12px!important;
letter-spacing:.02em!important;
}
.calendar-empty{
padding:34px!important;
border:1px dashed #c8d8ea!important;
border-radius:18px!important;
background:#fff!important;
color:#64748b!important;
text-align:center!important;
}
@media(max-width:800px){
.calendar-hero{padding:26px 20px!important;border-radius:18px!important}
.calendar-card{
grid-template-columns:1fr!important;
gap:12px!important;
padding:14px!important;
min-height:0!important;
}
.calendar-card .calendar-media{
width:100%!important;
height:158px!important;
}
.calendar-card h2,
.calendar-card h2 a{font-size:20px!important}
.calendar-card .calendar-detail-btn{width:100%!important}
}
/* ==========================================================
ANA SAYFA – FERAH SPONSOR VİTRİNİ + TOPLIST
Açık, gerçek web sitesi hissi; koyu bloklar yerine katmanlı kartlar
========================================================== */
.pg-hero-grid{
gap:20px !important;
margin-top:18px !important;
}
/* Sponsor alanı: açık zeminde, bannerı hafif arka plan olarak kullanan vitrin */
.pg-sponsor-hero{
min-height:330px !important;
padding:30px 34px !important;
color:#10233f !important;
border:1px solid #d8e5f4 !important;
background:linear-gradient(135deg,#ffffff 0%,#f6faff 62%,#eaf4ff 100%) !important;
box-shadow:0 14px 36px rgba(28,64,120,.11) !important;
}
.pg-hero-bg{
opacity:.20 !important;
background:
linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 36%,rgba(244,249,255,.72) 67%,rgba(236,245,255,.54) 100%),
var(--hero-img) !important;
background-size:cover !important;
background-position:center !important;
}
.pg-sponsor-hero:after{
background:
radial-gradient(circle at 88% 16%,rgba(53,143,255,.16),transparent 30%),
radial-gradient(circle at 20% 86%,rgba(83,164,255,.12),transparent 42%) !important;
}
.pg-sponsor-topline span{
display:inline-flex !important;
align-items:center !important;
gap:7px !important;
color:#1767c9 !important;
background:#edf6ff !important;
border:1px solid #cce3ff !important;
border-radius:999px !important;
padding:8px 12px !important;
font-size:12px !important;
letter-spacing:.035em !important;
}
.pg-sponsor-topline em{
background:#e9f9ef !important;
color:#148144 !important;
border:1px solid #bdebcf !important;
box-shadow:none !important;
}
.pg-sponsor-body h1{
color:#10233f !important;
text-shadow:none !important;
font-size:clamp(40px,5vw,66px) !important;
}
.pg-sponsor-body h2{
color:#2e5b8d !important;
font-size:20px !important;
}
.pg-sponsor-body p{
color:#526b89 !important;
max-width:560px !important;
font-weight:650 !important;
}
.pg-feature-pills{
gap:8px !important;
margin-top:20px !important;
}
.pg-feature-pills span{
color:#24415f !important;
background:rgba(255,255,255,.88) !important;
border:1px solid #d9e6f5 !important;
box-shadow:0 4px 12px rgba(38,88,144,.07) !important;
backdrop-filter:none !important;
padding:10px 13px !important;
font-size:13px !important;
}
.pg-sponsor-actions{
gap:12px !important;
margin-top:22px !important;
max-width:520px !important;
}
.pg-btn{
height:48px !important;
border-radius:11px !important;
font-size:14px !important;
box-shadow:none !important;
}
.pg-btn-dark{
color:#254565 !important;
background:#ffffff !important;
border-color:#cbdced !important;
box-shadow:0 6px 16px rgba(32,74,119,.09) !important;
}
.pg-btn-dark:hover{
background:#f5f9ff !important;
border-color:#9fc6f2 !important;
}
.pg-btn-blue{
background:linear-gradient(135deg,#2385f4,#1669d5) !important;
box-shadow:0 8px 18px rgba(30,118,225,.22) !important;
}
.pg-sponsor-empty span{font-size:28px !important;}
.pg-sponsor-empty h1{color:#10233f !important;text-shadow:none !important;font-size:42px !important;}
.pg-sponsor-empty p{color:#647a96 !important;}
/* Toplist: koyu panel yerine beyaz, okunaklı ve sıralaması belirgin kart */
.pg-toplist-panel{
padding:24px 22px !important;
color:#132b47 !important;
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
border:1px solid #d8e5f4 !important;
box-shadow:0 14px 36px rgba(28,64,120,.10) !important;
}
.pg-toplist-panel header{
margin-bottom:16px !important;
padding:0 !important;
}
.pg-toplist-panel header span{
color:#1770d6 !important;
font-size:12px !important;
}
.pg-toplist-panel header h2{
color:#10233f !important;
font-size:22px !important;
}
.pg-toplist-panel header a{
height:36px !important;
padding:0 12px !important;
color:#2166ae !important;
background:#fff !important;
border:1px solid #d4e3f4 !important;
border-radius:9px !important;
box-shadow:0 3px 10px rgba(30,77,126,.06) !important;
}
.pg-toplist-panel header a:hover{
background:#eef6ff !important;
border-color:#a8cbed !important;
}
.pg-toplist-items{
gap:9px !important;
}
.pg-toplist-item{
grid-template-columns:42px 48px minmax(0,1fr) 56px !important;
gap:11px !important;
min-height:62px !important;
padding:8px 10px !important;
color:#173554 !important;
background:#ffffff !important;
border:1px solid #e0eaf5 !important;
border-radius:11px !important;
box-shadow:0 3px 10px rgba(30,77,126,.045) !important;
}
.pg-toplist-item:hover{
background:#f4f9ff !important;
border-color:#b9d5ef !important;
transform:translateY(-1px) !important;
}
.pg-toplist-item em{
width:34px !important;
height:34px !important;
background:#edf4fb !important;
color:#32618d !important;
font-size:15px !important;
}
.pg-toplist-item.rank-1 em{background:#fff1bd !important;color:#966400 !important;box-shadow:none !important;}
.pg-toplist-item.rank-2 em{background:#edf1f6 !important;color:#526579 !important;}
.pg-toplist-item.rank-3 em{background:#ffe3c6 !important;color:#a25311 !important;}
.pg-toplist-item img{
width:46px !important;
height:42px !important;
border-radius:9px !important;
background:#eef4fa !important;
border:1px solid #d9e4ef !important;
}
.pg-toplist-item b{
color:#163553 !important;
font-size:14px !important;
}
.pg-toplist-item small{
color:#70839a !important;
font-size:11px !important;
}
.pg-toplist-item strong{
color:#1767b9 !important;
font-size:13px !important;
}
.pg-toplist-item mark{
background:#e9f9ef !important;
color:#148144 !important;
box-shadow:none !important;
}
.pg-empty-dark{
color:#607893 !important;
background:#f6faff !important;
border:1px dashed #cbdced !important;
}
/* Tablet ve mobilde katmanlı ancak sıkışmayan görünüm */
@media (max-width: 900px){
.pg-hero-grid{grid-template-columns:1fr !important;}
.pg-sponsor-hero{min-height:300px !important;}
}
@media (max-width: 640px){
.pg-sponsor-hero{padding:22px 18px !important;min-height:280px !important;}
.pg-sponsor-body h1{font-size:38px !important;}
.pg-sponsor-body h2{font-size:17px !important;}
.pg-sponsor-actions{grid-template-columns:1fr !important;}
.pg-toplist-panel{padding:18px 14px !important;}
.pg-toplist-panel header h2{font-size:20px !important;}
.pg-toplist-panel header a{font-size:12px !important;padding:0 10px !important;}
.pg-toplist-item{
grid-template-columns:34px 43px minmax(0,1fr) 44px !important;
gap:8px !important;
padding:8px !important;
}
.pg-toplist-item em{width:30px !important;height:30px !important;font-size:13px !important;}
.pg-toplist-item img{width:42px !important;height:38px !important;}
.pg-toplist-item b{font-size:13px !important;}
.pg-toplist-item strong{font-size:11px !important;}
}
/* 2026-07-06: Aktif / yakında server kartı renkleri - kesin ayrım */
section.active-servers-grid > a.upcoming-card.active-server-card{
border:1px solid #d8e8df !important;
border-left:2px solid #27a75b !important;
box-shadow:0 10px 24px rgba(39,167,91,.07) !important;
}
section.active-servers-grid > a.upcoming-card.active-server-card:hover{
border-color:#c9dfd1 !important;
border-left-color:#168a43 !important;
box-shadow:0 14px 28px rgba(39,167,91,.10) !important;
}
section.active-servers-grid > a.upcoming-card.active-server-card em{
color:#167a37 !important;
background:#e8f8ee !important;
border:1px solid #ccefd9 !important;
}
/* Geri sayım alanındaki kartlar mor kalır. */
section.upcoming-grid:not(.active-servers-grid) > a.upcoming-card{
border:1px solid #e2d9fb !important;
border-left:2px solid #8b5cf6 !important;
box-shadow:0 10px 24px rgba(139,92,246,.07) !important;
}
section.upcoming-grid:not(.active-servers-grid) > a.upcoming-card:hover{
border-color:#d5c8f8 !important;
border-left-color:#7142e0 !important;
box-shadow:0 14px 28px rgba(139,92,246,.10) !important;
}
/* =========================================================
SERVER PROFIL DURUM ROZETLERI - sade ve profesyonel
Doğrulanmış / Yakında Açılıyor
========================================================= */
.fb-profile-page .badge-row{
display:flex!important;
align-items:center!important;
gap:8px!important;
margin:10px 0 0!important;
}
.fb-profile-page .badge-row .server-badge{
min-height:30px!important;
padding:0 11px 0 8px!important;
border-radius:999px!important;
border:1px solid transparent!important;
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
font-size:11px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:.015em!important;
white-space:nowrap!important;
box-shadow:0 4px 10px rgba(15,23,42,.07)!important;
}
.fb-profile-page .badge-row .server-badge::before{
width:18px!important;
height:18px!important;
min-width:18px!important;
border-radius:50%!important;
display:inline-grid!important;
place-items:center!important;
font-size:11px!important;
font-weight:1000!important;
line-height:1!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.54)!important;
}
/* Doğrulanmış */
.fb-profile-page .badge-row .server-badge.verified{
color:#0f65c8!important;
background:linear-gradient(180deg,#f3f9ff 0%,#e4f1ff 100%)!important;
border-color:#c7e2ff!important;
}
.fb-profile-page .badge-row .server-badge.verified::before{
content:'✓'!important;
color:#fff!important;
background:linear-gradient(180deg,#3398f7 0%,#1676dd 100%)!important;
}
/* Yakında Açılıyor */
.fb-profile-page .badge-row .server-badge.launch{
color:#9a5b00!important;
background:linear-gradient(180deg,#fff9e9 0%,#fff0c8 100%)!important;
border-color:#f6d78f!important;
}
.fb-profile-page .badge-row .server-badge.launch::before{
content:'⌛'!important;
color:#9a5b00!important;
background:linear-gradient(180deg,#ffe6a4 0%,#ffc864 100%)!important;
font-size:10px!important;
}
@media(max-width:640px){
.fb-profile-page .badge-row{gap:6px!important;}
.fb-profile-page .badge-row .server-badge{min-height:29px!important;font-size:10px!important;padding-right:9px!important;}
.fb-profile-page .badge-row .server-badge::before{width:17px!important;height:17px!important;min-width:17px!important;}
}
/* ==========================================================
Açılış Takvimi – banner görsellerini kart alanına oturtma
Sadece /takvim sayfasındaki .calendar-media alanını etkiler.
========================================================== */
.calendar-card .calendar-media{
width:184px!important;
height:104px!important;
flex:0 0 184px!important;
background:#eaf1f8!important;
}
.calendar-card .calendar-media img,
.calendar-card > img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
background:#eaf1f8!important;
transition:transform .22s ease!important;
}
.calendar-card:hover .calendar-media img{
transform:scale(1.025)!important;
}
@media(max-width:800px){
.calendar-card .calendar-media{
width:100%!important;
height:168px!important;
}
}
/* Filtre sonrası sonuç listesi sabit üst menünün altında açılsın. */
#server-listesi{scroll-margin-top:110px}
/* Premium sponsor / VIP rozetleri – profil kartındaki eski taçlı etiketlerin yerine */
.server-badge.vip-premium-badge,
.server-badge.gold-premium-badge,
.fb-profile-page .server-badge.vip-premium-badge,
.fb-profile-page .server-badge.gold-premium-badge{
position:relative;
display:inline-flex;
align-items:center;
gap:7px;
min-height:36px;
padding:0;
border:0;
border-radius:0;
background:transparent;
color:#20150b;
overflow:visible;
box-shadow:none;
}
.vip-premium-emblem{display:inline-grid;place-items:center;width:39px;height:39px;flex:0 0 39px;filter:drop-shadow(0 3px 4px rgba(50,28,0,.27))}
.vip-premium-emblem svg{display:block;width:100%;height:100%}
.vip-premium-label{font-size:13px;font-weight:900;line-height:1;white-space:nowrap;color:#4c3005;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.gold-premium-surface{display:block;width:112px;height:31px;filter:drop-shadow(0 2px 3px rgba(54,36,8,.24))}
.gold-premium-surface svg{display:block;width:100%;height:100%}
.gold-premium-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.badge-row:has(.vip-premium-badge),.badge-row:has(.gold-premium-badge){align-items:center;gap:10px}
/* Gold Sponsorlu: doğrulanmış rozetiyle aynı sade ölçü ve hizada. */
.server-badge.gold-sponsor-badge,
.fb-profile-page .server-badge.gold-sponsor-badge{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
min-height:34px!important;
padding:5px 12px 5px 6px!important;
border:1px solid #f2d486!important;
border-radius:999px!important;
background:linear-gradient(180deg,#fffaf0 0%,#fff1c9 100%)!important;
color:#986000!important;
box-shadow:0 2px 6px rgba(167,111,0,.12)!important;
font-size:13px!important;
font-weight:900!important;
line-height:1!important;
white-space:nowrap!important;
}
.gold-sponsor-icon{
width:22px!important;
height:22px!important;
min-width:22px!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
background:linear-gradient(180deg,#ffd95b 0%,#e6a400 100%)!important;
color:#fff!important;
font-size:12px!important;
line-height:1!important;
text-shadow:0 1px 1px rgba(99,59,0,.32)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 1px 2px rgba(141,91,0,.22)!important;
}
.gold-sponsor-text{display:inline-block!important;line-height:1!important}
@media(max-width:640px){
.vip-premium-emblem{width:36px;height:36px;flex-basis:36px}
.vip-premium-label{font-size:12px}
.gold-premium-surface{width:104px;height:29px}
.server-badge.gold-sponsor-badge,.fb-profile-page .server-badge.gold-sponsor-badge{min-height:31px!important;font-size:12px!important;padding:4px 10px 4px 5px!important}
.gold-sponsor-icon{width:20px!important;height:20px!important;min-width:20px!important;font-size:11px!important}
}
/* Gold Sponsorlu: tek ikon kullanılır. Genel sponsor taç pseudo-elementleri
bu özel rozet için kapalıdır; içeride yalnızca kral tacı kalır. */
.server-badge.gold-sponsor-badge::before,
.server-badge.gold-sponsor-badge::after,
.fb-profile-page .server-badge.gold-sponsor-badge::before,
.fb-profile-page .server-badge.gold-sponsor-badge::after{
content:none!important;
display:none!important;
}
.gold-sponsor-icon{
font-family:Georgia,"Times New Roman",serif!important;
font-size:15px!important;
font-weight:700!important;
}
@media(max-width:640px){
.gold-sponsor-icon{font-size:13px!important;}
}
/* =========================================================
2026-07-08 FILTRE KAYMA FIX V2
Başlık ile filtre butonları çakışmasın diye filtre paneli
tek kolona alındı. Butonlar ayrı satırda rahatça kırılır.
========================================================= */
.pg-filter-panel-premium{
display:grid !important;
grid-template-columns:1fr !important;
grid-template-areas:
"heading"
"buttons"
"seo" !important;
height:auto !important;
min-height:0 !important;
overflow:visible !important;
align-items:flex-start !important;
gap:16px !important;
padding:22px 24px !important;
}
.pg-filter-panel-premium .pg-filter-heading,
.pg-filter-heading{
grid-area:heading !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
white-space:normal !important;
align-self:flex-start !important;
z-index:2 !important;
}
.pg-filter-heading > div:last-child{
min-width:0 !important;
}
.pg-filter-heading b,
.pg-filter-heading small{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium{
grid-area:buttons !important;
grid-column:1 / -1 !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
display:flex !important;
flex-wrap:wrap !important;
align-items:flex-start !important;
align-content:flex-start !important;
justify-content:flex-start !important;
gap:10px !important;
overflow:visible !important;
overflow-x:visible !important;
overflow-y:visible !important;
white-space:normal !important;
padding:0 !important;
scrollbar-width:none !important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium::-webkit-scrollbar{
display:none !important;
}
.pg-filter-panel-premium .pg-filter-pill{
flex:0 0 auto !important;
max-width:100% !important;
white-space:nowrap !important;
min-height:46px !important;
padding:0 14px !important;
position:relative !important;
z-index:2 !important;
}
.pg-filter-panel-premium .pg-seo-tags{
grid-area:seo !important;
grid-column:1 / -1 !important;
}
.pg-add-server-cta{
grid-column:1 / -1 !important;
width:max-content !important;
max-width:100% !important;
align-self:flex-start !important;
}
/* Eski filtre sınıfı kullanılan sayfalar için de aynı mantık */
.pg-filter-panel{
height:auto !important;
min-height:0 !important;
overflow:visible !important;
}
.pg-filter-buttons{
display:flex !important;
flex-wrap:wrap !important;
overflow:visible !important;
overflow-x:visible !important;
overflow-y:visible !important;
white-space:normal !important;
gap:10px !important;
}
.pg-filter-pill{
flex:0 0 auto !important;
white-space:nowrap !important;
}
@media(max-width:760px){
.pg-filter-panel-premium{
padding:16px !important;
gap:12px !important;
border-radius:19px !important;
}
.pg-filter-panel-premium .pg-filter-heading{
display:flex !important;
align-items:flex-start !important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium{
flex-wrap:wrap !important;
gap:8px !important;
overflow:visible !important;
overflow-x:visible !important;
overflow-y:visible !important;
-webkit-overflow-scrolling:auto !important;
}
.pg-filter-panel-premium .pg-filter-pill{
min-height:40px !important;
padding:0 11px !important;
font-size:12px !important;
}
}
/* =========================================================
FILTRE ALANI KESIN DUZELTME v3
Baslik, butonlar ve aktif filtreler birbirine binmesin.
========================================================= */
.pg-filter-panel-premium{
display:block !important;
height:auto !important;
min-height:0 !important;
overflow:visible !important;
padding:22px 24px 26px !important;
margin:18px 0 26px !important;
}
.pg-filter-panel-premium:before{
pointer-events:none !important;
}
.pg-filter-panel-premium .pg-filter-heading,
.pg-filter-heading{
display:flex !important;
align-items:center !important;
gap:13px !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
white-space:normal !important;
position:relative !important;
z-index:1 !important;
margin:0 0 16px 0 !important;
}
.pg-filter-panel-premium .pg-filter-heading > div:last-child,
.pg-filter-heading > div:last-child{
min-width:0 !important;
max-width:100% !important;
}
.pg-filter-panel-premium .pg-filter-heading b,
.pg-filter-panel-premium .pg-filter-heading small,
.pg-filter-heading b,
.pg-filter-heading small{
display:block !important;
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium{
position:relative !important;
z-index:2 !important;
display:flex !important;
flex-direction:row !important;
flex-wrap:wrap !important;
align-items:flex-start !important;
align-content:flex-start !important;
justify-content:flex-start !important;
gap:11px 12px !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
height:auto !important;
min-height:0 !important;
overflow:visible !important;
overflow-x:visible !important;
overflow-y:visible !important;
white-space:normal !important;
padding:0 !important;
margin:0 !important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium::-webkit-scrollbar{
display:none !important;
}
.pg-filter-panel-premium .pg-filter-pill{
position:relative !important;
z-index:2 !important;
display:inline-flex !important;
flex:0 0 auto !important;
width:auto !important;
min-width:max-content !important;
max-width:100% !important;
height:auto !important;
min-height:46px !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
padding:0 15px !important;
white-space:nowrap !important;
overflow:visible !important;
text-overflow:clip !important;
line-height:1 !important;
}
.pg-filter-panel-premium .pg-filter-pill strong{
display:inline-block !important;
flex:0 0 auto !important;
width:auto !important;
min-width:0 !important;
max-width:none !important;
white-space:nowrap !important;
overflow:visible !important;
text-overflow:clip !important;
line-height:1 !important;
}
.pg-filter-panel-premium .pg-filter-icon,
.pg-filter-panel-premium .pg-filter-pill em{
flex:0 0 auto !important;
}
.pg-filter-panel-premium .pg-add-server-cta,
.pg-add-server-cta{
display:inline-flex !important;
width:auto !important;
max-width:100% !important;
margin-top:14px !important;
position:relative !important;
z-index:2 !important;
}
.pg-filter-panel-premium .pg-seo-tags{
display:block !important;
width:100% !important;
margin-top:14px !important;
position:relative !important;
z-index:2 !important;
}
@media(max-width:760px){
.pg-filter-panel-premium{
padding:16px !important;
border-radius:19px !important;
}
.pg-filter-panel-premium .pg-filter-heading,
.pg-filter-heading{
align-items:flex-start !important;
margin-bottom:13px !important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium{
gap:8px !important;
overflow:visible !important;
overflow-x:visible !important;
overflow-y:visible !important;
}
.pg-filter-panel-premium .pg-filter-pill{
min-height:40px !important;
padding:0 11px !important;
font-size:12px !important;
gap:6px !important;
}
}
/* =========================================================
MOBIL FILTRE SIKILASTIRMA v4
Mobilde filtre kutusu daha derli toplu dursun.
========================================================= */
@media(max-width:760px){
.pg-filter-panel-premium{
padding:16px 15px 18px !important;
margin:16px 0 22px !important;
border-radius:18px !important;
}
.pg-filter-panel-premium .pg-filter-heading,
.pg-filter-heading{
gap:11px !important;
margin-bottom:14px !important;
}
.pg-filter-panel-premium .pg-filter-heading b,
.pg-filter-heading b{
font-size:15px !important;
line-height:1.25 !important;
}
.pg-filter-panel-premium .pg-filter-heading small,
.pg-filter-heading small{
font-size:11px !important;
line-height:1.35 !important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px 9px !important;
width:100% !important;
}
.pg-filter-panel-premium .pg-filter-pill{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
min-height:39px !important;
height:39px !important;
padding:0 10px !important;
justify-content:center !important;
gap:5px !important;
font-size:12px !important;
border-radius:13px !important;
}
.pg-filter-panel-premium .pg-filter-pill:first-child{
grid-column:1 / -1 !important;
}
.pg-filter-panel-premium .pg-filter-pill strong{
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
.pg-filter-panel-premium .pg-filter-icon{
width:18px !important;
min-width:18px !important;
height:18px !important;
font-size:15px !important;
}
.pg-filter-panel-premium .pg-filter-pill em,
.pg-filter-panel-premium .pg-filter-count,
.pg-filter-panel-premium .count{
min-width:21px !important;
height:21px !important;
padding:0 6px !important;
font-size:11px !important;
}
}
@media(max-width:380px){
.pg-filter-panel-premium .pg-filter-pill{
font-size:11px !important;
padding:0 8px !important;
}
}
/* Üye girişi - Beni Hatırla */
.remember-login{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #dbe5f2;border-radius:14px;background:#f8fbff;cursor:pointer;user-select:none}
.remember-login input{width:19px!important;height:19px;margin:0;accent-color:var(--main);flex:0 0 auto}
.remember-login span{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.remember-login b{font-size:14px;color:#1e293b}
.remember-login small{font-size:12px;color:#64748b;font-weight:500}
/* Blog sistemi */
.blog-hero{margin:24px 0;padding:36px;border-radius:24px;background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #dbeafe;display:flex;align-items:center;justify-content:space-between;gap:24px}.blog-hero h1{font-size:clamp(30px,4vw,52px);margin:8px 0}.blog-hero p{max-width:720px;color:#64748b}.blog-hero form{display:flex;gap:8px;min-width:min(100%,380px)}.blog-hero input,.blog-filter input{width:100%}.blog-categories{display:flex;gap:10px;overflow:auto;padding:4px 0 20px}.blog-categories a{white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:10px 14px;font-weight:700;color:#334155}.blog-categories a.active{background:#1877f2;color:#fff;border-color:#1877f2}.blog-categories small{margin-left:6px;opacity:.75}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.blog-card-image{display:block;aspect-ratio:16/9;position:relative;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.blog-card:hover img{transform:scale(1.035)}.blog-card-image span{position:absolute;left:14px;top:14px;background:#1877f2;color:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.blog-card>div{padding:20px}.blog-cat{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#1877f2}.blog-card h2{font-size:21px;line-height:1.3;margin:9px 0}.blog-card h2 a{color:#0f172a}.blog-card p{color:#64748b;line-height:1.65}.blog-card footer,.blog-meta{display:flex;gap:14px;flex-wrap:wrap;color:#64748b;font-size:13px;margin-top:16px}.blog-pagination{display:flex;justify-content:center;gap:8px;margin:28px}.blog-pagination a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid #e2e8f0}.blog-pagination a.active{background:#1877f2;color:#fff}.blog-detail{max-width:920px;margin:28px auto}.blog-detail header{text-align:center}.breadcrumbs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;color:#64748b;font-size:14px;margin-bottom:20px}.blog-detail h1{font-size:clamp(34px,5vw,58px);line-height:1.12;margin:12px 0}.blog-detail .lead{font-size:20px;color:#64748b;line-height:1.6}.blog-meta{justify-content:center}.blog-cover{width:100%;max-height:520px;object-fit:cover;border-radius:24px;margin:28px 0}.blog-content{font-size:18px;line-height:1.85;color:#263244}.blog-content h2{font-size:32px;margin:42px 0 14px;color:#0f172a}.blog-content h3{font-size:25px;margin:30px 0 12px}.blog-content img{max-width:100%;height:auto;border-radius:16px}.blog-content a{color:#1877f2;text-decoration:underline}.blog-content blockquote{border-left:4px solid #1877f2;margin:24px 0;padding:16px 22px;background:#eff6ff;border-radius:0 14px 14px 0}.blog-cta{margin:42px 0;padding:28px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.related-posts{margin:40px 0}.blog-grid.compact .blog-card h2{font-size:18px}.blog-admin-list article{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #e2e8f0}.blog-admin-list img{width:110px;height:70px;object-fit:cover;border-radius:12px}.blog-admin-list h3{margin:0 0 7px}.blog-admin-list p{margin:0;color:#64748b}.blog-admin-list form{display:flex;gap:8px}.link-btn{border:0;background:none;color:#1877f2;cursor:pointer;font-weight:700}.link-btn.danger{color:#dc2626}.blog-filter{display:grid;grid-template-columns:1fr 220px auto;gap:12px}.blog-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.blog-editor-side{position:sticky;top:90px}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:#f8fafc;border:1px solid #dbe2ea;border-bottom:0;border-radius:12px 12px 0 0}.editor-toolbar button{background:#fff;border:1px solid #dbe2ea;border-radius:7px;padding:7px 10px;cursor:pointer}.rich-editor{min-height:480px;border:1px solid #dbe2ea;border-radius:0 0 12px 12px;padding:22px;background:#fff;line-height:1.75;outline:none}.seo-preview{padding:18px;margin:22px 0;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.seo-preview h3{color:#1a0dab;margin:7px 0;font-size:20px}.seo-preview div{color:#188038;font-size:13px}.seo-preview p{color:#4d5156}.blog-image-preview{width:100%;border-radius:12px;margin:8px 0 16px}.category-edit-row{display:grid;grid-template-columns:1fr 1fr 80px auto auto auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e2e8f0}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important}.blog-empty{text-align:center;padding:60px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-editor-grid{grid-template-columns:1fr}.blog-editor-side{position:static}.blog-hero{align-items:flex-start;flex-direction:column}.category-edit-row{grid-template-columns:1fr 1fr}.blog-admin-list article{grid-template-columns:80px 1fr}.blog-admin-list img{width:80px}.blog-admin-list .row-actions{grid-column:1/-1}.blog-filter{grid-template-columns:1fr}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:24px 18px;border-radius:18px}.blog-hero form{min-width:100%}.blog-detail h1{font-size:34px}.blog-detail .lead{font-size:17px}.blog-content{font-size:16px}.blog-content h2{font-size:26px}.blog-cta{align-items:flex-start;flex-direction:column}.blog-admin-list article{grid-template-columns:1fr}.blog-admin-list img{width:100%;height:150px}.category-edit-row{grid-template-columns:1fr}.rich-editor{min-height:380px;padding:14px}}
/* Blog editörü: HTML kaynak modu ve içerik içi görsel yükleme */
.editor-toolbar button.active{background:#1877f2;color:#fff;border-color:#1877f2}
.editor-toolbar button:disabled{opacity:.55;cursor:not-allowed}
.html-source-editor{width:100%;min-height:480px;border:1px solid #dbe2ea;border-radius:0 0 12px 12px;padding:18px;font:14px/1.65 Consolas,Monaco,monospace;background:#0f172a;color:#e2e8f0;resize:vertical}
.image-upload-status{min-height:24px;padding-top:7px;font-size:13px;font-weight:700;color:#475569}
.rich-editor img{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:14px}
@media(max-width:620px){.html-source-editor{min-height:380px;padding:14px}}
/* Blog admin professional controls */
.blog-row-actions{justify-content:flex-end;min-width:420px}.blog-row-actions form{display:flex;gap:8px;align-items:center}.admin-action-btn{min-height:40px;padding:0 13px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:850;line-height:1;text-decoration:none!important;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;background:#fff}.admin-action-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.10)}.admin-action-btn .action-icon{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:14px;font-weight:950}.admin-action-btn.edit{color:#1267d6;background:#eef6ff;border-color:#cfe3ff}.admin-action-btn.edit .action-icon{background:#dcecff}.admin-action-btn.view{color:#475569;background:#f8fafc;border-color:#dbe3ec}.admin-action-btn.view .action-icon{background:#e9eef5}.admin-action-btn.toggle{color:#087a55;background:#ecfdf5;border-color:#b9efd8}.admin-action-btn.toggle .action-icon{background:#d2f7e8}.admin-action-btn.delete{color:#c72638;background:#fff1f2;border-color:#fecdd3}.admin-action-btn.delete .action-icon{background:#ffe0e4}
.blog-editor-side{display:flex;flex-direction:column;gap:17px;padding:22px}.blog-side-field{display:grid;gap:7px}.blog-side-field>label,.blog-side-field>.field-label{font-weight:900;color:#1e293b;line-height:1.2}.blog-side-field input:not(.featured-file-input),.blog-side-field select{width:100%;height:52px;margin:0;border-radius:14px;padding:0 15px;background:#fff}.featured-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.featured-upload{width:100%;min-height:68px;border:1px dashed #a9c7eb;border-radius:15px;background:#f7fbff;display:flex!important;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:.18s}.featured-upload:hover{border-color:#1877f2;background:#eef6ff}.upload-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#1877f2;color:#fff;font-size:20px;font-weight:950}.upload-copy{min-width:0;display:grid;gap:3px}.upload-copy b{color:#0f172a}.upload-copy small{display:block;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.blog-image-preview-wrap{position:relative;overflow:hidden;border:1px solid #dbe5f0;border-radius:16px;background:#f8fafc;padding:7px}.blog-image-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px;margin:0}.blog-image-preview-wrap>span{position:absolute;left:14px;bottom:14px;padding:5px 8px;border-radius:8px;background:rgba(15,23,42,.82);color:#fff;font-size:11px;font-weight:800}.blog-checks{display:grid;gap:10px;padding:4px 2px}.blog-checks .check{min-height:24px;margin:0;font-weight:750;color:#334155}.blog-checks .check input{width:17px!important;height:17px!important;accent-color:#1877f2}.blog-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}.blog-editor-actions .btn{width:100%;height:48px;margin:0;padding:0 12px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.blog-editor-actions .btn-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);font-weight:950}.blog-editor-actions .ghost .btn-icon{background:#e8eef6;color:#526174}
@media(max-width:1100px){.blog-row-actions{min-width:0}.blog-admin-list article{grid-template-columns:90px minmax(0,1fr)}.blog-admin-list img{width:90px;height:62px}.blog-row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:640px){.blog-row-actions,.blog-row-actions form{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-action-btn{width:100%}.blog-editor-actions{grid-template-columns:1fr}.blog-editor-actions .btn{height:50px}}
/* Profesyonel haber portalı blog tasarımı */
.news-page-head{margin:22px 0 12px;padding:22px 24px;background:#fff;border:1px solid #dce5ef;border-radius:17px;display:flex;align-items:end;justify-content:space-between;gap:24px;box-shadow:0 7px 24px rgba(15,23,42,.045)}
.news-page-head h1{margin:5px 0 3px;font-size:clamp(28px,3.4vw,44px);line-height:1.1;color:#10233f}.news-page-head p{margin:0;color:#66758a}.news-breadcrumb{display:flex;gap:7px;align-items:center;font-size:12px;color:#718096}.news-breadcrumb a{color:#1877f2;font-weight:700}.news-search{display:flex;min-width:min(100%,410px);height:46px}.news-search input{width:100%;height:46px;margin:0;border:1px solid #cfd9e6;border-right:0;border-radius:11px 0 0 11px;padding:0 14px;background:#fff}.news-search button{height:46px;padding:0 22px;border:0;border-radius:0 11px 11px 0;background:#1877f2;color:#fff;font-weight:850;cursor:pointer}
.news-category-nav{display:flex;gap:7px;padding:9px 10px;margin-bottom:16px;background:#fff;border:1px solid #dce5ef;border-radius:13px;overflow:auto}.news-category-nav a{white-space:nowrap;padding:9px 13px;border-radius:9px;color:#3d5068;font-weight:750}.news-category-nav a:hover,.news-category-nav a.active{background:#eaf3ff;color:#126bd6}.news-category-nav small{margin-left:5px;padding:2px 6px;border-radius:999px;background:#edf1f6;color:#708096;font-size:10px}
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px;align-items:start;margin-bottom:34px}.news-main{min-width:0}.news-section{margin-bottom:18px;padding:10px;background:#fff;border:1px solid #d9e3ee;border-radius:14px;box-shadow:0 6px 22px rgba(15,23,42,.04)}.news-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-1px -1px 9px;padding:10px 12px;border-bottom:3px solid #2486e8}.news-section-title h2{margin:0;font-size:18px;color:#1764ad}.news-section-title a,.news-section-title span{font-size:12px;font-weight:750;color:#6c7c91}
.news-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.news-feature-card{border:1px solid #dce5ef;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.06)}.news-feature-card.is-large{grid-column:1/-1}.news-feature-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}.news-feature-card.is-large .news-feature-image{aspect-ratio:2.15/1}.news-feature-image img,.news-card-img img,.news-lead-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.news-feature-card:hover img,.news-card:hover img,.news-lead-card:hover img{transform:scale(1.025)}.news-feature-image span,.news-card-img b{position:absolute;right:0;top:0;padding:7px 12px;background:#ff9700;color:#fff;font-size:10px;font-weight:900;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}.news-feature-card>div{padding:12px}.news-feature-card h2{font-size:19px;line-height:1.3;margin:5px 0}.news-feature-card.is-large h2{font-size:24px}.news-feature-card h2 a,.news-card h3 a,.news-lead-card h3 a,.news-mini-list h3 a{color:#126cbd}.news-feature-card p,.news-card p,.news-lead-card p{margin:6px 0;color:#5f6f82;line-height:1.55}.news-kicker{display:inline-flex;font-size:11px;font-weight:850;color:#1877f2;text-transform:uppercase}.news-feature-card footer,.news-card footer,.news-lead-card footer,.news-mini-list footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;color:#8491a2;font-size:11px}
.news-category-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:13px}.news-lead-card{border:1px solid #dce5ef;border-radius:10px;overflow:hidden}.news-lead-image{display:block;aspect-ratio:16/9;overflow:hidden}.news-lead-card>div{padding:12px}.news-lead-card h3{font-size:20px;line-height:1.3;margin:0 0 7px}.news-mini-list{display:grid;gap:9px}.news-mini-list article{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px;padding:7px;border:1px solid #dce5ef;border-radius:9px}.news-mini-list img{width:115px;height:75px;object-fit:cover;border-radius:6px}.news-mini-list h3{font-size:14px;line-height:1.35;margin:2px 0}
.news-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.news-card{border:1px solid #dce5ef;border-radius:10px;overflow:hidden;background:#fff}.news-card-img{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}.news-card-body{padding:12px}.news-card h3{font-size:18px;line-height:1.35;margin:5px 0}.news-card p{font-size:13px}
.news-sidebar{display:grid;gap:13px;position:sticky;top:82px}.news-side-card{background:#fff;border:1px solid #d9e3ee;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(15,23,42,.04)}.news-side-card>h3{margin:0;padding:11px 13px;border-bottom:1px solid #e1e8f0;color:#277cc7;font-size:16px}.news-side-cats{padding:6px 12px}.news-side-cats a{display:flex;justify-content:space-between;align-items:center;padding:9px 2px;border-bottom:1px solid #edf1f5;color:#2676bd}.news-side-cats a:last-child{border-bottom:0}.news-side-cats b{min-width:27px;padding:2px 6px;border-radius:6px;background:#eef2f6;color:#77879a;text-align:center;font-size:10px}.news-side-list{padding:6px 10px}.news-side-list article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;padding:8px 2px;border-bottom:1px solid #edf1f5}.news-side-list article:last-child{border-bottom:0}.news-side-list img{width:58px;height:48px;object-fit:cover;border-radius:7px}.news-side-list h4{margin:0 0 3px;font-size:12px;line-height:1.35}.news-side-list h4 a{color:#176fbd}.news-side-list small{font-size:9px;color:#8996a6}.news-popular-list{margin:0;padding:8px 14px 11px 38px}.news-popular-list li{padding:8px 0;border-bottom:1px solid #edf1f5}.news-popular-list li:last-child{border:0}.news-popular-list a{display:block;color:#176fbd;font-size:12px;font-weight:750;line-height:1.35}.news-popular-list small{display:block;margin-top:3px;color:#8b97a6;font-size:9px}.news-stats{padding:10px 13px}.news-stats div{display:flex;justify-content:space-between;padding:6px 0;color:#738195;font-size:12px}.news-stats b{color:#24364b}.news-server-box{padding:17px;background:linear-gradient(135deg,#0e6ed0,#183b77);color:#fff}.news-server-box>span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#b9dcff}.news-server-box h3{padding:0;border:0;color:#fff;font-size:19px;margin:5px 0}.news-server-box p{font-size:12px;line-height:1.55;color:#d6e9ff}.news-server-box .btn{display:flex;margin-top:12px;background:#fff;color:#1267be}.news-empty{padding:48px 20px;text-align:center}.news-empty h3{margin-bottom:5px}
@media(max-width:1050px){.news-layout{grid-template-columns:1fr}.news-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.news-server-box{grid-column:1/-1}}
@media(max-width:720px){.news-page-head{align-items:stretch;flex-direction:column;padding:17px}.news-search{min-width:100%}.news-feature-grid,.news-category-grid,.news-card-grid{grid-template-columns:1fr}.news-feature-card.is-large{grid-column:auto}.news-feature-card.is-large .news-feature-image{aspect-ratio:16/9}.news-mini-list article{grid-template-columns:95px minmax(0,1fr)}.news-mini-list img{width:95px;height:67px}.news-sidebar{grid-template-columns:1fr}.news-server-box{grid-column:auto}.news-section{padding:7px}.news-feature-card.is-large h2{font-size:20px}}
/* Blog profesyonel 3'lü kart ve editör düzeltmeleri */
.news-card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.premium-news-card{display:flex;flex-direction:column;min-height:100%;border-radius:14px;box-shadow:0 8px 24px rgba(16,35,63,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.premium-news-card:hover{transform:translateY(-3px);border-color:#b8d5f3;box-shadow:0 14px 34px rgba(16,35,63,.12)}
.premium-news-card .news-card-img{aspect-ratio:16/9;background:#eaf1f8}
.premium-news-card .news-card-body{display:flex;flex:1;flex-direction:column;padding:15px}
.premium-news-card h3{font-size:17px;line-height:1.35;margin:7px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.premium-news-card p{font-size:13px;line-height:1.6;margin:0;color:#65758a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.premium-news-card footer{margin-top:auto;padding-top:12px;border-top:1px solid #edf2f7}
.blog-feature-switch-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #cfe0f3;border-radius:15px;background:linear-gradient(135deg,#f7fbff,#eef6ff)}
.blog-feature-switch-wrap>div{display:grid;gap:3px}.blog-feature-switch-wrap b{color:#16385f;font-size:14px}.blog-feature-switch-wrap small{color:#6d7f93;font-size:11px;line-height:1.35}
.blog-switch{position:relative;display:inline-flex!important;flex:0 0 48px;width:48px;height:27px;cursor:pointer}.blog-switch input{position:absolute;opacity:0;pointer-events:none}.blog-switch span{position:absolute;inset:0;border-radius:999px;background:#b7c3d1;transition:.2s}.blog-switch span:after{content:"";position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.25);transition:.2s}.blog-switch input:checked+span{background:#1877f2}.blog-switch input:checked+span:after{transform:translateX(21px)}
.image-upload-status{min-height:22px;margin:8px 0 2px;padding:0 2px;font-size:12px;font-weight:700;color:#64748b}.image-upload-status.loading{color:#176fbd}.image-upload-status.success{color:#078548}.image-upload-status.error{color:#c62828}
#insert-blog-image{background:#eaf4ff;border-color:#9bc7f3;color:#1268b8;font-weight:800}#insert-blog-image:disabled{opacity:.6;cursor:wait}
.rich-editor img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:13px;box-shadow:0 7px 22px rgba(15,23,42,.09)}
.html-source-editor{width:100%;min-height:480px;padding:18px;border:1px solid #dbe2ea;border-radius:0 0 12px 12px;font-family:Consolas,Monaco,monospace;line-height:1.55;resize:vertical}
@media(max-width:1200px){.news-card-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.news-card-grid-three{grid-template-columns:1fr}.premium-news-card h3{font-size:18px}}
/* === Professional Blog Portal 2026 === */
.portal-head{margin:24px 0 14px;padding:26px 28px;background:#fff;border:1px solid #d9e3ef;border-radius:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;box-shadow:0 12px 34px rgba(15,35,65,.06)}
.portal-head h1{margin:6px 0 5px;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.035em;color:#0d2240}.portal-head p{margin:0;font-size:16px;color:#66758a}.portal-breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:#7b8797}.portal-breadcrumb a{font-weight:800;color:#1877f2}.portal-search{display:flex;width:min(100%,420px);height:50px}.portal-search input{width:100%;height:50px;margin:0;border:1px solid #cdd8e6;border-right:0;border-radius:13px 0 0 13px;padding:0 16px;font-size:15px}.portal-search button{height:50px;padding:0 26px;border:0;border-radius:0 13px 13px 0;background:#1877f2;color:#fff;font-weight:900;cursor:pointer}
.portal-category-nav{display:flex;align-items:center;gap:6px;overflow:auto;margin-bottom:16px;padding:10px;background:#fff;border:1px solid #d9e3ef;border-radius:15px}.portal-category-nav a{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:10px;white-space:nowrap;color:#1c3555;font-size:14px;font-weight:850;text-decoration:none}.portal-category-nav a:hover,.portal-category-nav a.active{background:#eaf4ff;color:#126bc1}.portal-category-nav small{min-width:21px;height:21px;display:grid;place-items:center;border-radius:999px;background:#edf2f7;color:#5c6d82;font-size:11px}
.portal-hero{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);grid-template-rows:1fr auto;gap:14px;margin-bottom:18px;padding:14px;background:#09111d;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(4,15,31,.22)}.portal-hero-main{position:relative;min-height:430px;border-radius:13px;overflow:hidden}.portal-hero-main>img{width:100%;height:100%;object-fit:cover;display:block}.portal-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,18,.06) 20%,rgba(2,8,18,.88) 100%)}.portal-hero-copy{position:absolute;left:28px;right:28px;bottom:26px;color:#fff}.portal-hero-copy>b,.portal-hero-side b{display:inline-flex;margin-bottom:10px;padding:7px 10px;border-radius:999px;background:#fff;color:#124e8c;font-size:11px;font-weight:900;text-transform:uppercase}.portal-hero-copy h2{max-width:850px;margin:0 0 12px;font-size:clamp(28px,3.2vw,48px);line-height:1.08;letter-spacing:-.035em;color:#fff}.portal-hero-copy footer{display:flex;gap:14px;font-size:13px;color:#d6e2f2}.portal-hero-side{display:grid;gap:14px}.portal-hero-side>a{position:relative;min-height:207px;border-radius:12px;overflow:hidden}.portal-hero-side img{width:100%;height:100%;object-fit:cover}.portal-hero-side>a>span{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,18,.08),rgba(2,8,18,.84))}.portal-hero-side div{position:absolute;left:18px;right:18px;bottom:17px}.portal-hero-side h3{margin:0;color:#fff;font-size:20px;line-height:1.25}.portal-thumb-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.portal-thumb-strip a{position:relative;height:76px;border-radius:9px;overflow:hidden;border:2px solid transparent}.portal-thumb-strip a:hover{border-color:#2e91ef}.portal-thumb-strip img{width:100%;height:100%;object-fit:cover;opacity:.75}.portal-thumb-strip span{position:absolute;inset:auto 8px 7px;color:#fff;font-size:11px;font-weight:800;line-height:1.2;text-shadow:0 2px 5px #000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start;margin-bottom:38px}.portal-main{min-width:0}.portal-panel{background:#fff;border:1px solid #d9e3ef;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px rgba(15,35,65,.05)}.portal-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:3px solid #2486e8}.portal-section-head h2{margin:0;color:#0e2d50;font-size:22px;font-weight:950}.portal-section-head a,.portal-section-head span{color:#5d6f84;font-size:13px;font-weight:800}.portal-list{display:grid}.portal-list-card{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;padding:18px;border-bottom:1px solid #e5ebf2}.portal-list-card:last-child{border-bottom:0}.portal-list-image{position:relative;display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#eef3f8}.portal-list-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.portal-list-card:hover .portal-list-image img{transform:scale(1.035)}.portal-list-image b{position:absolute;right:10px;top:10px;padding:7px 9px;border-radius:8px;background:#ff9400;color:#fff;font-size:10px;font-weight:950}.portal-kicker{display:inline-flex;margin-bottom:7px;color:#1877f2;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.035em}.portal-list-content h3{margin:0 0 9px;font-size:24px;line-height:1.22;letter-spacing:-.02em}.portal-list-content h3 a{color:#102f53}.portal-list-content p{margin:0 0 13px;color:#5d6e82;font-size:15px;line-height:1.62}.portal-list-content footer{display:flex;gap:14px;flex-wrap:wrap;color:#8390a1;font-size:12px;font-weight:700}
.portal-sidebar{display:grid;gap:16px;position:sticky;top:86px}.portal-side-card{background:#fff;border:1px solid #d9e3ef;border-radius:15px;overflow:hidden;box-shadow:0 8px 24px rgba(15,35,65,.045)}.portal-side-card>h3{margin:0;padding:17px 18px;border-bottom:1px solid #e4eaf1;color:#0f3157;font-size:19px;font-weight:950}.portal-side-cats{padding:7px 15px 12px}.portal-side-cats a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid #edf1f5;color:#1e5f9d;font-size:15px;font-weight:800}.portal-side-cats a:last-child{border-bottom:0}.portal-side-cats b{min-width:28px;height:25px;display:grid;place-items:center;border-radius:999px;background:#eef3f8;color:#53677e;font-size:12px}.portal-side-list{padding:7px 14px 13px}.portal-side-list article{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f5}.portal-side-list article:last-child{border-bottom:0}.portal-side-list .thumb{display:block;width:82px;height:60px;border-radius:8px;overflow:hidden}.portal-side-list img{width:100%;height:100%;object-fit:cover}.portal-side-list h4{margin:0 0 6px;font-size:14px;line-height:1.32}.portal-side-list h4 a{color:#174f87}.portal-side-list small{color:#8a96a6;font-size:11px}.portal-popular-list{list-style:none;margin:0;padding:9px 15px 15px}.portal-popular-list li+li{border-top:1px solid #edf1f5}.portal-popular-list a{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:13px 0}.portal-popular-list a>span{font-size:28px;font-weight:950;color:#d8e0ea}.portal-popular-list b{display:block;color:#174f87;font-size:14px;line-height:1.33}.portal-popular-list small{display:block;margin-top:4px;color:#8a96a6;font-size:11px}.portal-stats{padding:10px 17px 16px}.portal-stats div{display:flex;justify-content:space-between;padding:9px 0;color:#65758a}.portal-stats b{color:#0d2e52}.portal-server-box{padding:20px;background:linear-gradient(145deg,#1764ad,#123d70);color:#fff}.portal-server-box>span{font-size:11px;font-weight:950;text-transform:uppercase}.portal-server-box h3{margin:7px 0 8px!important;padding:0!important;border:0!important;color:#fff!important;font-size:22px!important}.portal-server-box p{margin:0 0 16px;color:#d8e8f8;line-height:1.55}.portal-server-box .btn{width:100%;justify-content:center;background:#fff;color:#154f87}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;margin:24px 0 40px}.article-shell{min-width:0}.article-card,.article-related,.article-side-card{background:#fff;border:1px solid #d9e3ef;border-radius:17px;box-shadow:0 10px 30px rgba(15,35,65,.055)}.article-card{position:relative;padding:26px 28px 32px}.article-breadcrumb{display:flex;gap:8px;align-items:center;padding-bottom:17px;border-bottom:1px solid #e7edf3;color:#7a8797;font-size:13px}.article-breadcrumb a{color:#4d6782;font-weight:750}.article-toolbar{position:absolute;right:24px;top:18px;display:flex;gap:7px}.article-toolbar button{height:34px;padding:0 11px;border:1px solid #dbe4ee;border-radius:9px;background:#f7f9fc;color:#35516f;font-weight:800;cursor:pointer}.article-category{display:inline-flex;margin:27px 0 12px;padding:7px 10px;border-radius:999px;background:#eaf4ff;color:#126bc1;font-size:11px;font-weight:950;text-transform:uppercase}.article-card h1{max-width:980px;margin:0 0 16px;color:#0a203c;font-size:clamp(34px,4.1vw,56px);line-height:1.08;letter-spacing:-.04em}.article-lead{margin:0 0 22px;color:#263d57;font-size:21px;line-height:1.58;font-weight:500}.article-author-row{display:flex;align-items:center;gap:12px;margin-bottom:22px}.article-author-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#1877f2,#0d4d95);color:#fff;font-size:20px;font-weight:950}.article-author-row b{display:block;color:#173755}.article-author-row small{display:block;color:#1877f2;font-size:11px}.article-meta{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap;color:#758397;font-size:12px}.article-cover{display:block;width:100%;max-height:650px;object-fit:cover;border-radius:14px;margin:0 0 28px}.article-content{color:#203349;font-size:18px;line-height:1.86}.article-content p{margin:0 0 20px}.article-content h2{margin:38px 0 14px;color:#0e3158;font-size:31px;line-height:1.2;letter-spacing:-.025em}.article-content h3{margin:30px 0 12px;color:#164b80;font-size:24px}.article-content ul,.article-content ol{margin:0 0 22px;padding-left:25px}.article-content li{margin:8px 0}.article-content img{display:block;max-width:100%;height:auto;margin:26px auto;border-radius:13px;box-shadow:0 8px 24px rgba(15,35,65,.12)}.article-content blockquote{margin:24px 0;padding:18px 20px;border-left:4px solid #1877f2;background:#f0f7ff;border-radius:0 12px 12px 0}.article-content pre{overflow:auto;padding:18px;border-radius:12px;background:#0c1726;color:#e8f2ff}.article-content code{padding:2px 5px;border-radius:5px;background:#eef3f8}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding:22px;border-radius:15px;background:linear-gradient(145deg,#123d70,#1764ad);color:#fff}.article-cta span{font-size:11px;font-weight:950;text-transform:uppercase}.article-cta h2{margin:5px 0!important;color:#fff!important;font-size:24px!important}.article-cta p{margin:0;color:#d8e8f8}.article-cta .btn{flex:0 0 auto;background:#fff;color:#154f87}.article-related{margin-top:18px;overflow:hidden}.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:17px}.article-related article{border:1px solid #e0e7ef;border-radius:12px;overflow:hidden}.article-related article a{display:block}.article-related img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-related h3{margin:12px 12px 7px;color:#174f87;font-size:16px;line-height:1.35}.article-related small{display:block;margin:0 12px 13px;color:#8793a3}.article-sidebar{display:grid;gap:16px;position:sticky;top:86px}.article-side-card{overflow:hidden}.article-side-card>h3{margin:0;padding:17px 18px;border-bottom:1px solid #e5ebf2;color:#0f3157;font-size:19px;font-weight:950}.article-side-card nav{display:grid;padding:10px 16px 16px}.article-side-card nav a{padding:9px 0;border-bottom:1px solid #edf1f5;color:#285f95;font-size:14px;font-weight:750}.article-side-card nav a.sub{padding-left:14px;font-size:13px}.article-popular{list-style:none;margin:0;padding:8px 15px 15px}.article-popular li+li{border-top:1px solid #edf1f5}.article-popular a{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:13px 0}.article-popular a>span{font-size:30px;font-weight:950;color:#d9e1eb}.article-popular b{display:block;color:#174f87;font-size:14px;line-height:1.35}.article-popular small{display:block;margin-top:4px;color:#8a96a6}.article-server-card{padding:20px;background:linear-gradient(145deg,#1764ad,#123d70);color:#fff}.article-server-card>span{font-size:11px;font-weight:950;text-transform:uppercase}.article-server-card h3{margin:7px 0 8px!important;padding:0!important;border:0!important;color:#fff!important;font-size:23px!important}.article-server-card p{color:#d8e8f8;line-height:1.55}.article-server-card .btn{width:100%;justify-content:center;background:#fff;color:#154f87}
.blog-editor-actions{grid-template-columns:1fr!important;gap:10px!important}.blog-editor-actions .btn{height:52px!important;border-radius:12px!important;font-size:14px!important;font-weight:950!important;overflow:visible!important}.blog-editor-actions .btn span:last-child{white-space:nowrap;overflow:visible}.blog-save-btn{background:#18b98d!important}.blog-preview-btn{background:#eef4fb!important;color:#27445f!important;border:1px solid #cfdae7!important}.blog-editor-side{overflow:visible!important}.blog-checks .check{font-size:14px!important}.image-upload-status{min-height:20px;font-size:13px;font-weight:750}.image-upload-status.success{color:#0d9b70}.image-upload-status.error{color:#d23c3c}.image-upload-status.loading{color:#1764ad}
@media(max-width:1100px){.portal-layout,.article-layout{grid-template-columns:1fr}.portal-sidebar,.article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.portal-server-box,.article-server-card{grid-column:1/-1}.portal-hero{grid-template-columns:1fr}.portal-hero-side{grid-template-columns:1fr 1fr}.portal-thumb-strip{grid-column:auto}.article-toolbar{position:static;margin:10px 0 0}.article-breadcrumb{padding-bottom:10px}.article-author-row{align-items:flex-start;flex-wrap:wrap}.article-meta{margin-left:0;width:100%}}
@media(max-width:760px){.portal-head{flex-direction:column;align-items:stretch;padding:20px}.portal-head h1{font-size:36px}.portal-search{width:100%}.portal-hero{padding:9px}.portal-hero-main{min-height:340px}.portal-hero-copy{left:18px;right:18px;bottom:18px}.portal-hero-copy h2{font-size:30px}.portal-hero-side{grid-template-columns:1fr}.portal-thumb-strip{display:none}.portal-list-card{grid-template-columns:1fr;padding:14px;gap:13px}.portal-list-content h3{font-size:21px}.portal-sidebar,.article-sidebar{grid-template-columns:1fr}.portal-server-box,.article-server-card{grid-column:auto}.article-card{padding:18px}.article-card h1{font-size:36px}.article-lead{font-size:18px}.article-meta{display:grid;gap:5px}.article-content{font-size:17px}.article-content h2{font-size:27px}.article-content h3{font-size:22px}.article-cta{align-items:flex-start;flex-direction:column}.article-related-grid{grid-template-columns:1fr}.portal-category-nav a{font-size:13px}.blog-editor-actions{grid-template-columns:1fr!important}}
/* BLOG HERO DENGELI PORTAL DUZENI - 2026-07-11 */
.portal-hero{
grid-template-columns:minmax(0,2.05fr) minmax(320px,.95fr)!important;
grid-template-rows:470px!important;
gap:16px!important;
padding:14px!important;
margin-bottom:22px!important;
background:#0a1320!important;
border-radius:18px!important;
}
.portal-hero-main{
min-height:0!important;
height:470px!important;
}
.portal-hero-main>img{
object-fit:cover!important;
object-position:center!important;
}
.portal-hero-copy{
left:26px!important;
right:26px!important;
bottom:24px!important;
}
.portal-hero-copy h2{
max-width:760px!important;
font-size:clamp(30px,3vw,46px)!important;
}
.portal-hero-side{
display:grid!important;
grid-template-rows:repeat(2,minmax(0,1fr))!important;
gap:16px!important;
min-height:0!important;
}
.portal-hero-side.is-single{
grid-template-rows:1fr!important;
}
.portal-hero-side>a{
min-height:0!important;
height:auto!important;
background:#111c2b!important;
}
.portal-hero-side img{
object-fit:cover!important;
object-position:center!important;
}
.portal-hero-side.is-single img{
object-fit:contain!important;
background:#08111d!important;
}
.portal-hero-side h3{
font-size:20px!important;
line-height:1.28!important;
}
.portal-thumb-strip{display:none!important}
@media(max-width:1100px){
.portal-hero{grid-template-columns:1fr!important;grid-template-rows:auto!important}
.portal-hero-main{height:430px!important}
.portal-hero-side{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:230px!important}
.portal-hero-side.is-single{grid-template-columns:1fr!important;grid-template-rows:260px!important}
.portal-hero-side.is-single img{object-fit:cover!important}
}
@media(max-width:760px){
.portal-hero{padding:9px!important;gap:10px!important;border-radius:15px!important}
.portal-hero-main{height:330px!important}
.portal-hero-side,.portal-hero-side.is-single{grid-template-columns:1fr!important;grid-template-rows:none!important}
.portal-hero-side>a{height:210px!important}
.portal-hero-side.is-single img{object-fit:cover!important}
.portal-hero-copy{left:18px!important;right:18px!important;bottom:17px!important}
.portal-hero-copy h2{font-size:29px!important}
}
/* =========================================================
BLOG SIDEBAR – PROFESSIONAL REFINEMENT
========================================================= */
.portal-sidebar{
gap:20px;
}
.portal-side-card{
border:1px solid #d6e1ee;
border-radius:18px;
background:#fff;
box-shadow:0 12px 34px rgba(15,43,77,.07);
overflow:hidden;
transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.portal-side-card:hover{
transform:translateY(-2px);
border-color:#c4d6e9;
box-shadow:0 16px 38px rgba(15,43,77,.10);
}
.portal-side-card>h3{
position:relative;
display:flex;
align-items:center;
min-height:62px;
margin:0;
padding:18px 20px 18px 23px;
border-bottom:1px solid #e6edf5;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
color:#0b2f55;
font-size:20px;
line-height:1.2;
font-weight:950;
letter-spacing:-.025em;
}
.portal-side-card>h3:before{
content:"";
position:absolute;
left:0;
top:17px;
bottom:17px;
width:4px;
border-radius:0 6px 6px 0;
background:linear-gradient(180deg,#1e88ff,#0d63c7);
}
/* Categories */
.portal-side-cats{
padding:8px 16px 12px;
}
.portal-side-cats a{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:50px;
padding:10px 2px 10px 13px;
border-bottom:1px solid #edf2f7;
color:#124f89;
font-size:15px;
line-height:1.35;
font-weight:850;
text-decoration:none;
transition:color .18s ease,transform .18s ease,background .18s ease;
}
.portal-side-cats a:before{
content:"";
position:absolute;
left:0;
width:5px;
height:5px;
border-radius:50%;
background:#8eb9e7;
transition:transform .18s ease,background .18s ease;
}
.portal-side-cats a:hover{
color:#0b6fd3;
transform:translateX(3px);
}
.portal-side-cats a:hover:before{
transform:scale(1.45);
background:#1877f2;
}
.portal-side-cats a:last-child{border-bottom:0}
.portal-side-cats b{
flex:0 0 auto;
min-width:31px;
height:28px;
padding:0 8px;
display:grid;
place-items:center;
border:1px solid #dce8f4;
border-radius:999px;
background:#f2f7fc;
color:#315f8c;
font-size:12px;
font-weight:950;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
/* Latest posts */
.portal-side-list{
padding:6px 15px 14px;
}
.portal-side-list article{
display:grid;
grid-template-columns:94px minmax(0,1fr);
gap:13px;
align-items:center;
padding:14px 0;
border-bottom:1px solid #edf2f7;
}
.portal-side-list article:last-child{border-bottom:0}
.portal-side-list .thumb{
position:relative;
display:block;
width:94px;
height:68px;
border-radius:11px;
overflow:hidden;
background:#edf3f8;
box-shadow:0 5px 15px rgba(14,48,82,.10);
}
.portal-side-list .thumb:after{
content:"";
position:absolute;
inset:0;
border:1px solid rgba(255,255,255,.48);
border-radius:inherit;
pointer-events:none;
}
.portal-side-list img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .28s ease;
}
.portal-side-list article:hover img{transform:scale(1.05)}
.portal-side-list h4{
margin:0 0 7px;
font-size:14.5px;
line-height:1.38;
font-weight:900;
letter-spacing:-.012em;
}
.portal-side-list h4 a{
color:#103f70;
text-decoration:none;
}
.portal-side-list h4 a:hover{color:#0b72d7}
.portal-side-list small{
display:block;
color:#7e8da0;
font-size:11.5px;
line-height:1.45;
font-weight:700;
}
/* Popular posts */
.portal-popular-list{
list-style:none;
margin:0;
padding:7px 16px 14px;
counter-reset:popular;
}
.portal-popular-list li{
counter-increment:popular;
}
.portal-popular-list li+li{border-top:1px solid #edf2f7}
.portal-popular-list a{
display:grid;
grid-template-columns:48px minmax(0,1fr);
gap:12px;
align-items:center;
min-height:74px;
padding:13px 0;
text-decoration:none;
}
.portal-popular-list a>span{
width:46px;
height:46px;
display:grid;
place-items:center;
border:1px solid #dfe9f3;
border-radius:13px;
background:linear-gradient(145deg,#f8fbff,#eef5fb);
color:#8da6bf;
font-size:20px;
line-height:1;
font-weight:950;
letter-spacing:-.04em;
transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.portal-popular-list a:hover>span{
border-color:#bed9f5;
background:#eaf4ff;
color:#1877f2;
}
.portal-popular-list b{
display:block;
color:#103f70;
font-size:14.5px;
line-height:1.38;
font-weight:900;
letter-spacing:-.01em;
}
.portal-popular-list a:hover b{color:#0b72d7}
.portal-popular-list small{
display:block;
margin-top:5px;
color:#7e8da0;
font-size:11.5px;
font-weight:700;
}
/* Statistics */
.portal-stats{
display:grid;
gap:9px;
padding:16px;
background:linear-gradient(180deg,#fff,#fbfdff);
}
.portal-stats div{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
min-height:48px;
padding:11px 13px;
border:1px solid #e3ebf4;
border-radius:12px;
background:#f8fbfe;
color:#60758b;
font-size:13.5px;
font-weight:800;
}
.portal-stats div:before{
content:"";
width:8px;
height:8px;
flex:0 0 auto;
border-radius:50%;
background:#80b9ef;
box-shadow:0 0 0 5px rgba(24,119,242,.08);
}
.portal-stats span{margin-right:auto}
.portal-stats b{
min-width:34px;
height:28px;
padding:0 8px;
display:grid;
place-items:center;
border-radius:9px;
background:#eaf4ff;
color:#0d63b6;
font-size:13px;
font-weight:950;
}
@media(max-width:1100px){
.portal-sidebar{gap:16px}
}
@media(max-width:760px){
.portal-side-card>h3{
min-height:58px;
padding:16px 18px 16px 21px;
font-size:18px;
}
.portal-side-cats a{font-size:14px}
.portal-side-list article{grid-template-columns:88px minmax(0,1fr)}
.portal-side-list .thumb{width:88px;height:64px}
}
/* FIX: PvP server CTA metinlerinin görünürlüğü */
.portal-sidebar .portal-server-box,
.article-sidebar .article-server-card{
position:relative;
overflow:hidden;
padding:22px !important;
border:1px solid #0f5fb4 !important;
border-radius:17px !important;
background:linear-gradient(145deg,#176fca 0%,#124b8d 100%) !important;
box-shadow:0 14px 30px rgba(17,78,142,.20) !important;
color:#fff !important;
}
.portal-sidebar .portal-server-box::before,
.article-sidebar .article-server-card::before{
content:"";
position:absolute;
width:150px;
height:150px;
right:-55px;
top:-70px;
border-radius:50%;
background:rgba(255,255,255,.08);
pointer-events:none;
}
.portal-sidebar .portal-server-box > span,
.article-sidebar .article-server-card > span{
position:relative;
z-index:1;
display:block;
margin:0 0 7px;
color:#dceeff !important;
font-size:11px !important;
line-height:1.35;
font-weight:950 !important;
letter-spacing:.07em;
text-transform:uppercase;
}
.portal-sidebar .portal-server-box h3,
.article-sidebar .article-server-card h3{
position:relative;
z-index:1;
margin:0 0 9px !important;
padding:0 !important;
border:0 !important;
background:none !important;
color:#fff !important;
font-size:21px !important;
line-height:1.25 !important;
font-weight:950 !important;
letter-spacing:-.02em;
text-shadow:0 1px 2px rgba(0,0,0,.14);
}
.portal-sidebar .portal-server-box p,
.article-sidebar .article-server-card p{
position:relative;
z-index:1;
margin:0 0 17px !important;
color:#e8f3ff !important;
font-size:13.5px !important;
line-height:1.6 !important;
font-weight:600;
}
.portal-sidebar .portal-server-box .btn,
.article-sidebar .article-server-card .btn{
position:relative;
z-index:1;
width:100% !important;
min-height:46px;
display:flex !important;
align-items:center;
justify-content:center;
gap:9px;
padding:0 15px !important;
border:1px solid rgba(255,255,255,.72) !important;
border-radius:13px !important;
background:#fff !important;
box-shadow:0 7px 16px rgba(5,42,83,.18) !important;
color:#134f8c !important;
font-size:12px !important;
line-height:1 !important;
font-weight:950 !important;
letter-spacing:.02em;
text-decoration:none !important;
text-shadow:none !important;
}
.portal-sidebar .portal-server-box .btn:hover,
.article-sidebar .article-server-card .btn:hover{
transform:translateY(-1px);
background:#f3f8ff !important;
color:#0b63b8 !important;
}
.portal-sidebar .portal-server-box .btn *,
.article-sidebar .article-server-card .btn *{
color:inherit !important;
fill:currentColor;
}
/* ===== CTA VISIBILITY HOTFIX v2 - 2026-07-11 ===== */
body .portal-server-box,
body .portal-side-card.portal-server-box,
body .article-server-card,
body .article-side-card.article-server-card {
background: linear-gradient(135deg, #0f5fae 0%, #123f73 100%) !important;
border: 1px solid #0d4f91 !important;
color: #ffffff !important;
}
body .portal-server-box > span,
body .portal-server-box h3,
body .portal-server-box p,
body .article-server-card > span,
body .article-server-card h3,
body .article-server-card p {
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
text-shadow: none !important;
}
body .portal-server-box > span,
body .article-server-card > span {
color: #bfe1ff !important;
}
body .portal-server-box h3,
body .article-server-card h3 {
color: #ffffff !important;
}
body .portal-server-box p,
body .article-server-card p {
color: #e6f2ff !important;
}
body .portal-server-box a.btn,
body .article-server-card a.btn {
background: #ffffff !important;
color: #0f4f89 !important;
border-color: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
}
body .portal-server-box a.btn:hover,
body .article-server-card a.btn:hover {
background: #eaf4ff !important;
color: #083b6c !important;
}
/* ===== GERCEK SERVER CTA DUZELTMESI v3 - 2026-07-11 ===== */
.news-sidebar .news-side-card.news-server-box,
.news-side-card.news-server-box,
.portal-sidebar .portal-side-card.portal-server-box,
.portal-side-card.portal-server-box,
.article-sidebar .article-side-card.article-server-card,
.article-side-card.article-server-card {
display:block !important;
padding:22px !important;
min-height:210px !important;
border:1px solid #0f5ba8 !important;
border-radius:18px !important;
background:linear-gradient(145deg,#1678df 0%,#0b4f96 58%,#083b70 100%) !important;
box-shadow:0 14px 32px rgba(14,78,145,.22) !important;
color:#fff !important;
overflow:hidden !important;
}
.news-sidebar .news-side-card.news-server-box > span,
.news-side-card.news-server-box > span,
.portal-side-card.portal-server-box > span,
.article-side-card.article-server-card > span {
display:block !important;
margin:0 0 8px !important;
padding:0 !important;
color:#cde8ff !important;
-webkit-text-fill-color:#cde8ff !important;
opacity:1 !important;
visibility:visible !important;
font-size:11px !important;
line-height:1.3 !important;
font-weight:900 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
}
.news-sidebar .news-side-card.news-server-box h3,
.news-side-card.news-server-box h3,
.portal-side-card.portal-server-box h3,
.article-side-card.article-server-card h3 {
display:block !important;
margin:0 0 10px !important;
padding:0 !important;
border:0 !important;
background:none !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
opacity:1 !important;
visibility:visible !important;
font-size:21px !important;
line-height:1.25 !important;
font-weight:900 !important;
text-shadow:0 2px 8px rgba(0,0,0,.18) !important;
}
.news-sidebar .news-side-card.news-server-box p,
.news-side-card.news-server-box p,
.portal-side-card.portal-server-box p,
.article-side-card.article-server-card p {
display:block !important;
margin:0 0 17px !important;
padding:0 !important;
color:#e7f3ff !important;
-webkit-text-fill-color:#e7f3ff !important;
opacity:1 !important;
visibility:visible !important;
font-size:14px !important;
line-height:1.65 !important;
font-weight:600 !important;
}
.news-sidebar .news-side-card.news-server-box .btn,
.news-side-card.news-server-box .btn,
.portal-side-card.portal-server-box .btn,
.article-side-card.article-server-card .btn {
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:48px !important;
margin:0 !important;
padding:0 18px !important;
border:1px solid rgba(255,255,255,.95) !important;
border-radius:14px !important;
background:#fff !important;
color:#0b4d8b !important;
-webkit-text-fill-color:#0b4d8b !important;
opacity:1 !important;
visibility:visible !important;
font-size:12px !important;
line-height:1 !important;
font-weight:900 !important;
letter-spacing:.025em !important;
text-decoration:none !important;
box-shadow:0 8px 18px rgba(4,39,75,.22) !important;
}
.news-sidebar .news-side-card.news-server-box .btn:hover,
.news-side-card.news-server-box .btn:hover,
.portal-side-card.portal-server-box .btn:hover,
.article-side-card.article-server-card .btn:hover {
background:#eef7ff !important;
color:#073d70 !important;
-webkit-text-fill-color:#073d70 !important;
transform:translateY(-1px) !important;
}
/* =========================================================
2026 PROFESSIONAL SERVER LIST — SAFE VISUAL OVERRIDES
Scope: ana sayfadaki güncel sunucu kartları
========================================================= */
.pg-server-grid.server-grid-modern{
gap:16px!important;
}
.pg-server-card-premium{
grid-template-columns:minmax(250px,32%) minmax(0,1fr)!important;
min-height:218px!important;
border:1px solid #d9e3f0!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 8px 24px rgba(22,47,84,.075)!important;
overflow:hidden!important;
transform:none!important;
}
.pg-server-card-premium:hover{
transform:translateY(-2px)!important;
border-color:#c4d5ea!important;
box-shadow:0 14px 34px rgba(22,47,84,.12)!important;
}
.pg-server-card-premium .pg-card-media{
min-height:218px!important;
height:218px!important;
background:#0d203e!important;
}
.pg-server-card-premium .pg-card-media img{
object-fit:cover!important;
object-position:center!important;
transform:none!important;
}
.pg-server-card-premium:hover .pg-card-media img{
transform:scale(1.025)!important;
}
.pg-server-card-premium .pg-card-media-shade{
background:linear-gradient(90deg,rgba(5,16,35,.04),rgba(5,16,35,.18)),linear-gradient(0deg,rgba(5,16,35,.22),transparent 58%)!important;
}
.pg-server-card-premium .pg-plan-badge{
top:13px!important;
left:13px!important;
padding:7px 11px!important;
border-radius:9px!important;
font-size:9px!important;
letter-spacing:.06em!important;
box-shadow:0 5px 14px rgba(0,0,0,.2)!important;
}
.pg-server-card-premium .pg-card-info{
padding:18px 20px!important;
background:#fff!important;
}
.pg-server-card-premium .pg-card-main{
grid-template-columns:66px minmax(0,1fr)!important;
gap:14px!important;
align-items:center!important;
}
.pg-server-card-premium .pg-card-logo{
width:66px!important;
height:66px!important;
padding:4px!important;
border-radius:15px!important;
border:1px solid #d8e2ef!important;
box-shadow:0 5px 14px rgba(22,47,84,.10)!important;
}
.pg-server-card-premium .pg-card-logo img{
border-radius:11px!important;
}
.pg-server-card-premium h3{
margin:0 0 6px!important;
font-size:20px!important;
line-height:1.1!important;
letter-spacing:-.025em!important;
}
.pg-server-card-premium h3 i{
width:16px!important;
height:16px!important;
font-size:10px!important;
}
.pg-server-card-premium .pg-card-copy p{
display:block!important;
max-width:100%!important;
font-size:12px!important;
line-height:1.45!important;
color:#607089!important;
font-weight:700!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.pg-server-card-premium .pg-card-copy p .pg-game-swords{
display:inline-grid!important;
place-items:center!important;
width:18px!important;
height:18px!important;
margin-right:3px!important;
border-radius:6px!important;
background:#eef5ff!important;
color:#1767ef!important;
font-size:0!important;
vertical-align:-4px!important;
}
.pg-server-card-premium .pg-card-copy p .pg-game-swords::before{
content:'';
width:11px;
height:11px;
background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231767ef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='4'/%3E%3Cpath d='M8 12h8M12 8v8'/%3E%3C/svg%3E");
}
.pg-card-bottom{
grid-template-columns:minmax(0,1fr) 220px!important;
gap:18px!important;
margin-top:17px!important;
padding-top:15px!important;
border-top:1px solid #e8eef6!important;
}
.pg-server-card-premium .pg-card-stats{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
min-height:52px!important;
border:1px solid #e2e9f2!important;
border-radius:12px!important;
background:#f9fbfd!important;
overflow:hidden!important;
}
.pg-server-card-premium .pg-card-stats>span{
grid-template-columns:34px minmax(0,1fr)!important;
min-height:52px!important;
padding:0 12px!important;
border:0!important;
}
.pg-server-card-premium .pg-card-stats>span+span{
border-left:1px solid #e2e9f2!important;
}
.pg-server-card-premium .pg-card-stats i{
width:31px!important;
height:31px!important;
border-radius:9px!important;
}
.pg-server-card-premium .pg-card-stats svg{
width:15px!important;
height:15px!important;
}
.pg-server-card-premium .pg-card-stats small{
font-size:9px!important;
color:#7a8aa1!important;
}
.pg-server-card-premium .pg-card-stats b{
font-size:17px!important;
}
.pg-server-card-premium .pg-card-actions{
gap:8px!important;
}
.pg-server-card-premium .pg-card-actions a{
min-height:44px!important;
grid-template-columns:28px minmax(0,1fr) 10px!important;
gap:8px!important;
padding:0 12px!important;
border-radius:10px!important;
font-size:12px!important;
box-shadow:none!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:27px!important;
height:27px!important;
border-radius:8px!important;
}
.pg-server-card-premium .pg-card-actions a svg{
width:15px!important;
height:15px!important;
}
.pg-server-card-premium .pg-card-actions a b{
font-size:17px!important;
}
.pg-detail-action{
background:#fff!important;
}
.pg-site-action{
background:#1767e8!important;
box-shadow:0 6px 14px rgba(23,103,232,.18)!important;
}
@media(max-width:1020px){
.pg-server-card-premium{grid-template-columns:250px minmax(0,1fr)!important;}
.pg-card-bottom{grid-template-columns:1fr 190px!important;}
}
@media(max-width:760px){
.pg-server-card-premium{grid-template-columns:1fr!important;min-height:0!important;border-radius:16px!important;}
.pg-server-card-premium .pg-card-media{height:160px!important;min-height:160px!important;}
.pg-server-card-premium .pg-card-info{padding:14px!important;}
.pg-server-card-premium .pg-card-main{grid-template-columns:58px minmax(0,1fr)!important;gap:11px!important;margin-top:-29px!important;position:relative!important;z-index:2!important;}
.pg-server-card-premium .pg-card-logo{width:58px!important;height:58px!important;border-radius:14px!important;}
.pg-server-card-premium h3{font-size:18px!important;margin-top:30px!important;}
.pg-card-bottom{display:block!important;margin-top:12px!important;padding-top:12px!important;}
.pg-server-card-premium .pg-card-stats{margin-bottom:10px!important;}
.pg-server-card-premium .pg-card-actions{grid-template-columns:1fr 1fr!important;}
}
/* Server karti hover vurgusu - belirgin premium amber cerceve */
.pg-server-card-premium{
transition:border-color .20s ease, box-shadow .20s ease, transform .20s ease!important;
}
.pg-server-card-premium:hover{
border-color:#f59e0b!important;
box-shadow:0 14px 34px rgba(245,158,11,.18), 0 0 0 2px rgba(245,158,11,.34)!important;
transform:translateY(-2px)!important;
}
.pg-server-card-premium:focus-within{
border-color:#f59e0b!important;
box-shadow:0 14px 34px rgba(245,158,11,.18), 0 0 0 2px rgba(245,158,11,.34)!important;
}
/* =========================================================
PROFESSIONAL ACTION + FILTER BUTTONS — FINAL OVERRIDE
Net SVG ikonlar, kontrollü gradient, ince dış çerçeve
========================================================= */
/* Filtre paneli başlığı */
.pg-filter-panel-premium .pg-filter-heading-icon,
.pg-filter-heading .pg-filter-heading-icon{
width:46px!important;
height:46px!important;
min-width:46px!important;
border-radius:12px!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(180deg,#ffffff 0%,#edf5ff 100%)!important;
border:1px solid #cdddf3!important;
color:#1767e8!important;
box-shadow:
0 1px 0 rgba(255,255,255,.95) inset,
0 5px 12px rgba(20,70,130,.08)!important;
}
/* Filtre butonları */
.pg-filter-panel-premium .pg-filter-pill{
position:relative!important;
min-height:46px!important;
padding:0 13px!important;
border-radius:11px!important;
border:1px solid #cbd9eb!important;
background:linear-gradient(180deg,#ffffff 0%,#f5f8fc 100%)!important;
color:#10233f!important;
box-shadow:
0 1px 0 rgba(255,255,255,.95) inset,
0 3px 8px rgba(20,55,95,.06)!important;
transition:
transform .16s ease,
border-color .16s ease,
box-shadow .16s ease,
background .16s ease!important;
}
.pg-filter-panel-premium .pg-filter-pill:hover{
transform:translateY(-1px)!important;
border-color:#8fb6ea!important;
background:linear-gradient(180deg,#ffffff 0%,#eaf3ff 100%)!important;
box-shadow:
0 1px 0 rgba(255,255,255,.95) inset,
0 6px 14px rgba(23,103,232,.12)!important;
}
.pg-filter-panel-premium .pg-filter-pill.active,
.pg-filter-panel-premium .pg-filter-pill[aria-current="page"]{
border-color:#1767e8!important;
background:linear-gradient(180deg,#2f80f2 0%,#1767e8 100%)!important;
color:#fff!important;
box-shadow:
0 1px 0 rgba(255,255,255,.22) inset,
0 6px 14px rgba(23,103,232,.24)!important;
}
.pg-filter-panel-premium .pg-filter-pill .pg-filter-icon{
width:27px!important;
height:27px!important;
min-width:27px!important;
border-radius:8px!important;
display:grid!important;
place-items:center!important;
background:#eef5ff!important;
color:#1767e8!important;
box-shadow:inset 0 0 0 1px rgba(23,103,232,.10)!important;
}
.pg-filter-panel-premium .pg-filter-pill.active .pg-filter-icon,
.pg-filter-panel-premium .pg-filter-pill[aria-current="page"] .pg-filter-icon{
background:rgba(255,255,255,.16)!important;
color:#fff!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
.pg-filter-panel-premium .pg-filter-pill em,
.pg-filter-panel-premium .pg-filter-count,
.pg-filter-panel-premium .count{
min-width:24px!important;
height:24px!important;
padding:0 7px!important;
border-radius:8px!important;
display:inline-grid!important;
place-items:center!important;
background:#edf4ff!important;
color:#1767e8!important;
border:1px solid #dce9fb!important;
font-style:normal!important;
font-size:11px!important;
font-weight:900!important;
}
.pg-filter-panel-premium .pg-filter-pill.active em,
.pg-filter-panel-premium .pg-filter-pill.active .pg-filter-count,
.pg-filter-panel-premium .pg-filter-pill.active .count,
.pg-filter-panel-premium .pg-filter-pill[aria-current="page"] em{
background:rgba(255,255,255,.17)!important;
border-color:rgba(255,255,255,.22)!important;
color:#fff!important;
}
/* Sunucu kartı aksiyon butonları */
.pg-server-card-premium .pg-card-actions{
gap:9px!important;
}
.pg-server-card-premium .pg-card-actions a{
position:relative!important;
min-height:46px!important;
height:46px!important;
display:grid!important;
grid-template-columns:32px minmax(0,1fr) 14px!important;
align-items:center!important;
gap:9px!important;
padding:0 13px!important;
border-radius:11px!important;
font-size:12px!important;
font-weight:900!important;
letter-spacing:0!important;
text-transform:none!important;
text-shadow:none!important;
text-decoration:none!important;
border:1px solid transparent!important;
overflow:hidden!important;
box-shadow:none!important;
transform:none!important;
transition:
transform .16s ease,
border-color .16s ease,
box-shadow .16s ease,
background .16s ease!important;
}
.pg-server-card-premium .pg-card-actions a:hover{
transform:translateY(-1px)!important;
filter:none!important;
}
.pg-server-card-premium .pg-card-actions a:active{
transform:translateY(0)!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:30px!important;
height:30px!important;
min-width:30px!important;
border-radius:8px!important;
display:grid!important;
place-items:center!important;
background:rgba(255,255,255,.18)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
}
.pg-server-card-premium .pg-card-actions a svg{
width:15px!important;
height:15px!important;
stroke-width:2!important;
}
.pg-server-card-premium .pg-card-actions a b{
font-size:16px!important;
font-weight:800!important;
line-height:1!important;
}
/* Detay: beyaz, net, kurumsal */
.pg-server-card-premium .pg-detail-action{
background:linear-gradient(180deg,#ffffff 0%,#f5f8fc 100%)!important;
color:#10233f!important;
border-color:#cbd9eb!important;
box-shadow:
0 1px 0 rgba(255,255,255,.95) inset,
0 3px 8px rgba(20,55,95,.06)!important;
}
.pg-server-card-premium .pg-detail-action i{
background:#edf4ff!important;
color:#1767e8!important;
box-shadow:inset 0 0 0 1px rgba(23,103,232,.11)!important;
}
.pg-server-card-premium .pg-detail-action:hover{
border-color:#8fb6ea!important;
background:linear-gradient(180deg,#ffffff 0%,#eaf3ff 100%)!important;
box-shadow:
0 1px 0 rgba(255,255,255,.95) inset,
0 6px 14px rgba(23,103,232,.12)!important;
}
/* Siteye Git: güçlü ama abartısız mavi */
.pg-server-card-premium .pg-site-action{
background:linear-gradient(180deg,#2f80f2 0%,#1767e8 100%)!important;
color:#fff!important;
border-color:#1767e8!important;
box-shadow:
0 1px 0 rgba(255,255,255,.22) inset,
0 6px 14px rgba(23,103,232,.22)!important;
}
.pg-server-card-premium .pg-site-action:hover{
background:linear-gradient(180deg,#2677ea 0%,#125bd2 100%)!important;
border-color:#125bd2!important;
box-shadow:
0 1px 0 rgba(255,255,255,.22) inset,
0 8px 18px rgba(23,103,232,.28)!important;
}
/* Mobilde düğmeler dengeli kalsın */
@media(max-width:760px){
.pg-filter-panel-premium .pg-filter-pill{
min-height:43px!important;
padding:0 11px!important;
border-radius:10px!important;
}
.pg-server-card-premium .pg-card-actions a{
min-height:44px!important;
height:44px!important;
grid-template-columns:30px minmax(0,1fr) 12px!important;
padding:0 11px!important;
}
}
/* =========================================================
SERVER CARD ACTION BUTTONS — HIGH-DEFINITION 3D FINAL
Sadece Detay ve Siteye Git düğmelerini değiştirir
========================================================= */
.pg-server-card-premium .pg-card-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
align-content:center!important;
}
.pg-server-card-premium .pg-card-actions a{
position:relative!important;
isolation:isolate!important;
display:grid!important;
grid-template-columns:42px minmax(0,1fr) 18px!important;
align-items:center!important;
gap:10px!important;
width:100%!important;
height:48px!important;
min-height:48px!important;
padding:3px 13px 3px 5px!important;
border-radius:12px!important;
border:2px solid #fff!important;
outline:1px solid #b8c7db!important;
outline-offset:0!important;
overflow:hidden!important;
text-decoration:none!important;
font-size:13px!important;
font-weight:900!important;
letter-spacing:.01em!important;
text-transform:none!important;
text-shadow:none!important;
transform:translateY(0)!important;
transition:transform .15s ease, box-shadow .15s ease, filter .15s ease!important;
}
.pg-server-card-premium .pg-card-actions a::before{
content:""!important;
position:absolute!important;
inset:1px!important;
z-index:-1!important;
border-radius:9px!important;
pointer-events:none!important;
}
.pg-server-card-premium .pg-card-actions a i{
position:relative!important;
width:38px!important;
height:38px!important;
min-width:38px!important;
border-radius:9px!important;
display:grid!important;
place-items:center!important;
font-style:normal!important;
background:rgba(255,255,255,.14)!important;
border:1px solid rgba(255,255,255,.28)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.32),
0 2px 5px rgba(15,23,42,.14)!important;
}
.pg-server-card-premium .pg-card-actions a svg{
width:18px!important;
height:18px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2.15!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.pg-server-card-premium .pg-card-actions a span{
min-width:0!important;
text-align:left!important;
line-height:1!important;
}
.pg-server-card-premium .pg-card-actions a b{
justify-self:end!important;
font-size:19px!important;
line-height:1!important;
font-weight:500!important;
opacity:.82!important;
}
/* DETAY — beyaz/gümüş gerçek düğme */
.pg-server-card-premium .pg-detail-action{
color:#10233f!important;
background:linear-gradient(180deg,#ffffff 0%,#eef3f9 100%)!important;
box-shadow:
0 4px 0 #aebccc,
0 8px 14px rgba(15,39,70,.16),
inset 0 1px 0 #fff!important;
}
.pg-server-card-premium .pg-detail-action::before{
background:linear-gradient(180deg,#ffffff 0%,#f1f5fa 100%)!important;
}
.pg-server-card-premium .pg-detail-action i{
color:#1767e8!important;
background:linear-gradient(180deg,#f7fbff 0%,#dfeaff 100%)!important;
border-color:#c5d7f2!important;
}
.pg-server-card-premium .pg-detail-action:hover{
color:#0f5fdc!important;
transform:translateY(-2px)!important;
box-shadow:
0 6px 0 #9fb0c3,
0 12px 20px rgba(23,103,232,.17),
inset 0 1px 0 #fff!important;
}
.pg-server-card-premium .pg-detail-action:active{
transform:translateY(3px)!important;
box-shadow:
0 1px 0 #9fb0c3,
0 4px 8px rgba(15,39,70,.14),
inset 0 1px 0 #fff!important;
}
/* SİTEYE GİT — canlı mavi, net çerçeveli gerçek düğme */
.pg-server-card-premium .pg-site-action{
color:#fff!important;
background:linear-gradient(90deg,#1187f1 0%,#1767e8 58%,#0d54c9 100%)!important;
outline-color:#0b4ebd!important;
box-shadow:
0 4px 0 #083b91,
0 9px 16px rgba(8,65,160,.27),
inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.pg-server-card-premium .pg-site-action::before{
background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 52%)!important;
}
.pg-server-card-premium .pg-site-action i{
color:#fff!important;
background:rgba(255,255,255,.14)!important;
border-color:rgba(255,255,255,.28)!important;
}
.pg-server-card-premium .pg-site-action:hover{
color:#fff!important;
transform:translateY(-2px)!important;
filter:saturate(1.06) brightness(1.03)!important;
box-shadow:
0 6px 0 #073782,
0 13px 22px rgba(8,65,160,.32),
inset 0 1px 0 rgba(255,255,255,.4)!important;
}
.pg-server-card-premium .pg-site-action:active{
transform:translateY(3px)!important;
box-shadow:
0 1px 0 #073782,
0 4px 9px rgba(8,65,160,.24),
inset 0 1px 0 rgba(255,255,255,.28)!important;
}
@media(max-width:700px){
.pg-server-card-premium .pg-card-actions{
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
.pg-server-card-premium .pg-card-actions a{
grid-template-columns:34px minmax(0,1fr)!important;
height:44px!important;
min-height:44px!important;
padding:3px 9px 3px 4px!important;
border-radius:11px!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:32px!important;
height:32px!important;
min-width:32px!important;
border-radius:8px!important;
}
.pg-server-card-premium .pg-card-actions a b{
display:none!important;
}
}
/* =========================================================
SERVER ACTION BUTTONS — PREMIUM DARK / AMBER FINAL
Referans görseldeki net, modern oyun sitesi kalitesi
========================================================= */
.pg-server-card-premium .pg-card-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
align-content:center!important;
}
.pg-server-card-premium .pg-card-actions a{
position:relative!important;
isolation:isolate!important;
display:grid!important;
grid-template-columns:34px minmax(0,1fr) 14px!important;
align-items:center!important;
gap:10px!important;
width:100%!important;
height:46px!important;
min-height:46px!important;
padding:0 13px 0 8px!important;
border-radius:11px!important;
border:1px solid transparent!important;
outline:0!important;
overflow:hidden!important;
text-decoration:none!important;
font-size:13px!important;
font-weight:900!important;
letter-spacing:.01em!important;
text-transform:none!important;
text-shadow:none!important;
transform:none!important;
box-shadow:none!important;
transition:
transform .16s ease,
border-color .16s ease,
background .16s ease,
box-shadow .16s ease!important;
}
.pg-server-card-premium .pg-card-actions a::before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:-1!important;
border-radius:inherit!important;
pointer-events:none!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:30px!important;
height:30px!important;
min-width:30px!important;
display:grid!important;
place-items:center!important;
border-radius:8px!important;
font-style:normal!important;
box-shadow:none!important;
}
.pg-server-card-premium .pg-card-actions a svg{
width:16px!important;
height:16px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2.1!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.pg-server-card-premium .pg-card-actions a span{
min-width:0!important;
text-align:left!important;
line-height:1!important;
}
.pg-server-card-premium .pg-card-actions a b{
justify-self:end!important;
font-size:17px!important;
font-weight:600!important;
line-height:1!important;
opacity:.88!important;
}
/* DETAY — koyu premium */
.pg-server-card-premium .pg-detail-action{
color:#f8fafc!important;
background:linear-gradient(180deg,#303940 0%,#252d33 100%)!important;
border-color:#3b464e!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 4px 10px rgba(15,23,42,.14)!important;
}
.pg-server-card-premium .pg-detail-action::before{
background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 55%)!important;
}
.pg-server-card-premium .pg-detail-action i{
color:#60a5fa!important;
background:#1d252b!important;
border:1px solid #46525b!important;
}
.pg-server-card-premium .pg-detail-action:hover{
color:#fff!important;
transform:translateY(-1px)!important;
border-color:#5e6d78!important;
background:linear-gradient(180deg,#39444c 0%,#2b343b 100%)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.07),
0 7px 15px rgba(15,23,42,.18)!important;
}
/* SİTEYE GİT — referanstaki amber/turuncu aktif kalite */
.pg-server-card-premium .pg-site-action{
color:#121820!important;
background:linear-gradient(90deg,#ffc400 0%,#ffad00 48%,#ff7418 100%)!important;
border-color:#ffb000!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.35),
0 5px 12px rgba(245,158,11,.24)!important;
}
.pg-server-card-premium .pg-site-action::before{
background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 58%)!important;
}
.pg-server-card-premium .pg-site-action i{
color:#111827!important;
background:rgba(255,255,255,.24)!important;
border:1px solid rgba(255,255,255,.28)!important;
}
.pg-server-card-premium .pg-site-action:hover{
color:#0b1118!important;
transform:translateY(-1px)!important;
background:linear-gradient(90deg,#ffd01a 0%,#ffb300 48%,#ff7c1a 100%)!important;
border-color:#ffbf1f!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.42),
0 8px 18px rgba(245,158,11,.30)!important;
}
.pg-server-card-premium .pg-card-actions a:active{
transform:translateY(0)!important;
box-shadow:none!important;
}
/* Odak erişilebilirliği */
.pg-server-card-premium .pg-card-actions a:focus-visible{
outline:3px solid rgba(245,158,11,.28)!important;
outline-offset:2px!important;
}
/* Mobil */
@media(max-width:700px){
.pg-server-card-premium .pg-card-actions{
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
.pg-server-card-premium .pg-card-actions a{
grid-template-columns:30px minmax(0,1fr)!important;
height:44px!important;
min-height:44px!important;
padding:0 10px 0 7px!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:28px!important;
height:28px!important;
min-width:28px!important;
}
.pg-server-card-premium .pg-card-actions a b{
display:none!important;
}
}
/* =========================================================
SERVER ACTION BUTTONS — SOFT PROFESSIONAL FINAL
Site paletine uyumlu, daha sakin ve daha net
========================================================= */
.pg-server-card-premium .pg-card-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
align-content:center!important;
}
.pg-server-card-premium .pg-card-actions a{
position:relative!important;
display:grid!important;
grid-template-columns:32px minmax(0,1fr) 14px!important;
align-items:center!important;
gap:9px!important;
width:100%!important;
height:44px!important;
min-height:44px!important;
padding:0 12px 0 7px!important;
border-radius:10px!important;
text-decoration:none!important;
font-size:12px!important;
font-weight:900!important;
letter-spacing:0!important;
text-transform:none!important;
text-shadow:none!important;
transform:none!important;
outline:0!important;
transition:
background-color .16s ease,
border-color .16s ease,
box-shadow .16s ease,
transform .16s ease!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:28px!important;
height:28px!important;
min-width:28px!important;
border-radius:7px!important;
display:grid!important;
place-items:center!important;
font-style:normal!important;
box-shadow:none!important;
}
.pg-server-card-premium .pg-card-actions a svg{
width:15px!important;
height:15px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.pg-server-card-premium .pg-card-actions a span{
min-width:0!important;
text-align:left!important;
line-height:1!important;
}
.pg-server-card-premium .pg-card-actions a b{
justify-self:end!important;
font-size:16px!important;
font-weight:600!important;
line-height:1!important;
opacity:.64!important;
}
/* DETAY — açık gri/mavi, sade ve net */
.pg-server-card-premium .pg-detail-action{
color:#24364f!important;
background:#f8fafc!important;
border:1px solid #cfd9e6!important;
box-shadow:0 2px 5px rgba(25,45,75,.06)!important;
}
.pg-server-card-premium .pg-detail-action i{
color:#356ea8!important;
background:#eef4fa!important;
border:1px solid #d6e2ef!important;
}
.pg-server-card-premium .pg-detail-action:hover{
color:#1e5d9c!important;
background:#f2f7fc!important;
border-color:#9fb9d6!important;
box-shadow:0 5px 12px rgba(43,91,145,.10)!important;
transform:translateY(-1px)!important;
}
/* SİTEYE GİT — siteyle uyumlu kontrollü mavi */
.pg-server-card-premium .pg-site-action{
color:#fff!important;
background:linear-gradient(180deg,#3f83d8 0%,#2f6fbf 100%)!important;
border:1px solid #2a63aa!important;
box-shadow:0 3px 8px rgba(47,111,191,.16)!important;
}
.pg-server-card-premium .pg-site-action i{
color:#fff!important;
background:rgba(255,255,255,.12)!important;
border:1px solid rgba(255,255,255,.20)!important;
}
.pg-server-card-premium .pg-site-action:hover{
color:#fff!important;
background:linear-gradient(180deg,#3778c9 0%,#285fa8 100%)!important;
border-color:#245695!important;
box-shadow:0 6px 14px rgba(47,111,191,.22)!important;
transform:translateY(-1px)!important;
}
.pg-server-card-premium .pg-card-actions a:active{
transform:translateY(0)!important;
box-shadow:none!important;
}
.pg-server-card-premium .pg-card-actions a:focus-visible{
outline:3px solid rgba(47,111,191,.18)!important;
outline-offset:2px!important;
}
@media(max-width:700px){
.pg-server-card-premium .pg-card-actions{
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
.pg-server-card-premium .pg-card-actions a{
grid-template-columns:28px minmax(0,1fr)!important;
height:42px!important;
min-height:42px!important;
padding:0 9px 0 6px!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:26px!important;
height:26px!important;
min-width:26px!important;
}
.pg-server-card-premium .pg-card-actions a b{
display:none!important;
}
}
/* =========================================================
SERVER ACTION BUTTONS — CLEAN SHARP FINAL
Net tipografi, düz yüzey, bulanıklık ve ağır gölge yok
========================================================= */
.pg-server-card-premium .pg-card-actions a{
-webkit-font-smoothing:antialiased!important;
-moz-osx-font-smoothing:grayscale!important;
text-rendering:optimizeLegibility!important;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
font-size:13px!important;
font-weight:800!important;
letter-spacing:-.01em!important;
text-shadow:none!important;
filter:none!important;
backdrop-filter:none!important;
box-shadow:none!important;
border-width:1px!important;
border-style:solid!important;
border-radius:9px!important;
height:42px!important;
min-height:42px!important;
padding:0 11px 0 7px!important;
grid-template-columns:28px minmax(0,1fr) 12px!important;
gap:8px!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:26px!important;
height:26px!important;
min-width:26px!important;
border-radius:6px!important;
box-shadow:none!important;
filter:none!important;
}
.pg-server-card-premium .pg-card-actions a svg{
width:14px!important;
height:14px!important;
stroke-width:2!important;
shape-rendering:geometricPrecision!important;
}
.pg-server-card-premium .pg-card-actions a b{
font-size:15px!important;
font-weight:600!important;
opacity:.72!important;
}
/* Detay: düz ve temiz */
.pg-server-card-premium .pg-detail-action{
color:#1f2f46!important;
background:#ffffff!important;
border-color:#cfd8e5!important;
box-shadow:none!important;
}
.pg-server-card-premium .pg-detail-action i{
color:#2563b8!important;
background:#f3f7fc!important;
border:1px solid #dbe5f0!important;
}
.pg-server-card-premium .pg-detail-action:hover{
color:#174f8c!important;
background:#f8fafc!important;
border-color:#9fb4cc!important;
box-shadow:none!important;
transform:translateY(-1px)!important;
}
/* Siteye Git: düz kurumsal mavi */
.pg-server-card-premium .pg-site-action{
color:#ffffff!important;
background:#1f6fd6!important;
border-color:#195fb8!important;
box-shadow:none!important;
}
.pg-server-card-premium .pg-site-action i{
color:#ffffff!important;
background:rgba(255,255,255,.12)!important;
border:1px solid rgba(255,255,255,.20)!important;
}
.pg-server-card-premium .pg-site-action:hover{
color:#ffffff!important;
background:#195fb8!important;
border-color:#154f98!important;
box-shadow:none!important;
transform:translateY(-1px)!important;
}
.pg-server-card-premium .pg-card-actions a:active{
transform:translateY(0)!important;
box-shadow:none!important;
}
.pg-server-card-premium .pg-card-actions a:focus-visible{
outline:2px solid rgba(31,111,214,.24)!important;
outline-offset:2px!important;
}
@media(max-width:700px){
.pg-server-card-premium .pg-card-actions a{
height:40px!important;
min-height:40px!important;
font-size:12.5px!important;
grid-template-columns:26px minmax(0,1fr)!important;
padding:0 9px 0 6px!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:24px!important;
height:24px!important;
min-width:24px!important;
}
}
/* =========================================================
SERVER KART BUTONLARI — HEADER GİRİŞ / KAYIT OL İLE AYNI STİL
========================================================= */
.pg-server-card-premium .pg-card-actions a{
--action-bg:#334155;
--action-bg2:#1f2937;
--action-icon:#334155;
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
min-width:0!important;
padding:0 28px 0 41px!important;
border:0!important;
border-radius:999px!important;
background:linear-gradient(180deg,var(--action-bg),var(--action-bg2))!important;
color:#fff!important;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
font-size:11px!important;
font-weight:950!important;
line-height:1!important;
letter-spacing:.02em!important;
text-transform:uppercase!important;
text-decoration:none!important;
text-shadow:none!important;
box-shadow:0 3px 0 rgba(15,23,42,.15),0 8px 14px rgba(15,23,42,.12)!important;
overflow:visible!important;
filter:none!important;
backdrop-filter:none!important;
transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
.pg-server-card-premium .pg-card-actions a i{
position:absolute!important;
left:-1px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:36px!important;
height:36px!important;
min-width:36px!important;
max-width:36px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:#fff!important;
color:var(--action-icon)!important;
border:0!important;
box-shadow:0 3px 8px rgba(15,23,42,.16),inset 0 0 0 1px rgba(15,23,42,.07)!important;
z-index:2!important;
}
.pg-server-card-premium .pg-card-actions a i svg{
width:15px!important;
height:15px!important;
display:block!important;
stroke:currentColor!important;
}
.pg-server-card-premium .pg-card-actions a span{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
color:#fff!important;
white-space:nowrap!important;
text-align:center!important;
line-height:1!important;
}
.pg-server-card-premium .pg-card-actions a b{
position:absolute!important;
right:11px!important;
font-size:13px!important;
font-weight:700!important;
color:#fff!important;
opacity:.82!important;
}
.pg-server-card-premium .pg-detail-action{
--action-bg:#334155;
--action-bg2:#1f2937;
--action-icon:#334155;
background:linear-gradient(180deg,var(--action-bg),var(--action-bg2))!important;
border:0!important;
color:#fff!important;
}
.pg-server-card-premium .pg-site-action{
--action-bg:#1877f2;
--action-bg2:#0b5ed7;
--action-icon:#1877f2;
background:linear-gradient(180deg,var(--action-bg),var(--action-bg2))!important;
border:0!important;
color:#fff!important;
}
.pg-server-card-premium .pg-card-actions a:hover{
transform:translateY(-1px)!important;
filter:brightness(1.04)!important;
box-shadow:0 4px 0 rgba(15,23,42,.14),0 10px 17px rgba(15,23,42,.14)!important;
}
.pg-server-card-premium .pg-card-actions a:active{
transform:translateY(1px)!important;
box-shadow:0 1px 0 rgba(15,23,42,.16),0 5px 10px rgba(15,23,42,.12)!important;
}
@media(max-width:700px){
.pg-server-card-premium .pg-card-actions{
grid-template-columns:1fr 1fr!important;
gap:10px!important;
}
.pg-server-card-premium .pg-card-actions a{
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 24px 0 39px!important;
font-size:10px!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:36px!important;
height:36px!important;
min-width:36px!important;
max-width:36px!important;
}
.pg-server-card-premium .pg-card-actions a b{
right:9px!important;
display:block!important;
}
}
/* =========================================================
SERVER KART AKSİYONLARI - SON RENK VE HOVER DÜZELTMESİ
Detay: koyu gri / Siteye Git: mavi
Hover sırasında beyaza dönmeyi tamamen engeller.
========================================================= */
.pg-server-card-premium .pg-card-actions a.pg-detail-action,
.pg-server-card-premium .pg-card-actions a.pg-detail-action:link,
.pg-server-card-premium .pg-card-actions a.pg-detail-action:visited,
.pg-server-card-premium .pg-card-actions a.pg-detail-action:focus{
--action-bg:#475569!important;
--action-bg2:#273548!important;
--action-icon:#334155!important;
background:linear-gradient(180deg,#475569 0%,#273548 100%)!important;
color:#fff!important;
border-color:transparent!important;
}
.pg-server-card-premium .pg-card-actions a.pg-detail-action:hover{
background:linear-gradient(180deg,#56667b 0%,#334155 100%)!important;
color:#fff!important;
filter:none!important;
}
.pg-server-card-premium .pg-card-actions a.pg-site-action,
.pg-server-card-premium .pg-card-actions a.pg-site-action:link,
.pg-server-card-premium .pg-card-actions a.pg-site-action:visited,
.pg-server-card-premium .pg-card-actions a.pg-site-action:focus{
--action-bg:#2584f5!important;
--action-bg2:#0d63d5!important;
--action-icon:#1877f2!important;
background:linear-gradient(180deg,#2584f5 0%,#0d63d5 100%)!important;
color:#fff!important;
border-color:transparent!important;
}
.pg-server-card-premium .pg-card-actions a.pg-site-action:hover{
background:linear-gradient(180deg,#3a93f8 0%,#176edb 100%)!important;
color:#fff!important;
filter:none!important;
}
.pg-server-card-premium .pg-card-actions a.pg-detail-action:hover span,
.pg-server-card-premium .pg-card-actions a.pg-detail-action:hover b,
.pg-server-card-premium .pg-card-actions a.pg-site-action:hover span,
.pg-server-card-premium .pg-card-actions a.pg-site-action:hover b{
color:#fff!important;
}
.pg-server-card-premium .pg-card-actions a.pg-detail-action:hover i{
background:#fff!important;
color:#334155!important;
}
.pg-server-card-premium .pg-card-actions a.pg-site-action:hover i{
background:#fff!important;
color:#1877f2!important;
}
/* =========================================================
FACEBOOK-LIKE NOTIFICATION UI — isolated, no profile impact
========================================================= */
body:has(.fb-notifications-page){background:#f0f2f5}
.wrap:has(.fb-notifications-page){width:100%;max-width:none;padding:28px 12px 64px}
.fb-notifications-page{width:min(632px,calc(100vw - 24px));margin:0 auto;background:#fff;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.08);padding:20px 16px 18px;font-family:"Segoe UI",Helvetica,Arial,sans-serif;color:#050505}
.fb-notifications-title{display:flex;align-items:center;justify-content:space-between;padding:0 12px}
.fb-notifications-title h1{margin:0;font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-1px;color:#050505}
.fb-notifications-title button{width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#65676b;font-size:22px;font-weight:800;cursor:pointer}
.fb-notifications-title button:hover{background:#f0f2f5}
.fb-notification-tabs{display:flex;gap:8px;margin:14px 12px 12px}
.fb-notification-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;text-decoration:none;color:#050505;font-size:17px;font-weight:650}
.fb-notification-tabs a:hover{background:#f0f2f5}
.fb-notification-tabs a.active{background:#e7f3ff;color:#0866ff}
.fb-notification-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin:3px 0 5px}
.fb-notification-section-title h2{margin:0;font-size:20px;line-height:1.3;font-weight:750;color:#050505}
.fb-notification-section-title form{margin:0}
.fb-notification-section-title button{border:0;background:transparent;color:#0866ff;font:inherit;font-size:17px;cursor:pointer;padding:8px;border-radius:6px}
.fb-notification-section-title button:hover{background:#f0f2f5}
.fb-notification-list{display:grid;gap:1px}
.fb-notification-row{display:grid;grid-template-columns:72px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;text-decoration:none;color:#050505;min-height:80px}
.fb-notification-row:hover{background:#f2f2f2}
.fb-notification-avatar{position:relative;width:64px;height:64px;display:block}
.fb-notification-avatar>img{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;background:#e4e6eb;border:1px solid rgba(0,0,0,.06)}
.fb-notification-avatar .notif-type{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0866ff;color:#fff;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.16)}
.fb-notification-avatar .notif-type svg{width:17px;height:17px;fill:currentColor;display:block}
.fb-notification-avatar .notif-type-feed_comment,.fb-notification-avatar .notif-type-feed_reply{background:#00a400}
.fb-notification-avatar .notif-type-feed_mention,.fb-notification-avatar .notif-type-followed_user_new_server{background:#0866ff}
.fb-notification-avatar .notif-type-server_approved{background:#65676b}
.fb-notification-copy{min-width:0;display:grid;align-content:center;gap:3px;font-size:16px;line-height:1.28;color:#050505}
.fb-notification-copy span{display:block;overflow-wrap:anywhere}
.fb-notification-copy strong{font-weight:700;color:#050505}
.fb-notification-copy time{display:block;color:#0866ff;font-size:14px;font-weight:650}
.fb-notification-dot{width:12px;height:12px;border-radius:50%;background:#0866ff;justify-self:center}
.fb-notification-empty{padding:48px 18px;text-align:center;color:#65676b;font-size:16px}
@media(max-width:700px){
.wrap:has(.fb-notifications-page){padding:0}
.fb-notifications-page{width:100%;min-height:100vh;border-radius:0;box-shadow:none;padding:18px 10px}
.fb-notifications-title{padding:0 8px}
.fb-notifications-title h1{font-size:30px}
.fb-notification-row{grid-template-columns:64px minmax(0,1fr) 14px;padding:8px 6px}
.fb-notification-avatar,.fb-notification-avatar>img{width:56px;height:56px}
.fb-notification-copy{font-size:15px}
}
/* 20260714: Kullanıcı profili, server profilinin tasarım diliyle eşitlendi. */
.user-profile-page .fb-tab-social svg{
width:22px;
height:22px;
fill:none;
stroke:#1877f2;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.user-profile-page .fb-title-line{align-items:center}
.user-profile-page .fb-main-actions .inline-action{margin:0}
.user-profile-page .fb-main-actions .btn{min-width:142px}
.user-profile-page .profile-server-list{display:grid;gap:4px}
.user-profile-page .fb-about-full .content{margin-top:0;white-space:normal;overflow-wrap:anywhere}
.user-profile-page .fb-tab-panel>.fb-box+ .fb-box{margin-top:16px}
@media(max-width:640px){
.user-profile-page .fb-main-actions .btn{width:100%;min-width:0}
.user-profile-page .fb-main-actions .inline-action{width:100%}
.user-profile-page .fb-main-actions .inline-action .btn{width:100%}
}
/* 20260714 profile badge + social icons + compact notification dropdown fix */
.user-profile-page .profile-admin-badge{
display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px 0 9px;
border:1px solid #d8c7ff;border-radius:999px;background:#f5f0ff;color:#5b21b6;
font-size:13px;font-weight:900;line-height:1;box-shadow:0 3px 10px rgba(91,33,182,.09)
}
.user-profile-page .profile-admin-badge svg{width:20px;height:20px;fill:#7c3aed;flex:0 0 auto}
.user-profile-page .profile-admin-badge span{white-space:nowrap}
.user-profile-page .fb-tab-social.is-disabled{opacity:.36;filter:grayscale(1);cursor:default;pointer-events:none;box-shadow:none!important}
.user-profile-page .fb-tab-social svg{width:22px;height:22px;fill:none;stroke:#1877f2;stroke-width:1.8}
/* Header notification panel: fixed compact rows, no inherited profile avatar sizes */
.fb-site-top .notif-menu:not(.msg-menu){width:390px;max-width:min(92vw,390px);padding:8px;border-radius:16px;max-height:min(620px,calc(100vh - 90px));overflow-y:auto;overflow-x:hidden}
.fb-site-top .notif-menu:not(.msg-menu) .notif-head{position:sticky;top:-8px;z-index:2;background:#fff;padding:12px 10px 11px;margin:0 0 4px}
.fb-site-top .notif-menu:not(.msg-menu) .notif-head b{font-size:18px;color:#111827}
.fb-site-top .notif-menu:not(.msg-menu) .notif-item{
position:relative;display:grid!important;grid-template-columns:52px minmax(0,1fr) 12px;align-items:center;gap:11px;
min-height:70px;padding:9px 10px!important;margin:2px 0;border:0!important;border-radius:12px!important;background:#fff;text-decoration:none
}
.fb-site-top .notif-menu:not(.msg-menu) .notif-item:hover{background:#f2f4f7!important}
.fb-site-top .notif-menu:not(.msg-menu) .notif-item.unread{background:#edf5ff!important}
.fb-site-top .notif-menu:not(.msg-menu) .notif-avatar-wrap{position:relative;display:block!important;width:52px;height:52px;margin:0!important}
.fb-site-top .notif-menu:not(.msg-menu) .notif-avatar-wrap>img{
display:block!important;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;
border-radius:50%!important;object-fit:cover!important;margin:0!important;padding:0!important;border:1px solid #dfe3e8!important;background:#eef2f7
}
.fb-site-top .notif-menu:not(.msg-menu) .notif-avatar-wrap>i{
position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
border:2px solid #fff;background:#1877f2;box-shadow:0 2px 5px rgba(15,23,42,.16)
}
.fb-site-top .notif-menu:not(.msg-menu) .notif-avatar-wrap>i:before{content:"";width:10px;height:10px;background:#fff;clip-path:polygon(50% 0,61% 36%,100% 36%,68% 58%,80% 100%,50% 74%,20% 100%,32% 58%,0 36%,39% 36%)}
.fb-site-top .notif-menu:not(.msg-menu) .notif-type-feed_comment .notif-avatar-wrap>i,
.fb-site-top .notif-menu:not(.msg-menu) .notif-type-feed_reply .notif-avatar-wrap>i{background:#22a2f2}
.fb-site-top .notif-menu:not(.msg-menu) .notif-type-feed_like .notif-avatar-wrap>i{background:#1877f2}
.fb-site-top .notif-menu:not(.msg-menu) .notif-copy{display:block!important;min-width:0;margin:0!important}
.fb-site-top .notif-menu:not(.msg-menu) .notif-copy b{display:block;font-size:14px;line-height:1.25;color:#111827;margin:0 0 2px}
.fb-site-top .notif-menu:not(.msg-menu) .notif-copy em{display:block;font-style:normal;font-size:13px;line-height:1.3;color:#4b5563;margin:0;white-space:normal;overflow-wrap:anywhere}
.fb-site-top .notif-menu:not(.msg-menu) .notif-copy small{display:block;font-size:11px;line-height:1.2;color:#1877f2;font-weight:800;margin-top:4px}
.fb-site-top .notif-menu:not(.msg-menu) .notif-unread-dot{display:block!important;width:9px;height:9px;border-radius:50%;background:#1877f2;align-self:center}
@media(max-width:640px){
.fb-site-top .notif-menu:not(.msg-menu){position:fixed;left:8px!important;right:8px!important;top:62px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 72px)}
.user-profile-page .profile-admin-badge{height:31px;padding:0 11px 0 8px;font-size:12px}
}
/* Header mesaj, bildirim ve ayarlar ikonları: sade ince çizgili görünüm */
.fb-top-actions .header-tool-icon{
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
padding:0!important;
border:0!important;
border-radius:8px!important;
background:transparent!important;
color:#ffffff!important;
box-shadow:none!important;
transform:none!important;
}
.fb-top-actions .header-tool-icon svg{
width:24px!important;
height:24px!important;
display:block!important;
overflow:visible!important;
}
.fb-top-actions .header-tool-icon:hover{
background:rgba(255,255,255,.12)!important;
color:#ffffff!important;
transform:none!important;
box-shadow:none!important;
}
.fb-top-actions .header-tool-icon:active{
background:rgba(255,255,255,.20)!important;
}
@media(max-width:640px){
.fb-top-actions .header-tool-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
.fb-top-actions .header-tool-icon svg{width:23px!important;height:23px!important}
}
/* =========================================================
2026-07 FINAL: Gerçek site filtresi, aksiyon butonları ve footer
========================================================= */
/* Ana sponsor aksiyonları: sade, net ve gerçek ürün sitesi butonu */
.pg-sponsor-actions .pg-btn{
min-height:48px!important;
border-radius:11px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
padding:0 20px!important;
font-size:14px!important;
font-weight:800!important;
letter-spacing:0!important;
text-transform:none!important;
box-shadow:none!important;
transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.pg-sponsor-actions .pg-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.pg-sponsor-actions .pg-hero-detail{background:#fff!important;color:#14233b!important;border:1px solid #cbd9eb!important}
.pg-sponsor-actions .pg-hero-detail:hover{background:#f7faff!important;border-color:#8fb5e9!important;color:#125fc9!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(24,75,145,.09)!important}
.pg-sponsor-actions .pg-hero-site{background:#1769e8!important;color:#fff!important;border:1px solid #1769e8!important;box-shadow:0 7px 15px rgba(23,105,232,.18)!important}
.pg-sponsor-actions .pg-hero-site:hover{background:#0f59ca!important;border-color:#0f59ca!important;transform:translateY(-1px)!important;box-shadow:0 10px 21px rgba(23,105,232,.24)!important}
.pg-sponsor-actions .pg-btn:active{transform:translateY(0)!important;box-shadow:none!important}
/* Server kartı aksiyonları */
.pg-server-card-premium .pg-card-actions a.pg-detail-action,
.pg-server-card-premium .pg-card-actions a.pg-site-action{
min-height:46px!important;
border-radius:10px!important;
font-size:13px!important;
font-weight:800!important;
box-shadow:none!important;
transform:none!important;
}
.pg-server-card-premium .pg-card-actions a.pg-detail-action{background:#fff!important;border:1px solid #cfdced!important;color:#172b48!important}
.pg-server-card-premium .pg-card-actions a.pg-detail-action i{background:#eef4fc!important;color:#2563c9!important}
.pg-server-card-premium .pg-card-actions a.pg-detail-action:hover{background:#f7faff!important;border-color:#9cbbe4!important;color:#165cbd!important;transform:translateY(-1px)!important;box-shadow:0 7px 15px rgba(26,69,126,.08)!important}
.pg-server-card-premium .pg-card-actions a.pg-site-action{background:#1769e8!important;border:1px solid #1769e8!important;color:#fff!important;box-shadow:0 7px 15px rgba(23,105,232,.16)!important}
.pg-server-card-premium .pg-card-actions a.pg-site-action i{background:rgba(255,255,255,.14)!important;color:#fff!important}
.pg-server-card-premium .pg-card-actions a.pg-site-action:hover{background:#0f59ca!important;border-color:#0f59ca!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 10px 20px rgba(23,105,232,.22)!important}
/* Filtre alanı: kapsül kalabalığını azalt, içerik hiyerarşisini güçlendir */
.pg-filter-panel-premium{
display:block!important;
padding:22px 24px!important;
border:1px solid #d7e1ef!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 10px 28px rgba(26,55,96,.06)!important;
overflow:hidden!important;
}
.pg-filter-panel-premium:before{display:none!important}
.pg-filter-panel-premium .pg-filter-heading{display:flex!important;align-items:center!important;gap:13px!important;margin:0 0 17px!important;padding:0!important}
.pg-filter-panel-premium .pg-filter-heading-icon{width:42px!important;height:42px!important;border-radius:11px!important;background:#f1f6fd!important;border:1px solid #d7e5f7!important;color:#1769e8!important;box-shadow:none!important}
.pg-filter-panel-premium .pg-filter-heading b{font-size:17px!important;font-weight:800!important;color:#10233d!important;letter-spacing:-.015em!important}
.pg-filter-panel-premium .pg-filter-heading small{margin-top:3px!important;font-size:12px!important;font-weight:500!important;color:#718198!important}
.pg-filter-panel-premium .pg-filter-buttons-premium{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin:0!important;padding:0!important;overflow:visible!important}
.pg-filter-panel-premium .pg-filter-pill{
min-height:43px!important;
padding:0 13px!important;
gap:8px!important;
border:1px solid #d7e1ee!important;
border-radius:10px!important;
background:#fff!important;
color:#1b2c45!important;
font-size:13px!important;
font-weight:700!important;
box-shadow:0 2px 7px rgba(27,55,91,.04)!important;
transform:none!important;
}
.pg-filter-panel-premium .pg-filter-pill:hover{background:#f7faff!important;border-color:#a9c3e7!important;color:#145ebf!important;box-shadow:0 6px 15px rgba(28,70,130,.08)!important;transform:translateY(-1px)!important}
.pg-filter-panel-premium .pg-filter-pill.active{background:#1769e8!important;border-color:#1769e8!important;color:#fff!important;box-shadow:0 7px 15px rgba(23,105,232,.19)!important}
.pg-filter-panel-premium .pg-filter-icon{width:27px!important;height:27px!important;border-radius:8px!important;background:#f1f6fd!important;color:#1769e8!important}
.pg-filter-panel-premium .pg-filter-icon svg{width:15px!important;height:15px!important;stroke-width:2!important}
.pg-filter-panel-premium .pg-filter-pill.active .pg-filter-icon{background:rgba(255,255,255,.16)!important;color:#fff!important}
.pg-filter-panel-premium .pg-filter-pill strong{font-weight:750!important}
.pg-filter-panel-premium .pg-filter-pill em{min-width:22px!important;height:22px!important;padding:0 6px!important;background:#eef4fc!important;color:#3267ae!important;border-radius:7px!important;font-size:11px!important;font-weight:800!important}
.pg-filter-panel-premium .pg-filter-pill.active em{background:rgba(255,255,255,.18)!important;color:#fff!important}
.pg-filter-panel-premium .pg-version-filter{margin-top:10px!important;padding-top:10px!important;border-top:1px solid #edf1f6!important}
.pg-filter-panel-premium .pg-version-filter .pg-filter-pill{min-height:37px!important;padding:0 11px!important;border-radius:9px!important;background:#fafbfd!important;font-size:12px!important;box-shadow:none!important}
.pg-filter-panel-premium .pg-version-filter .pg-filter-icon{display:none!important}
.pg-filter-panel-premium .pg-version-filter .pg-filter-pill em{height:20px!important;min-width:20px!important;border-radius:6px!important;font-size:10px!important}
.pg-filter-panel-premium .pg-version-filter .pg-filter-pill.active{background:#eaf2ff!important;border-color:#9ec0f5!important;color:#145fc3!important;box-shadow:none!important}
.pg-filter-panel-premium .pg-version-filter .pg-filter-pill.active em{background:#1769e8!important;color:#fff!important}
/* Footer: daha kompakt, hiyerarşik ve kurumsal */
.site-footer-pro{
margin-top:64px!important;
background:#07182f!important;
border-top:1px solid #18365d!important;
box-shadow:none!important;
color:#dce8f8!important;
}
.site-footer-pro:before,.site-footer-pro:after{display:none!important}
.footer-top-glow{opacity:.17!important;background-size:28px 28px!important;mask-image:linear-gradient(to bottom,#000,transparent 88%)!important}
.footer-wrap{
max-width:1380px!important;
padding:48px 28px 34px!important;
grid-template-columns:1.25fr .72fr 1fr 1.05fr!important;
gap:54px!important;
}
.footer-brand{padding-right:22px!important}
.footer-brand-name{gap:11px!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.025em!important}
.footer-brand-mark{width:40px!important;height:40px!important;border-radius:11px!important;background:#1769e8!important;box-shadow:0 8px 18px rgba(12,84,190,.26)!important;font-size:21px!important}
.footer-brand p{max-width:390px!important;margin:17px 0 22px!important;color:#9fb2cc!important;font-size:13px!important;line-height:1.75!important}
.footer-add-btn{min-height:43px!important;padding:0 15px!important;border:1px solid #345c8f!important;border-radius:10px!important;background:#102b50!important;color:#fff!important;font-size:13px!important;font-weight:750!important;box-shadow:none!important}
.footer-add-btn span{width:25px!important;height:25px!important;border-radius:7px!important;background:#1769e8!important}
.footer-add-btn span svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.footer-add-btn:hover{background:#1769e8!important;border-color:#1769e8!important;transform:translateY(-1px)!important}
.footer-kicker{display:block;margin-bottom:7px;color:#5d9ff7;font-size:10px;font-weight:800;letter-spacing:.16em}
.footer-col h3{margin:0 0 14px!important;color:#fff!important;font-size:15px!important;font-weight:750!important;letter-spacing:-.01em!important}
.footer-col li{border-bottom:1px solid rgba(151,180,220,.11)!important}
.footer-col li a{min-height:39px!important;padding:0!important;color:#aebed4!important;font-size:12.5px!important;font-weight:600!important}
.footer-col li a svg{width:15px;height:15px;fill:none;stroke:#4f87cf;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateX(-4px);transition:.18s}
.footer-col li a:hover{color:#fff!important}
.footer-col li a:hover svg{opacity:1;transform:translateX(0)}
.footer-contact-list{gap:8px!important}
.footer-contact-list>a{min-height:52px!important;padding:8px 10px!important;border:1px solid rgba(130,168,219,.18)!important;border-radius:10px!important;background:#0b203e!important;box-shadow:none!important}
.footer-contact-list>a:hover{border-color:#37679f!important;background:#102a4d!important;transform:translateY(-1px)!important}
.footer-contact-list i{width:33px!important;height:33px!important;border-radius:8px!important;background:#123665!important;color:#74adf6!important}
.footer-contact-list i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.footer-contact-list span{gap:3px!important;font-size:12px!important;font-weight:600!important}
.footer-contact-list span b{color:#f3f7fd;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.footer-contact-list small{color:#7892b5!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.08em}
.footer-trust{position:relative;z-index:1;max-width:1380px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(150,183,225,.13);border-bottom:1px solid rgba(150,183,225,.13)}
.footer-trust a{display:block;padding:18px 24px;color:inherit;text-decoration:none;border-right:1px solid rgba(150,183,225,.13);transition:.18s}
.footer-trust a:first-child{padding-left:0}.footer-trust a:last-child{border-right:0;padding-right:0}
.footer-trust a:hover strong{color:#72adfb}
.footer-trust strong{display:block;color:#f4f7fc;font-size:13px;font-weight:750;transition:.18s}
.footer-trust span{display:block;margin-top:4px;color:#8198b8;font-size:11.5px;line-height:1.5}
.footer-seo-wrap{max-width:1380px!important;padding:24px 28px 0!important}
.footer-seo-copy{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.footer-seo-copy b{margin-bottom:6px!important;color:#cfdbec!important;font-size:11.5px!important;font-weight:700!important}
.footer-seo-copy p{max-width:1180px;margin:0!important;color:#7389a7!important;font-size:11px!important;line-height:1.7!important}
.footer-bottom{max-width:1380px!important;margin:24px auto 0!important;padding:18px 28px 22px!important;border-top:1px solid rgba(150,183,225,.13)!important;color:#7187a5!important;font-size:11.5px!important;font-weight:600!important}
.footer-bottom nav{display:flex;align-items:center;gap:20px}
.footer-bottom nav a{color:#93a7c1;text-decoration:none;font-weight:650}
.footer-bottom nav a:hover{color:#fff}
@media(max-width:1000px){
.footer-wrap{grid-template-columns:1fr 1fr!important;gap:34px!important}
.footer-contact{grid-column:auto!important}
.footer-trust{grid-template-columns:1fr!important}
.footer-trust a,.footer-trust a:first-child,.footer-trust a:last-child{padding:14px 0!important;border-right:0!important;border-bottom:1px solid rgba(150,183,225,.13)}
.footer-trust a:last-child{border-bottom:0!important}
}
@media(max-width:700px){
.pg-filter-panel-premium{padding:17px 15px!important;border-radius:14px!important}
.pg-filter-panel-premium .pg-filter-heading{margin-bottom:14px!important}
.pg-filter-panel-premium .pg-filter-buttons-premium{gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none!important}
.pg-filter-panel-premium .pg-filter-buttons-premium::-webkit-scrollbar{display:none!important}
.pg-filter-panel-premium .pg-filter-pill{flex:0 0 auto!important;min-height:40px!important}
.pg-filter-panel-premium .pg-version-filter{margin-top:8px!important;padding-top:8px!important}
.pg-sponsor-actions .pg-btn{min-height:45px!important;font-size:13px!important}
.footer-wrap{padding:36px 18px 28px!important;grid-template-columns:1fr!important;gap:29px!important}
.footer-brand{padding:0!important}
.footer-trust{padding:0 18px!important}
.footer-seo-wrap{padding:21px 18px 0!important}
.footer-bottom{padding:17px 18px 20px!important;align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
.footer-bottom nav{gap:14px;flex-wrap:wrap}
}
/* =========================================================
SERVER KART BUTONLARI — IKON/YAZI ÇAKIŞMA DÜZELTMESİ
Soldaki daire artık metnin üstüne binmez.
========================================================= */
.pg-server-card-premium .pg-card-actions a,
.pg-server-card-premium .pg-card-actions a:link,
.pg-server-card-premium .pg-card-actions a:visited{
position:relative!important;
display:grid!important;
grid-template-columns:34px minmax(0,1fr) 16px!important;
align-items:center!important;
column-gap:8px!important;
width:100%!important;
min-width:0!important;
height:46px!important;
min-height:46px!important;
max-height:46px!important;
padding:3px 10px 3px 4px!important;
overflow:hidden!important;
border-radius:999px!important;
text-align:left!important;
}
.pg-server-card-premium .pg-card-actions a i{
position:static!important;
inset:auto!important;
transform:none!important;
width:34px!important;
height:34px!important;
min-width:34px!important;
max-width:34px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
margin:0!important;
z-index:1!important;
}
.pg-server-card-premium .pg-card-actions a i svg{
width:15px!important;
height:15px!important;
}
.pg-server-card-premium .pg-card-actions a span{
display:block!important;
min-width:0!important;
padding:0!important;
margin:0!important;
color:inherit!important;
font-size:12px!important;
font-weight:850!important;
letter-spacing:.015em!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
text-align:left!important;
}
.pg-server-card-premium .pg-card-actions a b{
position:static!important;
inset:auto!important;
transform:none!important;
display:block!important;
justify-self:end!important;
margin:0!important;
color:inherit!important;
font-size:16px!important;
line-height:1!important;
opacity:.88!important;
}
.pg-server-card-premium .pg-card-actions a:hover,
.pg-server-card-premium .pg-card-actions a:focus,
.pg-server-card-premium .pg-card-actions a:focus-visible{
filter:none!important;
}
.pg-server-card-premium .pg-card-actions a.pg-detail-action:hover{
background:linear-gradient(180deg,#56667b 0%,#334155 100%)!important;
color:#fff!important;
}
.pg-server-card-premium .pg-card-actions a.pg-site-action:hover{
background:linear-gradient(180deg,#3a93f8 0%,#176edb 100%)!important;
color:#fff!important;
}
@media(max-width:700px){
.pg-server-card-premium .pg-card-actions a,
.pg-server-card-premium .pg-card-actions a:link,
.pg-server-card-premium .pg-card-actions a:visited{
grid-template-columns:32px minmax(0,1fr) 15px!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
padding:3px 9px 3px 4px!important;
column-gap:7px!important;
}
.pg-server-card-premium .pg-card-actions a i{
width:32px!important;
height:32px!important;
min-width:32px!important;
max-width:32px!important;
}
.pg-server-card-premium .pg-card-actions a span{font-size:11px!important}
}
/* =========================================================
SERVER CARD STATS — PROFESSIONAL COMPACT UI
Görüntülenme / Oy alanı
========================================================= */
.pg-server-card-premium .pg-card-stats{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
align-items:stretch!important;
min-height:58px!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
border:1px solid #dfe7f1!important;
border-radius:13px!important;
background:#ffffff!important;
box-shadow:0 4px 14px rgba(15,23,42,.045)!important;
}
.pg-server-card-premium .pg-card-stats>span{
position:relative!important;
display:grid!important;
grid-template-columns:34px minmax(0,1fr)!important;
grid-template-rows:auto auto!important;
column-gap:10px!important;
row-gap:2px!important;
align-content:center!important;
align-items:center!important;
min-width:0!important;
min-height:58px!important;
padding:8px 14px!important;
border:0!important;
background:transparent!important;
}
.pg-server-card-premium .pg-card-stats>span+span{
border-left:1px solid #e8edf4!important;
}
.pg-server-card-premium .pg-card-stats>span+span:before{
content:none!important;
}
.pg-server-card-premium .pg-card-stats i{
grid-row:1/3!important;
display:grid!important;
place-items:center!important;
width:32px!important;
height:32px!important;
min-width:32px!important;
border:1px solid #dfe7f1!important;
border-radius:50%!important;
background:#f8fafc!important;
box-shadow:none!important;
font-style:normal!important;
}
.pg-server-card-premium .pg-card-stats i:after{
content:none!important;
}
.pg-server-card-premium .pg-card-stats svg{
width:16px!important;
height:16px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.pg-server-card-premium .pg-card-stats small{
grid-column:2!important;
display:block!important;
margin:0!important;
color:#7b8798!important;
font-size:10px!important;
font-weight:700!important;
line-height:1.1!important;
letter-spacing:.01em!important;
text-transform:none!important;
white-space:nowrap!important;
}
.pg-server-card-premium .pg-card-stats b{
grid-column:2!important;
display:block!important;
margin:0!important;
color:#0f1f3d!important;
font-size:18px!important;
font-weight:850!important;
line-height:1!important;
letter-spacing:-.025em!important;
font-variant-numeric:tabular-nums!important;
}
.pg-server-card-premium .pg-stat-views i{
color:#1769d2!important;
border-color:#d7e5f8!important;
background:#f3f7fd!important;
}
.pg-server-card-premium .pg-stat-votes i{
color:#b7791f!important;
border-color:#f2e3c3!important;
background:#fffaf0!important;
}
.pg-server-card-premium:hover .pg-card-stats{
border-color:#d4deeb!important;
box-shadow:0 6px 18px rgba(15,23,42,.06)!important;
}
@media(max-width:700px){
.pg-server-card-premium .pg-card-stats{
min-height:54px!important;
border-radius:11px!important;
}
.pg-server-card-premium .pg-card-stats>span{
grid-template-columns:30px minmax(0,1fr)!important;
min-height:54px!important;
column-gap:8px!important;
padding:7px 10px!important;
}
.pg-server-card-premium .pg-card-stats i{
width:29px!important;
height:29px!important;
min-width:29px!important;
}
.pg-server-card-premium .pg-card-stats svg{
width:14px!important;
height:14px!important;
}
.pg-server-card-premium .pg-card-stats small{
font-size:9px!important;
}
.pg-server-card-premium .pg-card-stats b{
font-size:16px!important;
}
}
/* === Ana sayfa durum filtreleri: açık / açılacak === */
.pg-filter-panel-premium .pg-status-filter{
font-weight:800!important;
}
.pg-filter-panel-premium .pg-status-open:not(.active) .pg-filter-icon{
background:#ecfdf3!important;
border-color:#bbf7d0!important;
color:#15803d!important;
}
.pg-filter-panel-premium .pg-status-upcoming:not(.active) .pg-filter-icon{
background:#fff7ed!important;
border-color:#fed7aa!important;
color:#c2410c!important;
}
.pg-filter-panel-premium .pg-status-open.active{
background:#15803d!important;
border-color:#15803d!important;
box-shadow:0 7px 15px rgba(21,128,61,.18)!important;
}
.pg-filter-panel-premium .pg-status-upcoming.active{
background:#ea580c!important;
border-color:#ea580c!important;
box-shadow:0 7px 15px rgba(234,88,12,.18)!important;
}
.pg-filter-panel-premium .pg-status-filter .pg-filter-icon svg{
fill:none!important;
stroke:currentColor!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
/* =========================================================
DURUM FİLTRELERİ — AÇIK / AÇILACAK SERVERLAR
Bu kurallar yalnızca iki durum butonunu renklendirir.
========================================================= */
.pg-filter-panel-premium .pg-filter-pill.pg-status-filter{
position:relative!important;
overflow:hidden!important;
font-weight:850!important;
transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
/* Açık olan serverlar: pasifken de yeşil ve fark edilir */
.pg-filter-panel-premium .pg-filter-pill.pg-status-open{
background:linear-gradient(180deg,#f0fdf4 0%,#dcfce7 100%)!important;
border-color:#86efac!important;
color:#166534!important;
box-shadow:0 6px 14px rgba(22,163,74,.10)!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-open .pg-filter-icon{
background:#16a34a!important;
border-color:#15803d!important;
color:#fff!important;
box-shadow:0 4px 10px rgba(22,163,74,.20)!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-open em{
background:#bbf7d0!important;
color:#166534!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-open:hover{
background:linear-gradient(180deg,#dcfce7 0%,#bbf7d0 100%)!important;
border-color:#4ade80!important;
color:#14532d!important;
box-shadow:0 9px 18px rgba(22,163,74,.16)!important;
transform:translateY(-1px)!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-open.active,
.pg-filter-panel-premium .pg-filter-pill.pg-status-open[aria-current="page"]{
background:linear-gradient(135deg,#22c55e 0%,#15803d 100%)!important;
border-color:#15803d!important;
color:#fff!important;
box-shadow:0 10px 22px rgba(21,128,61,.28)!important;
}
/* Açılacak olan serverlar: pasifken de turuncu ve fark edilir */
.pg-filter-panel-premium .pg-filter-pill.pg-status-upcoming{
background:linear-gradient(180deg,#fff7ed 0%,#ffedd5 100%)!important;
border-color:#fdba74!important;
color:#9a3412!important;
box-shadow:0 6px 14px rgba(234,88,12,.10)!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-upcoming .pg-filter-icon{
background:#f97316!important;
border-color:#ea580c!important;
color:#fff!important;
box-shadow:0 4px 10px rgba(249,115,22,.20)!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-upcoming em{
background:#fed7aa!important;
color:#9a3412!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-upcoming:hover{
background:linear-gradient(180deg,#ffedd5 0%,#fed7aa 100%)!important;
border-color:#fb923c!important;
color:#7c2d12!important;
box-shadow:0 9px 18px rgba(234,88,12,.16)!important;
transform:translateY(-1px)!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-upcoming.active,
.pg-filter-panel-premium .pg-filter-pill.pg-status-upcoming[aria-current="page"]{
background:linear-gradient(135deg,#fb923c 0%,#ea580c 100%)!important;
border-color:#ea580c!important;
color:#fff!important;
box-shadow:0 10px 22px rgba(234,88,12,.28)!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-filter.active .pg-filter-icon,
.pg-filter-panel-premium .pg-filter-pill.pg-status-filter[aria-current="page"] .pg-filter-icon{
background:rgba(255,255,255,.18)!important;
border-color:rgba(255,255,255,.25)!important;
color:#fff!important;
box-shadow:none!important;
}
.pg-filter-panel-premium .pg-filter-pill.pg-status-filter.active em,
.pg-filter-panel-premium .pg-filter-pill.pg-status-filter[aria-current="page"] em{
background:rgba(255,255,255,.20)!important;
color:#fff!important;
}
@media(max-width:700px){
.pg-filter-panel-premium .pg-filter-pill.pg-status-filter{
min-height:44px!important;
}
}
/* =========================================================
HEADER BİLDİRİM MENÜSÜ — hover geçişi ve kapanma düzeltmesi
========================================================= */
.notif-wrap{
position:relative;
isolation:isolate;
}
.notif-wrap::after{
content:"";
position:absolute;
z-index:9998;
left:-12px;
right:-12px;
top:100%;
height:22px;
background:transparent;
}
.notif-menu{
margin-top:4px!important;
}
.notif-menu::before{
top:-22px!important;
height:22px!important;
}
.notif-wrap:hover .notif-menu,
.notif-wrap:focus-within .notif-menu,
.notif-menu:hover{
display:block!important;
}
/* === Blog içerik görselleri: hizalama ve editör seçimi === */
.rich-editor img,
.article-content img{
display:block;
width:auto;
max-width:100%;
height:auto;
}
.rich-editor img[data-align="left"],
.article-content img[data-align="left"]{
margin-left:0;
margin-right:auto;
}
.rich-editor img[data-align="center"],
.article-content img[data-align="center"]{
margin-left:auto;
margin-right:auto;
}
.rich-editor img[data-align="right"],
.article-content img[data-align="right"]{
margin-left:auto;
margin-right:0;
}
.rich-editor img.is-selected-blog-image{
outline:3px solid rgba(24,119,242,.45);
outline-offset:3px;
border-radius:8px;
}
.editor-toolbar .image-align-btn{
min-width:58px;
}
@media(max-width:640px){
.article-content img[data-align="left"],
.article-content img[data-align="center"],
.article-content img[data-align="right"]{
margin-left:auto;
margin-right:auto;
}
}
/* =========================================================
GERÇEK MOBİL ÇEKMECE MENÜSÜ
Masaüstü kurallarından tamamen ayrıdır.
========================================================= */
.mobile-drawer-toggle,
.mobile-site-drawer,
.mobile-drawer-backdrop{display:none}
@media (max-width: 768px){
body.mobile-drawer-open{overflow:hidden!important;touch-action:none}
.fb-site-top{
min-height:76px!important;
height:76px!important;
padding:0 12px!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
flex-wrap:nowrap!important;
position:sticky!important;
top:0!important;
z-index:10020!important;
}
.fb-top-left{min-width:0!important;flex:1 1 auto!important}
.fb-top-left .brand{min-width:0!important;max-width:100%!important;gap:8px!important}
.fb-top-left .brand-mark{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important}
.fb-top-left .brand>span:last-child{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}
.fb-top-center.modern-nav{display:none!important}
.fb-top-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:7px!important;
flex:0 0 auto!important;
min-width:0!important;
}
.fb-top-actions>.notif-wrap,
.fb-top-actions>.header-tool-icon,
.fb-top-actions>.ui-logout,
.fb-top-actions>.fb-register-btn{display:none!important}
.fb-top-actions>.fb-user-chip{
display:flex!important;
height:40px!important;
max-width:112px!important;
padding:4px 9px 4px 4px!important;
border-radius:13px!important;
}
.fb-top-actions>.fb-user-chip img{width:32px!important;height:32px!important;min-width:32px!important}
.fb-top-actions>.fb-user-chip b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}
.fb-top-actions>.ui-login{
display:flex!important;
height:40px!important;
min-width:auto!important;
padding:4px 10px 4px 4px!important;
border-radius:13px!important;
}
.fb-top-actions>.ui-login .btn-ico{width:32px!important;height:32px!important;min-width:32px!important}
.fb-top-actions>.ui-login .btn-label{display:inline!important;font-size:11px!important}
.mobile-drawer-toggle{
display:flex!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
padding:0!important;
border:1px solid rgba(255,255,255,.22)!important;
border-radius:13px!important;
background:#13243c!important;
color:#fff!important;
align-items:center!important;
justify-content:center!important;
flex-direction:column!important;
gap:5px!important;
cursor:pointer!important;
box-shadow:none!important;
}
.mobile-drawer-toggle span{display:block!important;width:20px!important;height:2px!important;border-radius:3px!important;background:currentColor!important;transition:transform .2s ease,opacity .2s ease!important}
body.mobile-drawer-open .mobile-drawer-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
body.mobile-drawer-open .mobile-drawer-toggle span:nth-child(2){opacity:0!important}
body.mobile-drawer-open .mobile-drawer-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.mobile-drawer-backdrop{
display:block!important;
position:fixed!important;
inset:0!important;
z-index:10030!important;
background:rgba(2,12,27,.62)!important;
opacity:0!important;
visibility:hidden!important;
transition:opacity .25s ease,visibility .25s ease!important;
backdrop-filter:blur(2px)!important;
}
body.mobile-drawer-open .mobile-drawer-backdrop{opacity:1!important;visibility:visible!important}
.mobile-site-drawer{
display:block!important;
position:fixed!important;
z-index:10040!important;
top:0!important;
left:0!important;
bottom:0!important;
width:min(86vw,340px)!important;
background:#fff!important;
transform:translateX(-104%)!important;
transition:transform .28s cubic-bezier(.22,.8,.24,1)!important;
box-shadow:18px 0 50px rgba(2,12,27,.28)!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
border-radius:0 22px 22px 0!important;
}
body.mobile-drawer-open .mobile-site-drawer{transform:translateX(0)!important}
.mobile-drawer-head{
position:relative!important;
min-height:174px!important;
padding:30px 54px 24px 22px!important;
display:flex!important;
align-items:flex-end!important;
background:linear-gradient(135deg,#0d4df5 0%,#3274ff 52%,#5c79ff 100%)!important;
overflow:hidden!important;
}
.mobile-drawer-head::before,
.mobile-drawer-head::after{content:"";position:absolute!important;border-radius:999px!important;border:28px solid rgba(255,255,255,.07)!important}
.mobile-drawer-head::before{width:180px!important;height:180px!important;right:-76px!important;top:-98px!important}
.mobile-drawer-head::after{width:120px!important;height:120px!important;left:95px!important;bottom:-92px!important}
.mobile-drawer-profile,.mobile-drawer-brand{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;text-decoration:none!important;min-width:0!important}
.mobile-drawer-profile img{width:64px!important;height:64px!important;min-width:64px!important;border-radius:50%!important;object-fit:cover!important;border:4px solid rgba(255,255,255,.92)!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important}
.mobile-drawer-profile span,.mobile-drawer-brand>span:last-child{display:flex!important;flex-direction:column!important;min-width:0!important}
.mobile-drawer-profile b,.mobile-drawer-brand b{font-size:17px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mobile-drawer-profile small,.mobile-drawer-brand small{margin-top:4px!important;color:rgba(255,255,255,.82)!important;font-size:12px!important}
.mobile-drawer-brand .brand-mark{width:56px!important;height:56px!important;min-width:56px!important;border-radius:17px!important;background:#fff!important;color:#1769ef!important}
.mobile-drawer-close{position:absolute!important;z-index:2!important;right:14px!important;top:16px!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:12px!important;background:rgba(5,27,80,.22)!important;color:#fff!important;font-size:28px!important;font-weight:300!important;line-height:1!important;cursor:pointer!important}
.mobile-drawer-nav{padding:12px 14px 22px!important}
.mobile-drawer-nav>a{
min-height:54px!important;
display:grid!important;
grid-template-columns:38px minmax(0,1fr) auto!important;
align-items:center!important;
gap:12px!important;
padding:7px 10px!important;
color:#26364c!important;
border-bottom:1px solid #edf1f6!important;
text-decoration:none!important;
font-size:14px!important;
font-weight:750!important;
border-radius:11px!important;
transition:background .15s ease,color .15s ease!important;
}
.mobile-drawer-nav>a i{width:36px!important;height:36px!important;border-radius:11px!important;background:#eef4ff!important;color:#1769ef!important;display:grid!important;place-items:center!important}
.mobile-drawer-nav>a i svg{width:18px!important;height:18px!important;fill:currentColor!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.mobile-drawer-nav>a>span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mobile-drawer-nav>a>b{font-size:24px!important;font-weight:400!important;color:#9aa6b5!important}
.mobile-drawer-nav>a>em{min-width:25px!important;height:25px!important;padding:0 7px!important;border-radius:999px!important;background:#1769ef!important;color:#fff!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:11px!important;font-weight:850!important}
.mobile-drawer-nav>a.active{background:#eef5ff!important;color:#0d59d7!important}
.mobile-drawer-nav>a.active i{background:#1769ef!important;color:#fff!important}
.mobile-drawer-nav>a.mobile-drawer-submit{margin:8px 0!important;border:0!important;background:linear-gradient(135deg,#ff8a22,#ff6813)!important;color:#fff!important;box-shadow:0 8px 18px rgba(255,105,19,.22)!important}
.mobile-drawer-nav>a.mobile-drawer-submit i{background:rgba(255,255,255,.95)!important;color:#ff6b16!important}
.mobile-drawer-nav>a.mobile-drawer-submit b{color:#fff!important}
.mobile-drawer-nav>a.mobile-drawer-logout{margin-top:8px!important;color:#d83434!important}
.mobile-drawer-nav>a.mobile-drawer-logout i{background:#fff0f0!important;color:#d83434!important}
.mobile-drawer-separator{padding:18px 8px 7px!important;color:#8b98aa!important;font-size:11px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.mobile-drawer-auth{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:14px 0 0!important}
.mobile-drawer-auth a{display:grid!important;place-items:center!important;min-height:46px!important;border-radius:12px!important;background:#eef4ff!important;color:#1769ef!important;font-weight:850!important;text-decoration:none!important}
.mobile-drawer-auth a:last-child{background:#1769ef!important;color:#fff!important}
}
/* Mobilde masaüstü menüyü kesin olarak kapat. Önceki responsive kurallarını ezer. */
@media screen and (max-width: 1024px){
header.fb-site-top > nav.fb-top-center,
header.fb-site-top > nav.fb-top-center.modern-nav,
.fb-site-top .fb-top-center,
.fb-site-top .modern-nav{
display:none!important;
visibility:hidden!important;
opacity:0!important;
pointer-events:none!important;
position:absolute!important;
width:0!important;
height:0!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
header.fb-site-top{
grid-template-columns:minmax(0,1fr) auto!important;
grid-template-rows:76px!important;
}
}
/* =========================================================
MOBİL ÇEKMECE — SADE VE PROFESYONEL GÖRÜNÜM
Sadece mobil menüyü etkiler.
========================================================= */
@media (max-width: 768px){
.mobile-site-drawer{
width:min(88vw,332px)!important;
border-radius:0 18px 18px 0!important;
box-shadow:20px 0 55px rgba(3,13,28,.24)!important;
}
.mobile-drawer-head{
min-height:150px!important;
padding:28px 52px 22px 20px!important;
background:linear-gradient(145deg,#0d2341 0%,#12345d 100%)!important;
}
.mobile-drawer-head::before,
.mobile-drawer-head::after{
border-width:1px!important;
border-color:rgba(255,255,255,.10)!important;
background:transparent!important;
}
.mobile-drawer-head::before{width:158px!important;height:158px!important;right:-72px!important;top:-80px!important}
.mobile-drawer-head::after{width:98px!important;height:98px!important;left:118px!important;bottom:-70px!important}
.mobile-drawer-profile img{
width:56px!important;height:56px!important;min-width:56px!important;
border:2px solid rgba(255,255,255,.9)!important;
box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
.mobile-drawer-brand .brand-mark{
width:52px!important;height:52px!important;min-width:52px!important;
border-radius:14px!important;
background:rgba(255,255,255,.96)!important;
color:#12345d!important;
box-shadow:0 8px 22px rgba(0,0,0,.13)!important;
}
.mobile-drawer-profile b,.mobile-drawer-brand b{font-size:16px!important;font-weight:800!important;letter-spacing:-.01em!important}
.mobile-drawer-profile small,.mobile-drawer-brand small{font-size:11px!important;color:rgba(255,255,255,.68)!important}
.mobile-drawer-close{
width:36px!important;height:36px!important;
border-radius:10px!important;
border:1px solid rgba(255,255,255,.18)!important;
background:rgba(255,255,255,.08)!important;
font-size:24px!important;
}
.mobile-drawer-nav{padding:14px 14px 24px!important}
.mobile-drawer-nav>a{
min-height:50px!important;
grid-template-columns:24px minmax(0,1fr) auto!important;
gap:12px!important;
padding:9px 10px!important;
margin:0!important;
border:0!important;
border-bottom:1px solid #edf0f4!important;
border-radius:0!important;
background:transparent!important;
color:#1e2b3d!important;
font-size:14px!important;
font-weight:700!important;
box-shadow:none!important;
}
.mobile-drawer-nav>a:active{background:#f6f8fb!important}
.mobile-drawer-nav>a i{
width:24px!important;height:24px!important;
border-radius:0!important;
background:transparent!important;
color:#617087!important;
display:grid!important;
place-items:center!important;
}
.mobile-drawer-nav>a i svg{
width:20px!important;height:20px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.75!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.mobile-drawer-nav>a>span{font-weight:700!important}
.mobile-drawer-nav>a>b{
font-size:18px!important;
color:#a6afbc!important;
line-height:1!important;
}
.mobile-drawer-nav>a>em{
min-width:22px!important;height:22px!important;
padding:0 6px!important;
background:#e8eef7!important;
color:#244a78!important;
font-size:10px!important;
font-weight:800!important;
}
.mobile-drawer-nav>a.active{
background:#f3f6fa!important;
color:#122b4d!important;
box-shadow:inset 3px 0 0 #2e6fbd!important;
}
.mobile-drawer-nav>a.active i{background:transparent!important;color:#2e6fbd!important}
.mobile-drawer-nav>a.mobile-drawer-submit{
margin:10px 0 8px!important;
min-height:48px!important;
border:1px solid #d8e0ea!important;
border-radius:10px!important;
background:#f8fafc!important;
color:#18324f!important;
box-shadow:none!important;
}
.mobile-drawer-nav>a.mobile-drawer-submit i{
background:transparent!important;
color:#d66a16!important;
}
.mobile-drawer-nav>a.mobile-drawer-submit b{color:#a6afbc!important}
.mobile-drawer-nav>a.mobile-drawer-logout{
margin-top:6px!important;
color:#b4232b!important;
border-top:1px solid #edf0f4!important;
}
.mobile-drawer-nav>a.mobile-drawer-logout i{background:transparent!important;color:#b4232b!important}
.mobile-drawer-separator{
padding:18px 8px 6px!important;
color:#8a95a4!important;
font-size:10px!important;
font-weight:800!important;
letter-spacing:.12em!important;
}
.mobile-drawer-auth{
display:grid!important;
grid-template-columns:1fr auto!important;
gap:8px!important;
padding:16px 0 2px!important;
border-top:1px solid #e8edf3!important;
}
.mobile-drawer-auth a{
min-height:44px!important;
padding:0 16px!important;
border-radius:9px!important;
border:1px solid #d7dee8!important;
background:#fff!important;
color:#22344a!important;
font-size:13px!important;
font-weight:800!important;
box-shadow:none!important;
}
.mobile-drawer-auth a:last-child{
min-width:112px!important;
border-color:#193b64!important;
background:#193b64!important;
color:#fff!important;
}
}
/* Server detayındaki benzer server alanı ile footer arasındaki gereksiz boşluğu kaldır */
body:has(.related-servers-section) main.wrap{
padding-bottom:18px!important;
}
body:has(.related-servers-section) .site-footer-pro{
margin-top:18px!important;
}
@media(max-width:640px){
body:has(.related-servers-section) main.wrap{
padding-bottom:10px!important;
}
body:has(.related-servers-section) .site-footer-pro{
margin-top:10px!important;
}
}
/* =========================================================
BENZER PVP SERVERLAR — KESİN, İZOLE VE RESPONSIVE STİLLER
========================================================= */
.related-servers-section,
.related-servers-section *{
box-sizing:border-box;
}
.related-servers-section{
display:block;
width:min(1115px,96vw);
max-width:1115px;
margin:26px auto 0;
padding:22px;
overflow:hidden;
border:1px solid #dbe4ef;
border-radius:18px;
background:linear-gradient(180deg,#fff 0%,#f7faff 100%);
box-shadow:0 12px 32px rgba(15,23,42,.07);
}
.related-servers-section .related-servers-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin:0 0 18px;
}
.related-servers-section .related-servers-head>div{
min-width:0;
}
.related-servers-section .related-servers-kicker{
display:block;
margin:0 0 6px;
color:#1768d3;
font-size:11px;
font-weight:900;
line-height:1.2;
letter-spacing:.11em;
}
.related-servers-section .related-servers-head h2{
margin:0;
color:#0b203b;
font-size:27px;
line-height:1.15;
letter-spacing:-.035em;
}
.related-servers-section .related-servers-head p{
margin:7px 0 0;
color:#66758a;
font-size:14px;
line-height:1.5;
}
.related-servers-section .related-all-link{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:40px;
padding:0 13px;
border:1px solid #cdd9e8;
border-radius:10px;
background:#fff;
color:#135fbf;
text-decoration:none;
font-size:13px;
font-weight:850;
}
.related-servers-section svg{
display:block!important;
width:16px!important;
height:16px!important;
min-width:16px!important;
max-width:16px!important;
min-height:16px!important;
max-height:16px!important;
overflow:visible!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.related-servers-section .related-servers-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:15px;
width:100%;
}
.related-servers-section .related-server-card{
display:block;
min-width:0;
overflow:hidden;
border:1px solid #dce4ee;
border-radius:15px;
background:#fff;
box-shadow:0 5px 16px rgba(15,23,42,.055);
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.related-servers-section .related-server-card:hover{
transform:translateY(-3px);
border-color:#b9cee8;
box-shadow:0 13px 28px rgba(15,23,42,.10);
}
.related-servers-section .related-server-cover{
position:relative;
display:block;
width:100%;
height:118px;
overflow:hidden;
background:#eaf0f7;
text-decoration:none;
}
.related-servers-section .related-server-cover>img{
display:block!important;
width:100%!important;
height:118px!important;
max-width:none!important;
object-fit:cover!important;
object-position:center!important;
}
.related-servers-section .related-server-overlay{
position:absolute;
inset:0;
display:block;
background:linear-gradient(180deg,rgba(5,20,42,.02) 35%,rgba(5,20,42,.58) 100%);
}
.related-servers-section .related-server-logo{
position:absolute;
left:14px;
bottom:12px;
display:block;
width:48px;
height:48px;
padding:3px;
overflow:hidden;
border-radius:13px;
background:#fff;
box-shadow:0 6px 18px rgba(5,20,42,.24);
}
.related-servers-section .related-server-logo img{
display:block!important;
width:42px!important;
height:42px!important;
max-width:none!important;
object-fit:cover!important;
border-radius:10px;
}
.related-servers-section .related-server-body{
display:block;
padding:15px;
}
.related-servers-section .related-server-title-row{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
}
.related-servers-section .related-server-title-row>div{
min-width:0;
}
.related-servers-section .related-server-title-row h3{
margin:0;
color:#10233f;
font-size:17px;
line-height:1.25;
letter-spacing:-.02em;
}
.related-servers-section .related-server-title-row h3 a{
color:inherit;
text-decoration:none;
}
.related-servers-section .related-server-meta{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:7px 0 0;
}
.related-servers-section .related-server-meta span{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 8px;
border:1px solid #e1e7ef;
border-radius:7px;
background:#f6f8fb;
color:#536176;
font-size:11px;
font-weight:800;
}
.related-servers-section .related-server-votes{
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:5px;
min-height:30px;
padding:0 9px;
border-radius:8px;
background:#fff7df;
color:#9a6500;
font-size:12px;
font-weight:900;
}
.related-servers-section .related-server-votes svg{
fill:#f3b317!important;
stroke:#a66c00!important;
stroke-width:1.3!important;
}
.related-servers-section .related-server-desc{
min-height:42px;
margin:13px 0 15px;
overflow:hidden;
color:#637187;
font-size:13px;
line-height:1.55;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
.related-servers-section .related-server-actions{
display:grid;
grid-template-columns:1fr auto;
gap:8px;
padding-top:13px;
border-top:1px solid #edf1f5;
}
.related-servers-section .related-detail-link,
.related-servers-section .related-site-link{
display:inline-flex!important;
align-items:center;
justify-content:center;
gap:6px;
min-height:38px;
padding:0 11px;
border-radius:9px;
text-decoration:none;
font-size:12px;
font-weight:900;
line-height:1;
}
.related-servers-section .related-detail-link{
border:1px solid #cbd9e9;
background:#fff;
color:#173555;
}
.related-servers-section .related-site-link{
border:1px solid #1d6ee8;
background:#1d6ee8;
color:#fff;
}
@media(max-width:900px){
.related-servers-section .related-servers-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:640px){
.related-servers-section{
width:calc(100% - 20px);
margin:18px 10px 0;
padding:16px 12px;
border-radius:15px;
}
.related-servers-section .related-servers-head{
align-items:flex-start;
margin-bottom:14px;
}
.related-servers-section .related-servers-head h2{
font-size:22px;
}
.related-servers-section .related-servers-head p{
font-size:13px;
}
.related-servers-section .related-all-link{
display:none;
}
.related-servers-section .related-servers-grid{
display:flex;
gap:12px;
overflow-x:auto;
scroll-snap-type:x mandatory;
scrollbar-width:none;
padding:1px 1px 8px;
}
.related-servers-section .related-servers-grid::-webkit-scrollbar{
display:none;
}
.related-servers-section .related-server-card{
flex:0 0 86%;
scroll-snap-align:start;
}
.related-servers-section .related-server-cover,
.related-servers-section .related-server-cover>img{
height:112px!important;
}
.related-servers-section .related-server-actions{
grid-template-columns:1fr 1fr;
}
.related-servers-section .related-detail-link,
.related-servers-section .related-site-link{
min-height:40px;
}
}
/* Server detaylı tanıtım görselleri: kesmeden, oranı bozmadan tam genişlik */
.server-full-description img{
display:block!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
max-height:none!important;
object-fit:contain!important;
box-sizing:border-box;
}
/* Server ekleme/düzenleme editöründe gerçek görünüm önizlemesi */
.rich-editor-box .rich-editor img{
display:block;
width:100%;
max-width:100%;
height:auto;
max-height:none;
object-fit:contain;
box-sizing:border-box;
}
/* Serverlar bölümü: eski Açılış Takvimi durum çizgileri */
.pg-server-card.server-card-modern.is-active{
border-left:4px solid #2fc86b!important;
}
.pg-server-card.server-card-modern.is-upcoming{
border-left:4px solid #9b6cff!important;
}
/* Mobilde açık / açılacak filtrelerini kaydırma içine saklamadan yan yana göster */
@media (max-width:700px){
.pg-filter-panel-premium .pg-filter-buttons-premium:first-of-type{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
overflow:visible!important;
width:100%!important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium:first-of-type .pg-status-filter{
width:100%!important;
min-width:0!important;
padding:8px 9px!important;
white-space:normal!important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium:first-of-type .pg-status-filter strong{
line-height:1.15!important;
}
.pg-filter-panel-premium .pg-filter-buttons-premium:first-of-type .pg-filter-pill:not(.pg-status-filter){
grid-column:auto!important;
}
}
/* SEO: sayfada tek ve sabit H1; görsel tasarımı etkilemez */
.seo-main-h1{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
.pg-sponsor-title{margin:0;font:inherit;font-weight:800}