/*
Theme Name: Sohbet Teması
Theme URI: https://example.com
Author: Verdent
Description: Profesyonel sohbet & radyo teması
Version: 3.0
License: GNU General Public License v2 or later
Text Domain: sohbet-tema
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --p: #7c6df0;
    --p2: #6358d4;
    --sec: #f0546d;
    --acc: #00d4ff;
    --acc2: #00ff88;
    --bg: #080810;
    --bg1: #0d0d1a;
    --bg2: #111122;
    --bg3: #161630;
    --card: #12122a;
    --card2: #1a1a36;
    --inp: #0f0f24;
    --bdr: rgba(255,255,255,0.06);
    --bdr2: rgba(255,255,255,0.1);
    --txt: #f0f0ff;
    --txt2: #a0a0c0;
    --txt3: #606080;
    --on: #00ff88;
    --g1: linear-gradient(135deg,#7c6df0,#f0546d);
    --g2: linear-gradient(135deg,#00d4ff,#7c6df0);
    --g3: linear-gradient(135deg,#00ff88,#00d4ff);
    --sh: 0 8px 40px rgba(0,0,0,0.6);
    --sh2: 0 2px 20px rgba(124,109,240,0.3);
    --r: 16px;
    --r2: 24px;
}

html { scroll-behavior: smooth; }
body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--txt); min-height:100vh; overflow-x:hidden; line-height:1.6; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
button { cursor:pointer; border:none; outline:none; background:none; font-family:inherit; }
input,textarea { font-family:inherit; outline:none; border:none; }
img { max-width:100%; display:block; }

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:var(--p); border-radius:3px; }

/* ─────────────────────────────────────────
   HEADER
───────────────────────────────────────── */
.site-header {
    position:fixed; top:0; left:0; right:0; z-index:900;
    height:68px;
    background:rgba(8,8,16,0.9);
    backdrop-filter:blur(20px);
    border-bottom:1px solid var(--bdr);
    display:flex; align-items:center;
    padding:0 48px;
    gap:24px;
}
.hdr-logo { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.hdr-logo .logo-img { height:36px; width:auto; border-radius:8px; }
.hdr-logo .logo-def { width:36px; height:36px; border-radius:10px; background:var(--g1); display:flex; align-items:center; justify-content:center; font-size:1rem; }
.hdr-logo .logo-name { font-size:1.25rem; font-weight:800; background:var(--g1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

.hdr-nav { flex:1; display:flex; align-items:center; justify-content:center; position:relative; z-index:10; }
.hdr-nav ul { display:flex; align-items:center; gap:4px; flex-wrap:nowrap; }
.hdr-nav ul li { display:inline-flex; position:relative; }
.hdr-nav a { color:var(--txt2); padding:8px 16px; border-radius:20px; font-size:0.88rem; font-weight:500; transition:all .2s; letter-spacing:.2px; white-space:nowrap; border:1px solid transparent; display:inline-block; cursor:pointer; position:relative; z-index:10; }
.hdr-nav a:hover, .hdr-nav .current-menu-item > a { color:var(--txt); background:rgba(124,109,240,.15); border-color:rgba(124,109,240,.2); }

.hdr-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.btn-login-hdr {
    padding:9px 22px; border-radius:10px;
    background:var(--g1); color:#fff;
    font-size:0.88rem; font-weight:700;
    transition:opacity .2s, transform .1s;
    display:inline-flex; align-items:center; gap:6px;
    white-space:nowrap;
}
.btn-login-hdr:hover { opacity:.88; transform:translateY(-1px); }
.btn-ghost-hdr { padding:9px 18px; border-radius:10px; border:1px solid var(--bdr2); color:var(--txt2); font-size:0.88rem; font-weight:500; transition:all .2s; }
.btn-ghost-hdr:hover { border-color:var(--p); color:var(--p); }

.hdr-menu-btn { display:none; flex-direction:column; gap:5px; padding:6px; cursor:pointer; }
.hdr-menu-btn span { width:22px; height:2px; background:var(--txt2); border-radius:2px; transition:all .3s; display:block; }

/* ─────────────────────────────────────────
   HERO
───────────────────────────────────────── */
.hero {
    min-height:100vh; display:flex; align-items:center;
    padding:88px 48px 60px;
    position:relative; overflow:hidden;
}
.hero-orbs { position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
.orb { position:absolute; border-radius:50%; filter:blur(100px); opacity:.18; pointer-events:none; }
.orb1 { width:700px; height:700px; background:var(--p); top:-200px; left:-200px; animation:orbFloat 8s ease-in-out infinite; }
.orb2 { width:500px; height:500px; background:var(--sec); bottom:-150px; right:-100px; animation:orbFloat 10s ease-in-out infinite reverse; }
.orb3 { width:350px; height:350px; background:var(--acc); top:50%; left:55%; transform:translate(-50%,-50%); animation:orbFloat 7s ease-in-out infinite 2s; }
@keyframes orbFloat { 0%,100%{transform:translate(0,0)} 33%{transform:translate(20px,-20px)} 66%{transform:translate(-15px,15px)} }
.orb1, .orb2 { animation-name:orbFloat; }

.hero-grid { max-width:1140px; width:100%; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:1; }

.hero-left { display:flex; flex-direction:column; gap:24px; }
.hero-badge { display:inline-flex; align-items:center; gap:7px; background:rgba(124,109,240,.12); border:1px solid rgba(124,109,240,.25); border-radius:20px; padding:6px 14px; font-size:.78rem; font-weight:600; color:var(--p); width:fit-content; }
.hero-badge .dot { width:6px; height:6px; background:var(--on); border-radius:50%; animation:blink 1.5s ease-in-out infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }

.hero-h1 { font-size:clamp(2.2rem,4vw,3.4rem); font-weight:900; line-height:1.15; letter-spacing:-.02em; }
.hero-h1 .grad { background:var(--g1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero-h1 .grad2 { background:var(--g2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

.hero-p { color:var(--txt2); font-size:1.05rem; line-height:1.75; max-width:480px; }

.hero-btns { display:flex; gap:12px; flex-wrap:wrap; }
.btn-hero-main {
    display:inline-flex; align-items:center; gap:10px;
    padding:17px 38px; border-radius:14px;
    background:var(--g1); color:#fff;
    font-size:1.08rem; font-weight:700; letter-spacing:.2px;
    transition:all .25s;
    box-shadow:0 4px 24px rgba(124,109,240,.45), 0 0 0 0 rgba(124,109,240,.3);
    position:relative; overflow:hidden;
}
.btn-hero-main::before {
    content:''; position:absolute; inset:0;
    background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);
    opacity:0; transition:opacity .2s;
}
.btn-hero-main:hover { transform:translateY(-3px); box-shadow:0 8px 32px rgba(124,109,240,.6), 0 0 0 6px rgba(124,109,240,.12); }
.btn-hero-main:hover::before { opacity:1; }
.btn-hero-main:active { transform:translateY(-1px); }
.btn-hero-main .btn-ico { font-size:1.2rem; }
.btn-hero-sec { display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border-radius:12px; border:1.5px solid var(--bdr2); color:var(--txt2); font-size:.97rem; font-weight:600; transition:all .2s; }
.btn-hero-sec:hover { border-color:var(--p); color:var(--txt); }

.hero-stats { display:flex; gap:24px; flex-wrap:wrap; padding-top:8px; }
.hstat { text-align:center; }
.hstat .n { font-size:1.7rem; font-weight:800; background:var(--g2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hstat .l { font-size:.75rem; color:var(--txt3); font-weight:500; text-transform:uppercase; letter-spacing:.5px; }

/* Sağ: Animasyonlu chat kartı */
.hero-right { position:relative; }
.chat-mockup {
    background:var(--card); border:1px solid var(--bdr2); border-radius:var(--r2);
    overflow:hidden; box-shadow:var(--sh);
    animation:floatY 5s ease-in-out infinite;
}
@keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
.cm-bar { background:var(--card2); padding:14px 18px; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--bdr); }
.cm-av { width:38px; height:38px; border-radius:50%; background:var(--g1); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.85rem; flex-shrink:0; position:relative; }
.cm-av::after { content:''; position:absolute; bottom:1px; right:1px; width:9px; height:9px; background:var(--on); border-radius:50%; border:2px solid var(--card2); }
.cm-uname { font-size:.88rem; font-weight:600; }
.cm-ustatus { font-size:.7rem; color:var(--on); }
.cm-msgs { padding:18px; display:flex; flex-direction:column; gap:10px; min-height:200px; max-height:260px; overflow:hidden; }
.cmsg { max-width:82%; padding:9px 13px; border-radius:14px; font-size:.83rem; line-height:1.45; }
.cmsg.o { background:var(--bg3); border-bottom-left-radius:4px; }
.cmsg.m { background:var(--p); color:#fff; border-bottom-right-radius:4px; align-self:flex-end; }
.cmsg-t { font-size:.65rem; color:var(--txt3); margin-top:3px; }
.cmsg-t.r { text-align:right; }
.cm-inp { background:var(--card2); padding:12px 16px; display:flex; align-items:center; gap:8px; border-top:1px solid var(--bdr); }
.cm-fake { flex:1; background:var(--inp); border-radius:20px; padding:8px 14px; font-size:.8rem; color:var(--txt3); border:1px solid var(--bdr); }
.cm-send { width:32px; height:32px; border-radius:50%; background:var(--g1); display:flex; align-items:center; justify-content:center; font-size:.75rem; color:#fff; }

/* Floating badges */
.hero-float1, .hero-float2 { position:absolute; background:var(--card2); border:1px solid var(--bdr2); border-radius:12px; padding:10px 14px; box-shadow:var(--sh); font-size:.78rem; font-weight:600; display:flex; align-items:center; gap:7px; z-index:2; animation:floatBadge 4s ease-in-out infinite; }
.hero-float1 { bottom:-16px; left:-28px; animation-delay:.5s; }
.hero-float2 { top:-16px; right:-20px; animation-delay:1.5s; }
@keyframes floatBadge { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.fb-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.fb-dot.g { background:var(--on); }
.fb-dot.p { background:var(--p); }

/* ─────────────────────────────────────────
   STATS BAR
───────────────────────────────────────── */
.stats-bar { background:var(--bg2); border-top:1px solid var(--bdr); border-bottom:1px solid var(--bdr); padding:28px 48px; }
.stats-bar-inner { max-width:1140px; margin:0 auto; display:flex; justify-content:space-around; align-items:center; gap:20px; flex-wrap:wrap; }
.sb-item { text-align:center; }
.sb-num { font-size:2rem; font-weight:800; background:var(--g1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.sb-lbl { font-size:.78rem; color:var(--txt3); text-transform:uppercase; letter-spacing:.5px; font-weight:500; margin-top:2px; }
.sb-div { width:1px; height:48px; background:var(--bdr2); }

/* ─────────────────────────────────────────
   RADYO SECTION (anasayfa büyük player)
───────────────────────────────────────── */
.radio-section { padding:80px 48px; background:var(--bg1); border-top:1px solid var(--bdr); }
.radio-player-wrap { max-width:680px; margin:0 auto; }
.radio-player-card {
    background:var(--card2); border:1px solid var(--bdr2);
    border-radius:var(--r2); padding:40px;
    box-shadow:var(--sh); position:relative; overflow:hidden;
}
.radio-player-card::before { content:''; position:absolute; top:-70px; right:-70px; width:220px; height:220px; background:var(--g1); opacity:.07; border-radius:50%; }
.rp-top { display:flex; align-items:center; gap:22px; margin-bottom:28px; }
.rp-disc {
    width:86px; height:86px; border-radius:50%;
    background:var(--g1); display:flex; align-items:center; justify-content:center;
    font-size:2rem; flex-shrink:0; position:relative;
    box-shadow:0 0 0 8px rgba(124,109,240,.12);
}
.rp-disc::after { content:''; position:absolute; width:20px; height:20px; background:var(--card2); border-radius:50%; }
.rp-disc.spin { animation:rpSpin 4s linear infinite; }
@keyframes rpSpin { to{transform:rotate(360deg)} }
.rp-title { font-size:1.4rem; font-weight:700; margin-bottom:4px; }
.rp-sub { color:var(--txt2); font-size:.9rem; margin-bottom:8px; }
.rp-live { display:inline-flex; align-items:center; gap:5px; background:rgba(0,255,136,.1); color:var(--on); font-size:.72rem; font-weight:700; padding:3px 10px; border-radius:20px; }
.rp-live::before { content:''; width:6px; height:6px; background:var(--on); border-radius:50%; animation:blink 1.2s ease-in-out infinite; }

.rp-visualizer { display:flex; align-items:flex-end; gap:3px; height:42px; margin-bottom:26px; justify-content:center; }
.rp-visualizer span { width:5px; background:var(--g1); border-radius:3px; animation:rpVis .6s ease-in-out infinite alternate; }
.rp-visualizer span:nth-child(1){height:12px;animation-delay:.0s}
.rp-visualizer span:nth-child(2){height:28px;animation-delay:.1s}
.rp-visualizer span:nth-child(3){height:18px;animation-delay:.2s}
.rp-visualizer span:nth-child(4){height:36px;animation-delay:.05s}
.rp-visualizer span:nth-child(5){height:22px;animation-delay:.15s}
.rp-visualizer span:nth-child(6){height:42px;animation-delay:.25s}
.rp-visualizer span:nth-child(7){height:16px;animation-delay:.35s}
.rp-visualizer span:nth-child(8){height:30px;animation-delay:.08s}
.rp-visualizer span:nth-child(9){height:20px;animation-delay:.18s}
.rp-visualizer span:nth-child(10){height:38px;animation-delay:.28s}
.rp-visualizer span:nth-child(11){height:14px;animation-delay:.0s}
.rp-visualizer span:nth-child(12){height:26px;animation-delay:.12s}
.rp-visualizer.paused span { animation-play-state:paused; height:3px!important; transition:height .3s; }
@keyframes rpVis { from{transform:scaleY(.3)} to{transform:scaleY(1)} }

.rp-controls { display:flex; align-items:center; justify-content:center; gap:20px; margin-bottom:20px; }
.rp-play-big { width:64px; height:64px; border-radius:50%; background:var(--g1); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.2rem; box-shadow:0 4px 20px rgba(124,109,240,.4); transition:transform .1s, box-shadow .2s; }
.rp-play-big:hover { transform:scale(1.08); box-shadow:0 6px 30px rgba(124,109,240,.6); }
.rp-btn-sm { width:44px; height:44px; border-radius:50%; background:var(--bdr); color:var(--txt2); display:flex; align-items:center; justify-content:center; font-size:1rem; transition:all .2s; }
.rp-btn-sm:hover { background:var(--bdr2); color:var(--txt); }
.rp-vol { display:flex; align-items:center; gap:10px; }

/* ─────────────────────────────────────────
   FEATURES
───────────────────────────────────────── */
.features { padding:90px 48px; }
.sec-wrap { max-width:1140px; margin:0 auto; }
.sec-hd { text-align:center; margin-bottom:54px; }
.sec-hd .badge { display:inline-block; background:rgba(124,109,240,.1); border:1px solid rgba(124,109,240,.2); color:var(--p); font-size:.75rem; font-weight:700; letter-spacing:.8px; text-transform:uppercase; padding:5px 14px; border-radius:20px; margin-bottom:14px; }
.sec-hd h2 { font-size:clamp(1.8rem,3vw,2.6rem); font-weight:800; letter-spacing:-.02em; margin-bottom:12px; }
.sec-hd h2 span { background:var(--g1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.sec-hd p { color:var(--txt2); font-size:.97rem; max-width:520px; margin:0 auto; }

.feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.feat-card { background:var(--card); border:1px solid var(--bdr); border-radius:var(--r2); padding:30px 26px; transition:all .3s; position:relative; overflow:hidden; }
.feat-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--g1); transform:scaleX(0); transform-origin:left; transition:transform .3s; }
.feat-card:hover { border-color:rgba(124,109,240,.3); transform:translateY(-5px); box-shadow:0 20px 50px rgba(0,0,0,.5); }
.feat-card:hover::before { transform:scaleX(1); }
.feat-ico { font-size:2rem; margin-bottom:16px; width:56px; height:56px; background:rgba(124,109,240,.1); border-radius:14px; display:flex; align-items:center; justify-content:center; }
.feat-card h3 { font-size:1.02rem; font-weight:700; margin-bottom:8px; }
.feat-card p { font-size:.86rem; color:var(--txt2); line-height:1.65; }

/* ─────────────────────────────────────────
   COMMUNITY SHOWCASE
───────────────────────────────────────── */
.community { padding:80px 48px; background:var(--bg1); border-top:1px solid var(--bdr); border-bottom:1px solid var(--bdr); }
.comm-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1140px; margin:0 auto; }
.comm-left h2 { font-size:clamp(1.7rem,2.8vw,2.4rem); font-weight:800; letter-spacing:-.02em; margin-bottom:16px; }
.comm-left h2 span { background:var(--g2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.comm-left p { color:var(--txt2); font-size:.97rem; line-height:1.75; margin-bottom:24px; }
.comm-tags { display:flex; gap:8px; flex-wrap:wrap; }
.comm-tag { padding:6px 14px; border-radius:20px; border:1px solid var(--bdr2); font-size:.8rem; color:var(--txt2); transition:all .2s; }
.comm-tag:hover { border-color:var(--p); color:var(--p); }

.comm-right { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.comm-card { background:var(--card); border:1px solid var(--bdr); border-radius:var(--r); padding:20px; }
.comm-card-icon { font-size:1.5rem; margin-bottom:10px; }
.comm-card h4 { font-size:.9rem; font-weight:700; margin-bottom:5px; }
.comm-card p { font-size:.8rem; color:var(--txt2); line-height:1.55; }
.comm-card.accent { background:linear-gradient(135deg,rgba(124,109,240,.15),rgba(240,84,109,.1)); border-color:rgba(124,109,240,.2); }

/* ─────────────────────────────────────────
   BLOG
───────────────────────────────────────── */
.blog-sec { padding:90px 48px; }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.blog-card { background:var(--card); border:1px solid var(--bdr); border-radius:var(--r2); overflow:hidden; display:flex; flex-direction:column; transition:all .3s; }
.blog-card:hover { border-color:rgba(124,109,240,.3); transform:translateY(-5px); box-shadow:0 20px 50px rgba(0,0,0,.5); }
.bc-thumb { aspect-ratio:16/9; overflow:hidden; background:var(--bg3); position:relative; }
.bc-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.blog-card:hover .bc-thumb img { transform:scale(1.06); }
.bc-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:2.5rem; background:linear-gradient(135deg,var(--bg2),var(--bg3)); }
.bc-cat { position:absolute; top:12px; left:12px; background:var(--g1); color:#fff; font-size:.7rem; font-weight:700; padding:4px 10px; border-radius:20px; }
.bc-body { padding:22px; flex:1; display:flex; flex-direction:column; gap:10px; }
.bc-meta { display:flex; align-items:center; gap:10px; font-size:.75rem; color:var(--txt3); }
.bc-meta span { display:flex; align-items:center; gap:4px; }
.bc-body h3 { font-size:1rem; font-weight:700; line-height:1.4; }
.bc-body h3 a:hover { color:var(--p); }
.bc-body p { font-size:.84rem; color:var(--txt2); line-height:1.6; flex:1; }
.bc-more { display:inline-flex; align-items:center; gap:5px; font-size:.83rem; color:var(--p); font-weight:600; transition:gap .2s; }
.bc-more:hover { gap:9px; }
.blog-empty { grid-column:1/-1; text-align:center; padding:60px 20px; }
.blog-empty .ico { font-size:3.5rem; margin-bottom:14px; opacity:.4; }
.blog-empty p { color:var(--txt3); font-size:.92rem; }

/* ─────────────────────────────────────────
   CTA BANNER
───────────────────────────────────────── */
.cta-section { padding:80px 48px; }
.cta-card { max-width:900px; margin:0 auto; background:linear-gradient(135deg,rgba(124,109,240,.18) 0%,rgba(240,84,109,.12) 100%); border:1px solid rgba(124,109,240,.25); border-radius:var(--r2); padding:60px 48px; text-align:center; position:relative; overflow:hidden; }
.cta-card::before { content:''; position:absolute; top:-80px; right:-80px; width:280px; height:280px; background:var(--g1); opacity:.08; border-radius:50%; }
.cta-card::after { content:''; position:absolute; bottom:-60px; left:-60px; width:200px; height:200px; background:var(--g2); opacity:.08; border-radius:50%; }
.cta-card h2 { font-size:clamp(1.8rem,3vw,2.5rem); font-weight:800; margin-bottom:14px; position:relative; z-index:1; }
.cta-card h2 span { background:var(--g1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.cta-card p { color:var(--txt2); font-size:1rem; max-width:520px; margin:0 auto 28px; line-height:1.7; position:relative; z-index:1; }
.btn-cta { display:inline-flex; align-items:center; gap:8px; padding:15px 36px; border-radius:12px; background:var(--g1); color:#fff; font-size:1rem; font-weight:700; transition:all .2s; box-shadow:var(--sh2); position:relative; z-index:1; }
.btn-cta:hover { transform:translateY(-2px); box-shadow:0 8px 30px rgba(124,109,240,.6); }

/* ─────────────────────────────────────────
   FOOTER - YENİ TASARIM
───────────────────────────────────────── */
.site-footer { background:var(--bg1); position:relative; }

.ft-topbar {
    height:3px;
    background:var(--g1);
}

.ft-inner { max-width:1200px; margin:0 auto; padding:60px 48px 36px; }

.ft-main-grid {
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.2fr;
    gap:48px;
    margin-bottom:48px;
}

/* Marka sütunu */
.ft-brand-col {}
.ft-brand-logo { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.ft-logo-ico { width:40px; height:40px; border-radius:11px; background:var(--g1); display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
.ft-logo-txt { font-size:1.2rem; font-weight:800; background:var(--g1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.ft-brand-desc { font-size:.86rem; color:var(--txt2); line-height:1.75; max-width:270px; margin-bottom:18px; }

.ft-online-badge { display:inline-flex; align-items:center; gap:7px; background:rgba(0,255,136,.08); border:1px solid rgba(0,255,136,.2); border-radius:20px; padding:5px 12px; font-size:.75rem; color:var(--on); font-weight:600; margin-bottom:20px; }
.ft-online-dot { width:7px; height:7px; background:var(--on); border-radius:50%; animation:blink 1.5s ease-in-out infinite; }

.ft-socials { display:flex; gap:8px; flex-wrap:wrap; }
.ft-soc { display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border-radius:10px; background:var(--bg3); border:1px solid var(--bdr2); font-size:.78rem; color:var(--txt2); transition:all .2s; }
.ft-soc:hover { background:rgba(124,109,240,.15); border-color:rgba(124,109,240,.3); color:var(--txt); transform:translateY(-2px); }
.ft-soc-lbl { font-weight:600; }

/* Link sütunları */
.ft-link-col {}
.ft-col-head { display:flex; align-items:center; gap:7px; margin-bottom:18px; }
.ft-col-ico { font-size:1rem; }
.ft-col-head h4 { font-size:.82rem; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:var(--txt); }
.ft-link-col ul li { margin-bottom:8px; }
.ft-link-col a { font-size:.86rem; color:var(--txt2); display:inline-flex; align-items:center; gap:5px; transition:all .2s; }
.ft-link-col a::before { content:'›'; color:var(--p); opacity:0; transition:opacity .2s, transform .2s; transform:translateX(-4px); }
.ft-link-col a:hover { color:var(--p); padding-left:4px; }
.ft-link-col a:hover::before { opacity:1; transform:translateX(0); }

/* Radyo mini (footer içinde) */
.ft-radio-mini { background:var(--bg3); border:1px solid var(--bdr2); border-radius:12px; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; }
.ft-radio-info { display:flex; flex-direction:column; gap:2px; }
.ft-radio-name { font-size:.83rem; font-weight:700; }
.ft-radio-sub { font-size:.72rem; color:var(--txt3); }
.ft-radio-live { display:inline-flex; align-items:center; gap:4px; background:rgba(0,255,136,.1); color:var(--on); font-size:.68rem; font-weight:700; padding:3px 8px; border-radius:20px; }
.ft-radio-live span { width:5px; height:5px; background:var(--on); border-radius:50%; animation:blink 1.2s ease-in-out infinite; }

/* Divider */
.ft-divider { height:1px; background:linear-gradient(90deg,transparent,var(--bdr2),transparent); margin-bottom:28px; }

/* Alt bar */
.ft-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
.ft-copy { font-size:.82rem; color:var(--txt3); }
.ft-bottom-links { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ft-bottom-links a { font-size:.8rem; color:var(--txt3); transition:color .2s; }
.ft-bottom-links a:hover { color:var(--p); }
.ft-bottom-links span { color:var(--bdr2); }
.ft-made { font-size:.8rem; color:var(--txt3); }

/* Responsive */
@media(max-width:1000px){ .ft-main-grid{ grid-template-columns:1fr 1fr; gap:32px; } }
@media(max-width:600px){ .ft-main-grid{ grid-template-columns:1fr; } .ft-inner{padding:40px 20px 28px;} .ft-bottom{flex-direction:column;text-align:center;gap:8px;} }

/* ─────────────────────────────────────────
   RADYO FLOATING PLAYER
───────────────────────────────────────── */
.radio-float {
    position:fixed; bottom:24px; left:24px; z-index:800;
    background:var(--card2); border:1px solid var(--bdr2);
    border-radius:18px; padding:14px 18px;
    box-shadow:0 8px 40px rgba(0,0,0,.7);
    display:flex; align-items:center; gap:12px;
    min-width:260px; max-width:310px;
    transition:transform .3s ease, box-shadow .3s, opacity .3s ease;
}
.radio-float:hover { transform:translateY(-2px); box-shadow:0 12px 50px rgba(0,0,0,.8); }
.rf-disc {
    width:46px; height:46px; flex-shrink:0;
    border-radius:50%; background:var(--g1);
    display:flex; align-items:center; justify-content:center;
    font-size:1.2rem; position:relative;
    box-shadow:0 0 0 4px rgba(124,109,240,.2);
    transition:transform .1s;
}
.rf-disc.spin { animation:rfSpin 3s linear infinite; }
@keyframes rfSpin { to{transform:rotate(360deg)} }
.rf-disc::after { content:''; position:absolute; width:14px; height:14px; background:var(--card2); border-radius:50%; }
.rf-info { flex:1; min-width:0; }
.rf-name { font-size:.84rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rf-sub { font-size:.72rem; color:var(--txt3); margin-top:1px; }
.rf-sub.live { color:var(--on); }
.rf-controls { display:flex; align-items:center; gap:6px; }
.rf-play { width:34px; height:34px; border-radius:50%; background:var(--g1); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.75rem; transition:transform .1s; }
.rf-play:hover { transform:scale(1.1); }
.rf-close { width:26px; height:26px; border-radius:50%; background:var(--bdr); color:var(--txt3); display:flex; align-items:center; justify-content:center; font-size:.7rem; transition:all .2s; }
.rf-close:hover { background:var(--sec); color:#fff; }

.rf-wave { display:flex; align-items:flex-end; gap:2px; height:18px; margin-top:3px; }
.rf-wave span { width:3px; background:var(--p); border-radius:2px; animation:rfWave .7s ease-in-out infinite alternate; }
.rf-wave span:nth-child(1){height:5px;animation-delay:0s}
.rf-wave span:nth-child(2){height:12px;animation-delay:.1s}
.rf-wave span:nth-child(3){height:8px;animation-delay:.2s}
.rf-wave span:nth-child(4){height:16px;animation-delay:.05s}
.rf-wave span:nth-child(5){height:6px;animation-delay:.15s}
.rf-wave.paused span { animation-play-state:paused; height:4px!important; }
@keyframes rfWave { from{transform:scaleY(.3)} to{transform:scaleY(1)} }

/* ─────────────────────────────────────────
   PAGE.PHP - Sayfa Şablonu
───────────────────────────────────────── */
.page-wrap { max-width:860px; margin:100px auto 80px; padding:0 28px; }

.page-header { margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid var(--bdr2); }
.page-header-inner {}
.page-title { font-size:clamp(1.8rem,4vw,2.6rem); font-weight:800; line-height:1.2; letter-spacing:-.02em; margin-bottom:12px; background:var(--g1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.page-meta { display:flex; align-items:center; gap:16px; font-size:.82rem; color:var(--txt3); flex-wrap:wrap; }

.page-thumb { border-radius:var(--r2); overflow:hidden; margin-bottom:36px; aspect-ratio:16/7; }
.page-thumb img { width:100%; height:100%; object-fit:cover; }

.page-content { font-size:1.02rem; line-height:1.85; color:var(--text-light); }
.page-content h1,.page-content h2,.page-content h3,.page-content h4 { font-weight:700; margin:30px 0 12px; color:var(--txt); }
.page-content h2 { font-size:1.5rem; }
.page-content h3 { font-size:1.2rem; }
.page-content p { margin-bottom:18px; color:var(--txt2); }
.page-content a { color:var(--p); text-decoration:underline; }
.page-content a:hover { color:var(--p2); }
.page-content img { border-radius:12px; margin:18px 0; max-width:100%; }
.page-content blockquote { border-left:3px solid var(--p); padding:14px 20px; color:var(--txt2); font-style:italic; margin:22px 0; background:rgba(124,109,240,.06); border-radius:0 10px 10px 0; }
.page-content ul,.page-content ol { padding-left:24px; margin-bottom:18px; }
.page-content li { margin-bottom:7px; color:var(--txt2); }
.page-content code { background:var(--bg3); padding:2px 8px; border-radius:5px; font-size:.9em; color:var(--acc); }
.page-content pre { background:var(--bg3); border:1px solid var(--bdr2); border-radius:12px; padding:20px; overflow-x:auto; margin:18px 0; }
.page-content table { width:100%; border-collapse:collapse; margin:18px 0; }
.page-content th,.page-content td { padding:10px 14px; border:1px solid var(--bdr2); font-size:.9rem; }
.page-content th { background:var(--bg3); font-weight:600; }
.page-content hr { border:none; border-top:1px solid var(--bdr2); margin:28px 0; }

/* ─────────────────────────────────────────
   SINGLE POST
───────────────────────────────────────── */
.single-wrap { max-width:780px; margin:100px auto 80px; padding:0 24px; }
.back-btn { display:inline-flex; align-items:center; gap:7px; color:var(--p); font-size:.9rem; font-weight:600; margin-bottom:28px; transition:gap .2s; }
.back-btn:hover { gap:11px; }
.s-cats { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.s-cats a { background:var(--g1); color:#fff; font-size:.72rem; font-weight:700; padding:4px 12px; border-radius:20px; }
.s-title { font-size:clamp(1.7rem,4vw,2.4rem); font-weight:800; line-height:1.25; margin-bottom:18px; letter-spacing:-.02em; }
.s-meta { display:flex; align-items:center; gap:16px; font-size:.82rem; color:var(--txt3); flex-wrap:wrap; margin-bottom:32px; }
.s-thumb { border-radius:var(--r2); overflow:hidden; margin-bottom:36px; aspect-ratio:16/8; }
.s-thumb img { width:100%; height:100%; object-fit:cover; }
.s-content { font-size:1.02rem; line-height:1.85; }
.s-content h2,.s-content h3 { font-weight:700; margin:30px 0 12px; }
.s-content p { margin-bottom:20px; }
.s-content a { color:var(--p); text-decoration:underline; }
.s-content img { border-radius:12px; margin:18px 0; }
.s-content blockquote { border-left:3px solid var(--p); padding-left:20px; color:var(--txt2); font-style:italic; margin:22px 0; }
.s-content ul,.s-content ol { padding-left:24px; margin-bottom:18px; }
.s-content li { margin-bottom:6px; }
.s-content code { background:var(--bg3); padding:2px 7px; border-radius:5px; font-size:.9em; }

/* ─────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────── */
@media (max-width:1100px) { .feat-grid{grid-template-columns:repeat(2,1fr)} .footer-grid{grid-template-columns:1fr 1fr} .blog-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:900px) { .hero-grid{grid-template-columns:1fr} .hero-right{display:none} .comm-grid{grid-template-columns:1fr} .site-header{padding:0 20px} .hero{padding:88px 24px 50px} .features,.blog-sec,.cta-section,.community{padding-left:24px;padding-right:24px} .stats-bar{padding:24px} }
@media (max-width:700px) { .blog-grid{grid-template-columns:1fr} .feat-grid{grid-template-columns:1fr 1fr} .hdr-nav{display:none} .footer-grid{grid-template-columns:1fr} }
@media (max-width:500px) { .feat-grid{grid-template-columns:1fr} .hero-stats{gap:14px} .radio-float{min-width:220px} .comm-right{grid-template-columns:1fr} }