/* ============================================================
   MEAY DİJİTAL - Custom CSS
   Tailwind + ek özel stiller
   ============================================================ */

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Container utility */
.container {
    max-width: 1280px;
    margin: 0 auto;
}

/* Smooth animations */
.animate-fade-in-up {
    animation: fadeInUp 0.7s ease-out forwards;
    opacity: 0;
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes pulse-slow {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #0A2540;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #FF6B35;
}

/* Form validation */
.form-error {
    border-color: #DC2626 !important;
    background-color: #FEF2F2 !important;
}

.form-success {
    border-color: #10B981 !important;
}

/* Loading spinner */
.spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 0.7s ease-in-out infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Prose content (blog vs.) */
.prose {
    max-width: 100%;
    line-height: 1.75;
    color: #374151;
}
.prose h1, .prose h2, .prose h3, .prose h4 {
    color: #0A2540;
    font-weight: 700;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}
.prose h1 { font-size: 2em; }
.prose h2 { font-size: 1.5em; }
.prose h3 { font-size: 1.25em; }
.prose p { margin-bottom: 1em; }
.prose a {
    color: #0070F3;
    text-decoration: underline;
}
.prose ul, .prose ol {
    padding-left: 1.5em;
    margin-bottom: 1em;
}
.prose ul { list-style: disc; }
.prose ol { list-style: decimal; }
.prose li { margin-bottom: 0.5em; }
.prose img {
    max-width: 100%;
    border-radius: 0.5rem;
    margin: 1em 0;
}
.prose blockquote {
    border-left: 4px solid #FF6B35;
    padding-left: 1em;
    color: #6B7280;
    font-style: italic;
}

/* Toast notifications */
.toast {
    position: fixed;
    top: 2rem;
    right: 2rem;
    z-index: 9999;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    animation: slideInRight 0.3s ease-out;
}
.toast-success { background: #10B981; color: white; }
.toast-error { background: #DC2626; color: white; }
.toast-info { background: #0070F3; color: white; }

@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

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

/* Mobile optimizations */
@media (max-width: 768px) {
    h1 { font-size: 2rem !important; }
    h2 { font-size: 1.5rem !important; }
}