/* style2.css - Modern Soft Mavi SaaS & Detaylı Editör Uyumlu Tema */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&display=swap');

:root { 
    --accent-color: #2563eb; /* Canlı ve Modern Mavi */
    --bg-quote: #eff6ff; /* Soft Mavi Alıntı Arka Planı */
}

/* GENEL GÖRÜNÜM & SOFT BEYAZ ARKA PLAN */
body { 
    font-family: 'Space Grotesk', sans-serif !important; 
    background-color: #f8fafc !important; 
    color: #0f172a !important; 
}

/* MİNİMAL KUTULAR (Soft Beyaz, İnce Kenarlık, Maviye Çalan Hafif Gölgeler) */
.bg-white, header { 
    background-color: #ffffff !important; 
    border: 1px solid #cbd5e1 !important; 
    border-radius: 16px !important; 
    box-shadow: 0 4px 20px -2px rgba(37, 99, 235, 0.06), 0 2px 6px -1px rgba(30, 41, 59, 0.04) !important; 
    transition: all 0.2s ease !important;
}

header { 
    border-radius: 0 0 20px 20px !important; 
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: 0 4px 20px -2px rgba(30, 41, 59, 0.05) !important; 
    margin-bottom: 2rem; 
}

/* MAVİ TONLARINDA ŞIK BUTONLAR */
.bg-indigo-600 { 
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important; 
    color: #fff !important; 
    border: none !important; 
    border-radius: 12px !important; 
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important; 
    transition: all 0.2s ease !important; 
}
.bg-indigo-600:hover { 
    transform: translateY(-1px) !important; 
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.4) !important; 
}
.text-indigo-600 { 
    color: #2563eb !important; 
    font-weight: 800 !important; 
}
.bg-indigo-50 { 
    background-color: #eff6ff !important; 
    border: 1px solid #bfdbfe !important; 
    color: #1d4ed8 !important; 
    border-radius: 12px !important;
}

/* --- MODERN CAMSI (Glassmorphic) VE DOKUNULUNCA HAREKET EDEN LOGO STİLLERİ --- */
.modern-glass-logo {
    background: rgba(37, 99, 235, 0.85) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.modern-glass-logo:hover {
    transform: scale(1.1) rotate(4deg) translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.6) !important;
}

.modern-glass-logo:active {
    transform: scale(0.95) !important;
}

/* --- ZORUNLU SİTE SİSTEM AYARLARI (SİLME) --- */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type=number] { 
    -moz-appearance: textfield; 
}

/* Tarih Seçici İkonunu Düzeltme */
::-webkit-calendar-picker-indicator { 
    background: transparent; 
    bottom: 0; 
    color: transparent; 
    cursor: pointer; 
    height: auto; 
    left: auto; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: auto; 
}

/* Scrollbar Gizleme */
.scrollbar-none::-webkit-scrollbar { 
    display: none; 
} 
.scrollbar-none { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* MOBİL UYUM: Tüm iframe, PDF önizleme ve görsellerin ekrandan taşmasını engelleme */
iframe, img, video, object, embed { 
    max-width: 100% !important; 
    height: auto; 
    border-radius: 12px; 
    border: 1px solid #cbd5e1; 
}
.prose iframe, main iframe { 
    width: 100% !important; 
    min-height: 400px; 
    max-height: 600px; 
}
@media (max-width: 640px) { 
    .prose iframe, main iframe { 
        height: 350px !important; 
    } 
}

/* --- EDİTÖR İLE SİTE İÇERİĞİNİ BİREBİR EŞİTLEYEN KESİN STİLLER (MODERN SAAS UYUMLU) --- */
.rich-text-content { 
    word-wrap: break-word; 
    color: inherit; 
} 
.rich-text-content * { 
    max-width: 100%; 
}
.rich-text-content h1 { 
    font-size: 2.25rem !important; 
    font-weight: 800 !important; 
    margin-top: 1.5em !important; 
    margin-bottom: 0.75em !important; 
    line-height: 1.2 !important; 
    display: block !important; 
    color: #0f172a !important;
}
.rich-text-content h2 { 
    font-size: 1.75rem !important; 
    font-weight: 700 !important; 
    margin-top: 1.25em !important; 
    margin-bottom: 0.6em !important; 
    line-height: 1.3 !important; 
    display: block !important; 
    color: #0f172a !important;
}
.rich-text-content h3 { 
    font-size: 1.35rem !important; 
    font-weight: 700 !important; 
    margin-top: 1em !important; 
    margin-bottom: 0.5em !important; 
    display: block !important; 
    color: #0f172a !important;
}
.rich-text-content h4 { 
    font-size: 1.15rem !important; 
    font-weight: 600 !important; 
    margin-top: 1em !important; 
    margin-bottom: 0.5em !important; 
    display: block !important; 
    color: #0f172a !important;
}
.rich-text-content p { 
    margin-bottom: 1.2em !important; 
    line-height: 1.75 !important; 
    display: block !important; 
    font-weight: 500 !important; 
    color: #334155 !important;
}
.rich-text-content ul { 
    list-style-type: disc !important; 
    padding-left: 2rem !important; 
    margin-bottom: 1.2em !important; 
    display: block !important; 
}
.rich-text-content ol { 
    list-style-type: decimal !important; 
    padding-left: 2rem !important; 
    margin-bottom: 1.2em !important; 
    display: block !important; 
}
.rich-text-content li { 
    display: list-item !important; 
    margin-bottom: 0.35em !important; 
}
.rich-text-content blockquote { 
    border-left: 5px solid var(--accent-color) !important; 
    padding: 1rem 1.25rem !important; 
    margin: 1.5em 0 !important; 
    font-style: normal !important; 
    font-weight: 700 !important; 
    background: #f8fafc !important; 
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.05) !important; 
    border-radius: 0 12px 12px 0 !important;
    display: block !important; 
}
.dark .rich-text-content blockquote { 
    background: #1e293b !important; 
    color: #cbd5e1 !important; 
    border-left-color: #60a5fa !important; 
}
.rich-text-content pre { 
    background: #0f172a !important; 
    color: #38bdf8 !important; 
    padding: 1.25rem !important; 
    border: none !important; 
    border-radius: 12px !important;
    overflow-x: auto !important; 
    margin: 1.5em 0 !important; 
    font-family: monospace !important; 
    font-size: 0.9rem !important; 
    display: block !important; 
    box-shadow: 0 4px 12px rgba(30, 41, 59, 0.15);
}
.rich-text-content a { 
    color: var(--accent-color) !important; 
    text-decoration: underline !important; 
    font-weight: 800 !important; 
}
.dark .rich-text-content a { 
    color: #60a5fa !important; 
}
.rich-text-content img { 
    height: auto !important; 
    border-radius: 12px !important; 
    margin: 1.5em 0 !important; 
    display: block !important; 
    box-shadow: 0 4px 12px rgba(30, 41, 59, 0.08); 
}
.rich-text-content hr { 
    border: 0; 
    border-top: 1px solid #cbd5e1 !important; 
    margin: 2em 0 !important; 
}
.dark .rich-text-content hr { 
    border-top-color: #475569 !important; 
}