/* ============================================================
   DerinStrateji — Ana CSS
   ============================================================ */

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

/* Mobil yatay taşma önleme */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}
*, *::before, *::after {
    box-sizing: border-box;
}
img, video, iframe, embed, object {
    max-width: 100%;
    height: auto;
}

/* Ticker Animasyonu */
@keyframes ticker-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-ticker {
    animation: ticker-scroll 30s linear infinite;
    display: inline-flex;
    gap: 2rem;
}

.ticker-wrap { overflow: hidden; }

/* Grafik çizim animasyonu */
@keyframes draw {
    from { stroke-dashoffset: 1000; }
    to   { stroke-dashoffset: 0; }
}
.animate-draw {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw 3s ease forwards;
}

/* Satır kırpma */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Rich Text İçerik */
.prose-content {
    font-family: 'Merriweather', Georgia, serif;
    font-size: 1.0625rem;
    line-height: 1.8;
    color: #374151;
}
.dark .prose-content { color: #D1D5DB; }
.prose-content h2 { font-size: 1.5rem; font-weight: 700; margin: 2rem 0 1rem; color: #111827; }
.dark .prose-content h2 { color: #F9FAFB; }
.prose-content h3 { font-size: 1.25rem; font-weight: 600; margin: 1.5rem 0 0.75rem; }
.prose-content p { margin-bottom: 1.25rem; }
.prose-content ul, .prose-content ol { margin: 1rem 0 1.25rem 1.5rem; }
.prose-content li { margin-bottom: 0.5rem; }
.prose-content blockquote {
    border-left: 4px solid #2563EB;
    background: #EFF6FF;
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    font-style: italic;
    border-radius: 0 0.5rem 0.5rem 0;
}
.dark .prose-content blockquote { background: #1E3A8A30; border-color: #60A5FA; }
.prose-content strong { font-weight: 700; color: #111827; }
.dark .prose-content strong { color: #F9FAFB; }
.prose-content a { color: #2563EB; text-decoration: underline; }
.dark .prose-content a { color: #60A5FA; }
.prose-content code { background: #F3F4F6; padding: 0.125rem 0.375rem; border-radius: 0.25rem; font-size: 0.875em; font-family: monospace; }
.dark .prose-content code { background: #374151; }
.prose-content pre { background: #1F2937; color: #E5E7EB; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; margin: 1.25rem 0; }
.prose-content img { max-width: 100%; border-radius: 0.75rem; margin: 1.5rem auto; display: block; }
.prose-content .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1.5rem 0; }
.prose-content table { width: 100%; border-collapse: collapse; margin: 0; min-width: 400px; }
.prose-content th, .prose-content td { padding: 0.75rem 1rem; border: 1px solid #E5E7EB; text-align: left; }
.dark .prose-content th, .dark .prose-content td { border-color: #374151; }
.prose-content th { background: #F9FAFB; font-weight: 600; }
.dark .prose-content th { background: #1F2937; }

/* Paywall Gradient */
.paywall-blur {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 30%, transparent 80%);
    mask-image: linear-gradient(to bottom, black 0%, black 30%, transparent 80%);
}

/* Premium Rozet */
.premium-badge {
    background: linear-gradient(135deg, #F59E0B, #D97706);
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    letter-spacing: 0.05em;
}

/* Hido Credit */
.hido-link {
    font-weight: 600;
    letter-spacing: 0.025em;
    transition: color 0.2s;
}

/* Form Focus */
input:focus, textarea:focus, select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #4B5563; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #6B7280; }

/* Loading Spinner */
.spinner {
    width: 20px; height: 20px;
    border: 2px solid rgba(255,255,255,0.2);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* AI Chat */
.ai-message {
    max-width: 85%;
    word-break: break-word;
}
.ai-message.user { margin-left: auto; }
.ai-message.assistant { margin-right: auto; }

/* Page Builder Drop Zone */
.builder-drop-zone {
    border: 2px dashed #4B5563;
    border-radius: 0.75rem;
    transition: all 0.2s;
}
.builder-drop-zone.dragover {
    border-color: #3B82F6;
    background: rgba(59,130,246,0.05);
}

/* Smooth transitions */
* { transition-property: color, background-color, border-color; transition-duration: 0.15s; }

/* Print */
@media print {
    header, footer, .no-print { display: none !important; }
    .prose-content { color: black !important; }
}