/* ================================================
   12 FARKLI KART STİLİ
   ================================================ */

/* 1. MODERN - Gradient (Mor-Mavi) */
.ana-style-modern .ana-card,
.ana-style-modern .ana-author {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    box-shadow: 0 10px 30px rgba(102,126,234,0.3);
}

.ana-style-modern .ana-name {
    color: white;
}

.ana-style-modern .ana-latest {
    color: rgba(255,255,255,0.9);
}

/* 2. MINIMAL - Sade Beyaz */
.ana-style-minimal .ana-card,
.ana-style-minimal .ana-author {
    background: white;
    border: 1px solid #e5e7eb;
    box-shadow: none;
}

.ana-style-minimal .ana-name {
    color: #111827;
    font-weight: 600;
}

.ana-style-minimal .ana-latest {
    color: #6b7280;
}

.ana-style-minimal .ana-card:hover {
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* 3. CLASSIC - Klasik Gri */
.ana-style-classic .ana-card,
.ana-style-classic .ana-author {
    background: #f9fafb;
    border: 2px solid #d1d5db;
    box-shadow: none;
}

.ana-style-classic .ana-name {
    color: #1f2937;
    font-family: Georgia, serif;
    font-weight: 700;
}

.ana-style-classic .ana-latest {
    color: #4b5563;
    font-style: italic;
}

.ana-style-classic .ana-card:hover {
    background: white;
    border-color: #9ca3af;
}

/* 4. BOLD - Siyah Kalın */
.ana-style-bold .ana-card,
.ana-style-bold .ana-author {
    background: #111827;
    color: white;
    border: 3px solid #667eea;
    box-shadow: 0 0 0 6px rgba(102,126,234,0.1);
}

.ana-style-bold .ana-name {
    color: #667eea;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ana-style-bold .ana-latest {
    color: #d1d5db;
}

.ana-style-bold .ana-card:hover {
    transform: scale(1.05);
    border-color: #764ba2;
}

/* 5. OCEAN - Mavi Tonlar */
.ana-style-ocean .ana-card,
.ana-style-ocean .ana-author {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    color: white;
    box-shadow: 0 8px 25px rgba(14,165,233,0.3);
}

.ana-style-ocean .ana-name {
    color: white;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.ana-style-ocean .ana-latest {
    color: rgba(255,255,255,0.85);
}

/* 6. SUNSET - Turuncu-Pembe */
.ana-style-sunset .ana-card,
.ana-style-sunset .ana-author {
    background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);
    color: white;
    box-shadow: 0 8px 25px rgba(249,115,22,0.3);
}

.ana-style-sunset .ana-name {
    color: white;
    font-weight: 700;
}

.ana-style-sunset .ana-latest {
    color: rgba(255,255,255,0.9);
}

/* 7. FOREST - Yeşil Tonlar */
.ana-style-forest .ana-card,
.ana-style-forest .ana-author {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: white;
    box-shadow: 0 8px 25px rgba(5,150,105,0.3);
}

.ana-style-forest .ana-name {
    color: white;
}

.ana-style-forest .ana-latest {
    color: #d1fae5;
}

/* 8. NEON - Fosforlu */
.ana-style-neon .ana-card,
.ana-style-neon .ana-author {
    background: #18181b;
    border: 2px solid #a855f7;
    box-shadow: 0 0 20px rgba(168,85,247,0.4), inset 0 0 20px rgba(168,85,247,0.1);
    color: white;
}

.ana-style-neon .ana-name {
    color: #a855f7;
    text-shadow: 0 0 10px rgba(168,85,247,0.8);
    font-weight: 700;
}

.ana-style-neon .ana-latest {
    color: #e9d5ff;
}

.ana-style-neon .ana-card:hover {
    box-shadow: 0 0 30px rgba(168,85,247,0.6), inset 0 0 30px rgba(168,85,247,0.2);
}

/* 9. GLASS - Cam Efekti */
.ana-style-glass .ana-card,
.ana-style-glass .ana-author {
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}

.ana-style-glass .ana-name {
    color: #111827;
    font-weight: 600;
}

.ana-style-glass .ana-latest {
    color: #4b5563;
}

.ana-style-glass .ana-card:hover {
    background: rgba(255,255,255,0.2);
    border-color: rgba(102,126,234,0.3);
}

/* 10. PAPER - Kağıt Görünüm */
.ana-style-paper .ana-card,
.ana-style-paper .ana-author {
    background: #fefce8;
    border: none;
    box-shadow: 
        2px 2px 0 #d4d4d4,
        4px 4px 0 #a3a3a3,
        6px 6px 0 #737373;
    position: relative;
}

.ana-style-paper .ana-card:hover {
    transform: translate(-2px, -2px);
    box-shadow: 
        4px 4px 0 #d4d4d4,
        6px 6px 0 #a3a3a3,
        8px 8px 0 #737373;
}

.ana-style-paper .ana-name {
    color: #292524;
    font-family: 'Courier New', monospace;
}

.ana-style-paper .ana-latest {
    color: #57534e;
}

/* 11. CANDY - Şeker Renkleri */
.ana-style-candy .ana-card,
.ana-style-candy .ana-author {
    background: linear-gradient(135deg, #fde68a 0%, #fca5a5 50%, #c4b5fd 100%);
    border: 3px solid white;
    box-shadow: 0 8px 25px rgba(252,165,165,0.4);
}

.ana-style-candy .ana-name {
    color: #7c2d12;
    font-weight: 800;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
}

.ana-style-candy .ana-latest {
    color: #831843;
}

/* 12. CORPORATE - Kurumsal */
.ana-style-corporate .ana-card,
.ana-style-corporate .ana-author {
    background: white;
    border-left: 5px solid #2563eb;
    border-top: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.ana-style-corporate .ana-name {
    color: #1e40af;
    font-weight: 700;
    font-family: Arial, sans-serif;
}

.ana-style-corporate .ana-latest {
    color: #64748b;
}

.ana-style-corporate .ana-card:hover {
    border-left-width: 8px;
    box-shadow: 0 4px 16px rgba(37,99,235,0.15);
}

/* 13. RETRO - Vintage */
.ana-style-retro .ana-card,
.ana-style-retro .ana-author {
    background: #fef3c7;
    border: 3px solid #92400e;
    box-shadow: 5px 5px 0 #92400e;
}

.ana-style-retro .ana-name {
    color: #92400e;
    font-family: 'Courier New', monospace;
    font-weight: 700;
    text-transform: uppercase;
}

.ana-style-retro .ana-latest {
    color: #78350f;
}

.ana-style-retro .ana-card:hover {
    transform: translate(2px, 2px);
    box-shadow: 3px 3px 0 #92400e;
}

/* 14. METALLIC - Metal Görünüm */
.ana-style-metallic .ana-card,
.ana-style-metallic .ana-author {
    background: linear-gradient(135deg, #64748b 0%, #475569 50%, #334155 100%);
    color: white;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.2),
        0 8px 25px rgba(0,0,0,0.3);
    border: 1px solid #1e293b;
}

.ana-style-metallic .ana-name {
    color: #e2e8f0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.ana-style-metallic .ana-latest {
    color: #cbd5e1;
}

/* 15. GRADIENT-RAINBOW - Gökkuşağı */
.ana-style-rainbow .ana-card,
.ana-style-rainbow .ana-author {
    background: linear-gradient(
        135deg, 
        #ef4444 0%, 
        #f59e0b 20%, 
        #10b981 40%, 
        #3b82f6 60%, 
        #8b5cf6 80%, 
        #ec4899 100%
    );
    color: white;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}

.ana-style-rainbow .ana-name {
    color: white;
    font-weight: 800;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.ana-style-rainbow .ana-latest {
    color: rgba(255,255,255,0.95);
}

/* 16. DARK - Koyu Tema */
.ana-style-dark .ana-card,
.ana-style-dark .ana-author {
    background: #1e293b;
    border: 1px solid #334155;
    color: white;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

.ana-style-dark .ana-name {
    color: #f1f5f9;
}

.ana-style-dark .ana-latest {
    color: #94a3b8;
}

.ana-style-dark .ana-card:hover {
    background: #0f172a;
    border-color: #475569;
}

/* ================================================
   ESKİ STİL UYUMLULUK (Card/Flat)
   ================================================ */

/* Card = Modern */
.ana-style-card .ana-card,
.ana-style-card .ana-author {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    box-shadow: 0 10px 30px rgba(102,126,234,0.3);
}

.ana-style-card .ana-name {
    color: white;
}

.ana-style-card .ana-latest {
    color: rgba(255,255,255,0.9);
}

/* Flat = Minimal */
.ana-style-flat .ana-card,
.ana-style-flat .ana-author {
    background: white;
    border: 1px solid #e5e7eb;
    box-shadow: none;
}

.ana-style-flat .ana-name {
    color: #111827;
    font-weight: 600;
}

.ana-style-flat .ana-latest {
    color: #6b7280;
}

.ana-style-flat .ana-card:hover {
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}