/* Chatmekan - Özel CSS (Minified) */
/* Tailwind CDN ile birlikte yüklenir */

/* ── Chat Mockup Scrollbar Gizle ────────────── */
#mockup-chat::-webkit-scrollbar{display:none}
#mockup-chat{-ms-overflow-style:none;scrollbar-width:none}

/* ── Scrollbar ─────────────────────────────── */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#1a0536}
::-webkit-scrollbar-thumb{background:#9d4edd;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#ff6600}

/* ── Glass Nav ─────────────────────────────── */
.glass-nav{background:rgba(26,5,54,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(210,179,255,.1)}

/* ── Gradient Text ──────────────────────────── */
.gradient-text{background:linear-gradient(to right,#9d4edd,#ff6600);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ── Typing Indicator ───────────────────────── */
.typing-indicator span{display:inline-block;width:6px;height:6px;background-color:#d2b3ff;border-radius:50%;margin:0 2px;animation:bounce 1.4s infinite ease-in-out both}
.typing-indicator span:nth-child(1){animation-delay:-.32s}
.typing-indicator span:nth-child(2){animation-delay:-.16s}

/* ── Animasyonlar ───────────────────────────── */
@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
@keyframes pulse-slow{0%,100%{opacity:1}50%{opacity:.5}}

.animate-float{animation:float 6s ease-in-out infinite}
.animate-pulse-slow{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}

/* ── Details / Summary ──────────────────────── */
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details>summary::marker{display:none}

/* ── Blog İçerik ────────────────────────────── */
.prose-chatmekan h2{font-size:1.5rem;font-weight:700;color:#fff;margin-top:2rem;margin-bottom:1rem;border-bottom:2px solid #531c96;padding-bottom:.5rem}
.prose-chatmekan h3{font-size:1.25rem;font-weight:600;color:#d2b3ff;margin-top:1.5rem;margin-bottom:.75rem}
.prose-chatmekan h4{font-size:1.1rem;font-weight:600;color:#f3ebff;margin-top:1.25rem;margin-bottom:.5rem}
.prose-chatmekan p{color:rgba(243,235,255,.85);line-height:1.8;margin-bottom:1.25rem}
.prose-chatmekan a{color:#ff6600;text-decoration:underline}
.prose-chatmekan a:hover{color:#ffa600}
.prose-chatmekan ul,.prose-chatmekan ol{color:rgba(243,235,255,.85);padding-left:1.5rem;margin-bottom:1.25rem}
.prose-chatmekan li{margin-bottom:.5rem;line-height:1.7}
.prose-chatmekan blockquote{border-left:4px solid #9d4edd;padding:.75rem 1.25rem;background:rgba(46,11,87,.5);border-radius:0 .75rem .75rem 0;margin:1.5rem 0;color:#d2b3ff;font-style:italic}
.prose-chatmekan code{background:rgba(46,11,87,.8);color:#d2b3ff;padding:.2em .4em;border-radius:.25rem;font-size:.875em;border:1px solid #531c96}
.prose-chatmekan pre{background:#100224;border:1px solid #531c96;border-radius:1rem;padding:1.25rem;overflow-x:auto;margin-bottom:1.25rem}
.prose-chatmekan pre code{background:transparent;border:none;padding:0;font-size:.875rem;color:#d2b3ff}
.prose-chatmekan img{border-radius:1rem;max-width:100%;height:auto;border:1px solid #531c96;margin:1.5rem 0}
.prose-chatmekan strong{color:#fff;font-weight:700}
.prose-chatmekan table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}
.prose-chatmekan th{background:#2e0b57;color:#d2b3ff;padding:.75rem 1rem;text-align:left;border-bottom:2px solid #531c96}
.prose-chatmekan td{padding:.75rem 1rem;border-bottom:1px solid rgba(83,28,150,.3);color:rgba(243,235,255,.8)}
.prose-chatmekan tr:hover td{background:rgba(46,11,87,.3)}

/* ── Sticky Sidebar ─────────────────────────── */
@media(min-width:1024px){.sticky-sidebar{position:sticky;top:6rem}}

/* ── Yükleme Hızı İyileştirmeleri ──────────── */
img{content-visibility:auto}