

<?php
$useWidgets = ($activeLayout->use_widget_system ?? true) && isset($widgets) && $widgets->isNotEmpty();

// Parse section order if available (comma-separated values)
$sectionOrder = [];
if (!empty($activeLayout->section_order)) {
    $sectionOrder = array_filter(array_map('trim', explode(',', $activeLayout->section_order)));
}
// Default order if not specified
if (empty($sectionOrder)) {
    $sectionOrder = ['hero', 'stats', 'blog', 'features', 'forum', 'library', 'cta'];
}
?>

<?php if($useWidgets): ?>
    
    <?php $__currentLoopData = $widgets; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $widget): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <?php if ($__env->exists("widgets.{$widget->widget_type}", ['widget' => $widget])) echo $__env->make("widgets.{$widget->widget_type}", ['widget' => $widget], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php else: ?>
    

    
    <?php if(!empty($activeLayout->custom_html_before_hero)): ?>
    <?php echo $activeLayout->custom_html_before_hero; ?>

    <?php endif; ?>

    
    <?php if(in_array('hero', $sectionOrder)): ?>
    <section class="hero hero-centered" style="min-height: <?php echo e($activeLayout->hero_min_height ?? '500px'); ?>; <?php echo e(!empty($activeLayout->hero_bg_image_url) ? 'background-image: url(' . $activeLayout->hero_bg_image_url . '); background-size: cover; background-position: center;' : ''); ?>">
        <div class="hero-bg"></div>
        <div class="hero-content" style="text-align: <?php echo e($activeLayout->hero_content_position ?? 'center'); ?>">
            <?php if(auth()->guard()->guest()): ?>
                <?php if($activeLayout->show_hero_badge ?? true): ?>
                <div class="hero-badge"><?php echo e($activeLayout->hero_badge_text ?? '🎖️ Türkiye\'nin Askeri Kariyer Platformu'); ?></div>
                <?php endif; ?>
                <h1 class="hero-title">
                    <?php echo $activeLayout->hero_title ?? 'Kariyerine Giden Yolda <span class="hero-title-accent">Doğru Adres</span>'; ?>

                </h1>
                <?php if($activeLayout->show_hero_subtitle ?? true): ?>
                <p class="hero-desc">
                    <?php echo e($activeLayout->hero_subtitle ?? 'KPSS hazırlığından mülakat pratiklerine, forum tartışmalarından AI asistanına kadar. Binlerce askeri kariyer adayıyla birlikte başar.'); ?>

                </p>
                <?php endif; ?>
                <?php if(!empty($activeLayout->hero_description)): ?>
                <p class="hero-desc-extra"><?php echo e($activeLayout->hero_description); ?></p>
                <?php endif; ?>
                <?php if($activeLayout->show_hero_buttons ?? true): ?>
                <div class="hero-actions">
                    <a href="<?php echo e($activeLayout->hero_primary_btn_url ?? route('register')); ?>" class="btn-primary">
                        <?php echo e($activeLayout->hero_primary_btn_text ?? '🚀 Ücretsiz Başla'); ?>

                    </a>
                    <?php if(!empty($activeLayout->hero_secondary_btn_text)): ?>
                    <a href="<?php echo e($activeLayout->hero_secondary_btn_url ?? route('login')); ?>" class="btn-secondary">
                        <?php echo e($activeLayout->hero_secondary_btn_text); ?>

                    </a>
                    <?php endif; ?>
                </div>
                <?php endif; ?>
            <?php else: ?>
                <?php if($activeLayout->show_hero_badge ?? true): ?>
                <div class="hero-badge"><?php echo e($activeLayout->hero_badge_text_auth ?? '👋 Hoş Geldiniz'); ?></div>
                <?php endif; ?>
                <h1 class="hero-title">
                    <?php echo str_replace('{name}', auth()->user()->name, $activeLayout->hero_title_auth ?? '{name}, <span class="hero-title-accent">Seni Bekliyoruz</span>'); ?>

                </h1>
                <?php if($activeLayout->show_hero_subtitle ?? true): ?>
                <p class="hero-desc">
                    <?php echo e($activeLayout->hero_subtitle_auth ?? 'Binlerce üyeyle birlikte öğren, paylaş ve başar. Her gün yeni içerik ve fırsatlar seni bekliyor.'); ?>

                </p>
                <?php endif; ?>
                <?php if(!empty($activeLayout->hero_description_auth)): ?>
                <p class="hero-desc-extra"><?php echo e($activeLayout->hero_description_auth); ?></p>
                <?php endif; ?>
                <?php if($activeLayout->show_hero_buttons ?? true): ?>
                <div class="hero-actions">
                    <a href="<?php echo e($activeLayout->hero_primary_btn_url ?? route('forum.index')); ?>" class="btn-primary">
                        <?php echo e($activeLayout->hero_primary_btn_text ?? '💬 Forum\'a Katıl'); ?>

                    </a>
                    <?php if(!empty($activeLayout->hero_secondary_btn_text)): ?>
                    <a href="<?php echo e($activeLayout->hero_secondary_btn_url ?? route('blog.index')); ?>" class="btn-secondary">
                        <?php echo e($activeLayout->hero_secondary_btn_text); ?>

                    </a>
                    <?php endif; ?>
                </div>
                <?php endif; ?>
            <?php endif; ?>
        </div>
        <?php if(($activeLayout->hero_show_scroll_arrow ?? true) && ($activeLayout->hero_animated ?? false)): ?>
        <div class="hero-scroll-arrow">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 5v14M5 12l7 7 7-7"/>
            </svg>
        </div>
        <?php endif; ?>
    </section>
    <?php endif; ?>

    
    <?php if(!empty($activeLayout->custom_html_after_hero)): ?>
    <?php echo $activeLayout->custom_html_after_hero; ?>

    <?php endif; ?>

    
    <?php $__currentLoopData = $sectionOrder; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $section): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

        
        <?php if($section === 'stats' && ($activeLayout->show_stats_section ?? true) && array_sum($stats) > 0): ?>
        <?php $statsStyle = $activeLayout->stats_style ?? 'cards'; ?>
        <div class="classic-stats classic-stats--<?php echo e($statsStyle); ?>">
            <?php if(!empty($activeLayout->stats_section_title)): ?>
            <div class="stats-section-heading"><?php echo e($activeLayout->stats_section_title); ?></div>
            <?php endif; ?>
            <div class="classic-stats-inner" style="grid-template-columns: repeat(<?php echo e($activeLayout->stats_columns ?? 4); ?>, 1fr)">
                <div class="stat stat--<?php echo e($statsStyle); ?>">
                    <?php if($activeLayout->stats_show_icons ?? true): ?><span class="stat-icon">👥</span><?php endif; ?>
                    <div class="stat-number"><?php echo e(number_format($stats['users'])); ?>+</div>
                    <div class="stat-label">Aktif Üye</div>
                </div>
                <div class="stat stat--<?php echo e($statsStyle); ?>">
                    <?php if($activeLayout->stats_show_icons ?? true): ?><span class="stat-icon">💬</span><?php endif; ?>
                    <div class="stat-number"><?php echo e(number_format($stats['topics'])); ?>+</div>
                    <div class="stat-label">Forum Konusu</div>
                </div>
                <div class="stat stat--<?php echo e($statsStyle); ?>">
                    <?php if($activeLayout->stats_show_icons ?? true): ?><span class="stat-icon">📰</span><?php endif; ?>
                    <div class="stat-number"><?php echo e(number_format($stats['posts'])); ?>+</div>
                    <div class="stat-label">Blog Yazısı</div>
                </div>
                <div class="stat stat--<?php echo e($statsStyle); ?>">
                    <?php if($activeLayout->stats_show_icons ?? true): ?><span class="stat-icon">🎯</span><?php endif; ?>
                    <div class="stat-number"><?php echo e(number_format($stats['questions'])); ?>+</div>
                    <div class="stat-label">Mülakat Sorusu</div>
                </div>
            </div>
        </div>

        
        <?php if(!empty($activeLayout->custom_html_after_stats)): ?>
        <?php echo $activeLayout->custom_html_after_stats; ?>

        <?php endif; ?>
        <?php endif; ?>

        
        <?php if($section === 'blog' && ($activeLayout->show_blog_section ?? true) && $recentPosts->isNotEmpty()): ?>
        <?php $blogCardStyle = $activeLayout->blog_card_style ?? 'standard'; ?>
        <section class="section">
            <div class="section-header">
                <div class="section-tag">📰 Blog</div>
                <h2 class="section-title"><?php echo e($activeLayout->blog_section_title ?? 'Son Blog Yazıları'); ?></h2>
                <?php if(!empty($activeLayout->blog_section_subtitle)): ?>
                <p class="section-desc"><?php echo e($activeLayout->blog_section_subtitle); ?></p>
                <?php else: ?>
                <p class="section-desc">KPSS, alımlar ve kariyer hakkında güncel bilgiler</p>
                <?php endif; ?>
            </div>
            <div class="posts-grid posts-grid--<?php echo e($blogCardStyle); ?>" style="grid-template-columns: repeat(<?php echo e($activeLayout->blog_columns ?? 4); ?>, 1fr)">
                <?php $__currentLoopData = $recentPosts->take($activeLayout->blog_limit ?? 8); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <a href="<?php echo e(route('blog.show', $post->slug)); ?>" class="post-card post-card--<?php echo e($blogCardStyle); ?>">
                    <?php if($post->category): ?>
                        <span class="post-category"><?php echo e($post->category->name); ?></span>
                    <?php endif; ?>
                    <div class="post-title"><?php echo e($post->title); ?></div>
                    <?php if($blogCardStyle !== 'compact'): ?>
                    <div class="post-desc"><?php echo e(Str::limit($post->excerpt ?? strip_tags($post->content), 80)); ?></div>
                    <?php endif; ?>
                    <div class="post-meta">
                        <?php if($activeLayout->blog_show_author ?? true): ?>
                        <span>✍️ <?php echo e($post->user?->name ?? 'Admin'); ?></span>
                        <?php endif; ?>
                        <?php if($activeLayout->blog_show_date ?? true): ?>
                        <span>📅 <?php echo e($post->created_at->format('d.m.Y')); ?></span>
                        <?php endif; ?>
                        <?php if($activeLayout->blog_show_views ?? true): ?>
                        <span>👁️ <?php echo e(number_format($post->views ?? 0)); ?></span>
                        <?php endif; ?>
                    </div>
                    <?php if($activeLayout->blog_show_readmore ?? false): ?>
                    <div class="post-readmore"><?php echo e($activeLayout->blog_view_all_text ?? 'Devamını Oku →'); ?></div>
                    <?php endif; ?>
                </a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <div style="text-align: center; margin-top: 32px;">
                <a href="<?php echo e(route('blog.index')); ?>" class="btn-outline"><?php echo e($activeLayout->blog_view_all_text ?? 'Tüm Yazılar →'); ?></a>
            </div>
        </section>
        <?php endif; ?>

        
        <?php if($section === 'blog' && !empty($activeLayout->custom_html_before_cta)): ?>
        <?php echo $activeLayout->custom_html_before_cta; ?>

        <?php endif; ?>

        
        <?php if($section === 'features' && ($activeLayout->show_features_section ?? true)): ?>
        <?php if(!($activeLayout->show_features_for_guests_only ?? true) || auth()->guest()): ?>
        <?php $featuresStyle = $activeLayout->features_style ?? 'cards'; ?>
        <section class="section">
            <div class="section-header">
                <div class="section-tag">✨ Özellikler</div>
                <h2 class="section-title"><?php echo e($activeLayout->features_section_title ?? 'Neden Bize Katılmalısın?'); ?></h2>
                <p class="section-desc"><?php echo e($activeLayout->features_section_subtitle ?? 'Askeri kariyer hedeflerinize ulaşmak için ihtiyacınız olan her şey'); ?></p>
            </div>
            <div class="features-grid features-grid--<?php echo e($featuresStyle); ?>" style="grid-template-columns: repeat(<?php echo e($activeLayout->features_columns ?? 3); ?>, 1fr)">
                <a href="<?php echo e(route('blog.index')); ?>" class="feature-card feature-card--<?php echo e($featuresStyle); ?>">
                    <span class="feature-icon">📰</span>
                    <div class="feature-title">Uzman Blog Yazıları</div>
                    <div class="feature-desc">Askeri kariyer, KPSS hazırlık ve güncel haber içerikleri</div>
                </a>
                <a href="<?php echo e(route('forum.index')); ?>" class="feature-card feature-card--<?php echo e($featuresStyle); ?>">
                    <span class="feature-icon">💬</span>
                    <div class="feature-title">Aktif Topluluk</div>
                    <div class="feature-desc">Binlerce üyeyle soru sor, deneyimlerini paylaş</div>
                </a>
                <a href="<?php echo e(route('interview.index')); ?>" class="feature-card feature-card--<?php echo e($featuresStyle); ?>">
                    <span class="feature-icon">🎯</span>
                    <div class="feature-title">Mülakat Hazırlık</div>
                    <div class="feature-desc">Gerçek mülakat soruları ve flashcard'larla pratik yap</div>
                </a>
                <a href="<?php echo e(route('library.index')); ?>" class="feature-card feature-card--<?php echo e($featuresStyle); ?>">
                    <span class="feature-icon">📚</span>
                    <div class="feature-title">Dijital Kütüphane</div>
                    <div class="feature-desc">Binlerce kaynak, rehber ve belgeler</div>
                </a>
                <a href="<?php echo e(route('calculators.index')); ?>" class="feature-card feature-card--<?php echo e($featuresStyle); ?>">
                    <span class="feature-icon">🧮</span>
                    <div class="feature-title">Akıllı Hesaplamalar</div>
                    <div class="feature-desc">KPSS puanı, BMI, şafak vakti ve maaş hesaplama</div>
                </a>
                <a href="<?php echo e(route('ai.index')); ?>" class="feature-card feature-card--<?php echo e($featuresStyle); ?>">
                    <span class="feature-icon">🤖</span>
                    <div class="feature-title">AI Asistan</div>
                    <div class="feature-desc">Sorularınıza anında yanıt ve kişisel rehberlik</div>
                </a>
            </div>
        </section>
        <?php endif; ?>
        <?php endif; ?>

        
        <?php if($section === 'forum' && ($activeLayout->show_forum_section ?? false)): ?>
        <?php
            $forumTopics = isset($recentTopics) ? $recentTopics : \App\Models\ForumTopic::with('user','category')->latest()->limit($activeLayout->forum_topics_limit ?? 5)->get();
        ?>
        <?php if($forumTopics->isNotEmpty()): ?>
        <section class="section">
            <div class="section-header">
                <div class="section-tag">💬 Forum</div>
                <h2 class="section-title"><?php echo e($activeLayout->forum_section_title ?? 'Son Forum Konuları'); ?></h2>
            </div>
            <div class="forum-topics-list">
                <?php $__currentLoopData = $forumTopics; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $topic): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <a href="<?php echo e(route('forum.show', $topic->slug)); ?>" class="forum-topic-row">
                    <div class="forum-topic-avatar">
                        <?php if($topic->user?->avatar): ?>
                            <img src="<?php echo e($topic->user->avatar); ?>" alt="<?php echo e($topic->user->name); ?>" class="forum-avatar-img">
                        <?php else: ?>
                            <div class="forum-avatar-placeholder"><?php echo e(strtoupper(substr($topic->user?->name ?? 'A', 0, 1))); ?></div>
                        <?php endif; ?>
                    </div>
                    <div class="forum-topic-content">
                        <div class="forum-topic-title"><?php echo e($topic->title); ?></div>
                        <div class="forum-topic-meta">
                            <span><?php echo e($topic->user?->name ?? 'Anonim'); ?></span>
                            <?php if($topic->category): ?>
                            <span class="forum-topic-category"><?php echo e($topic->category->name); ?></span>
                            <?php endif; ?>
                            <span><?php echo e($topic->created_at->diffForHumans()); ?></span>
                        </div>
                    </div>
                    <div class="forum-topic-stats">
                        <span>💬 <?php echo e($topic->replies_count ?? 0); ?></span>
                    </div>
                </a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <div style="text-align: center; margin-top: 24px;">
                <a href="<?php echo e(route('forum.index')); ?>" class="btn-outline">Tüm Konular →</a>
            </div>
        </section>
        <?php endif; ?>
        <?php endif; ?>

        
        <?php if($section === 'library' && ($activeLayout->show_library_section ?? false)): ?>
        <?php
            $libraryItems = isset($recentLibrary) ? $recentLibrary : \App\Models\LibraryContent::with('category')->latest()->limit($activeLayout->library_limit ?? 6)->get();
        ?>
        <?php if($libraryItems->isNotEmpty()): ?>
        <section class="section">
            <div class="section-header">
                <div class="section-tag">📚 Kütüphane</div>
                <h2 class="section-title"><?php echo e($activeLayout->library_section_title ?? 'Son Eklenen Kaynaklar'); ?></h2>
            </div>
            <div class="library-grid" style="grid-template-columns: repeat(<?php echo e(min($activeLayout->library_limit ?? 6, 3)); ?>, 1fr)">
                <?php $__currentLoopData = $libraryItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <a href="<?php echo e(route('library.show', $item->slug)); ?>" class="library-card">
                    <div class="library-card-icon">
                        <?php switch($item->type ?? 'document'):
                            case ('pdf'): ?> 📄 <?php break; ?>
                            <?php case ('video'): ?> 🎥 <?php break; ?>
                            <?php case ('link'): ?> 🔗 <?php break; ?>
                            <?php default: ?> 📋
                        <?php endswitch; ?>
                    </div>
                    <div class="library-card-content">
                        <div class="library-card-title"><?php echo e($item->title); ?></div>
                        <?php if($item->category): ?>
                        <div class="library-card-category"><?php echo e($item->category->name); ?></div>
                        <?php endif; ?>
                        <div class="library-card-meta">
                            <span>👁️ <?php echo e(number_format($item->views ?? 0)); ?></span>
                            <span>⬇️ <?php echo e(number_format($item->downloads ?? 0)); ?></span>
                        </div>
                    </div>
                </a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <div style="text-align: center; margin-top: 24px;">
                <a href="<?php echo e(route('library.index')); ?>" class="btn-outline">Tüm Kaynaklar →</a>
            </div>
        </section>
        <?php endif; ?>
        <?php endif; ?>

        
        <?php if($section === 'cta' && ($activeLayout->show_cta_section ?? true) && ($activeLayout->cta_position ?? 'bottom') !== 'none'): ?>
        <?php if(!($activeLayout->show_cta_for_guests_only ?? true) || auth()->guest()): ?>
        <?php $ctaStyle = $activeLayout->cta_style ?? 'gradient'; ?>
        <section class="cta-section cta-section--<?php echo e($ctaStyle); ?>">
            <div class="cta-content">
                <h2 class="cta-title"><?php echo e($activeLayout->cta_title ?? 'Topluluğa Katılmaya Hazır mısın?'); ?></h2>
                <p class="cta-description"><?php echo e($activeLayout->cta_description ?? 'Binlerce askeri kariyer adayıyla birlikte öğren, paylaş ve başar.'); ?></p>
                <div style="display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 24px;">
                    <?php if(!empty($activeLayout->cta_primary_btn_text)): ?>
                    <a href="<?php echo e($activeLayout->cta_primary_btn_url ?? route('register')); ?>" class="btn-primary">
                        <?php echo e($activeLayout->cta_primary_btn_text); ?>

                    </a>
                    <?php else: ?>
                    <a href="<?php echo e(route('register')); ?>" class="btn-primary">🚀 Hemen Başla</a>
                    <?php endif; ?>
                    <?php if(!empty($activeLayout->cta_secondary_btn_text)): ?>
                    <a href="<?php echo e($activeLayout->cta_secondary_btn_url ?? route('blog.index')); ?>" class="btn-secondary">
                        <?php echo e($activeLayout->cta_secondary_btn_text); ?>

                    </a>
                    <?php else: ?>
                    <a href="<?php echo e(route('blog.index')); ?>" class="btn-secondary">Blog'u İncele</a>
                    <?php endif; ?>
                </div>
            </div>
        </section>
        <?php endif; ?>
        <?php endif; ?>

    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

    
    <?php if(!empty($activeLayout->custom_html_after_cta)): ?>
    <?php echo $activeLayout->custom_html_after_cta; ?>

    <?php endif; ?>

<?php endif; ?> 

<style>
/* ─────────────────────────────────────────────────────────────────────────────
   CLASSIC LAYOUT STYLES — fully configurable via HomepageLayout settings
   ───────────────────────────────────────────────────────────────────────────── */

/* Hero Enhancements */
.hero-desc-extra {
    font-size: 15px;
    color: rgba(255,255,255,0.85);
    margin-top: 12px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.hero-scroll-arrow {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,0.7);
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
    40% { transform: translateX(-50%) translateY(-10px); }
    60% { transform: translateX(-50%) translateY(-5px); }
}

/* Stats Section */
.classic-stats {
    position: relative;
    z-index: 20;
    margin-top: -30px;
    padding: 0 24px 50px;
}
.stats-section-heading {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.classic-stats-inner {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    gap: 16px;
}

/* Stats: Cards */
.stat--cards {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    text-align: center;
    transition: transform 0.25s, box-shadow 0.25s;
}
.stat--cards:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(0,0,0,0.12); }
.stat--cards .stat-icon { display: block; font-size: 28px; margin-bottom: 8px; }
.stat--cards .stat-number { font-size: 32px; font-weight: 700; color: #1e293b; margin-bottom: 4px; }
.stat--cards .stat-label { font-size: 13px; color: #64748b; font-weight: 500; }

/* Stats: Minimal */
.stat--minimal { text-align: center; padding: 16px; }
.stat--minimal .stat-icon { display: block; font-size: 24px; margin-bottom: 4px; opacity: 0.7; }
.stat--minimal .stat-number { font-size: 28px; font-weight: 700; color: #1e293b; }
.stat--minimal .stat-label { font-size: 12px; color: #64748b; }

/* Stats: Banner */
.classic-stats--banner .classic-stats-inner {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 10px 40px rgba(102,126,234,0.3);
}
.stat--banner { text-align: center; color: #ffffff; }
.stat--banner .stat-icon { display: block; font-size: 32px; margin-bottom: 8px; opacity: 0.9; }
.stat--banner .stat-number { font-size: 36px; font-weight: 700; color: #ffffff; margin-bottom: 4px; }
.stat--banner .stat-label { font-size: 13px; color: rgba(255,255,255,0.85); }

/* Blog Card Styles */
.post-card--compact { padding: 16px; }
.post-card--compact .post-desc { display: none; }
.post-card--compact .post-title { font-size: 15px; }
.post-card--large { grid-column: span 2; }
.post-card--large .post-title { font-size: 18px; }
.post-card--large .post-desc { font-size: 14px; line-height: 1.6; }
.post-readmore { margin-top: 12px; font-size: 13px; color: #2563eb; font-weight: 600; }

/* Features: Minimal */
.features-grid--minimal .feature-card {
    background: transparent; border: none; box-shadow: none; padding: 16px;
}
.features-grid--minimal .feature-icon { font-size: 32px; margin-bottom: 12px; }
.features-grid--minimal .feature-title { font-size: 16px; margin-bottom: 4px; }
.features-grid--minimal .feature-desc { font-size: 13px; color: #64748b; }

/* Forum Topics List */
.forum-topics-list { display: flex; flex-direction: column; gap: 12px; }
.forum-topic-row {
    display: flex; align-items: center; gap: 16px; padding: 16px;
    background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0;
    text-decoration: none; transition: all 0.2s;
}
.forum-topic-row:hover { border-color: #2563eb; box-shadow: 0 4px 12px rgba(37,99,235,0.1); }
.forum-avatar-img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.forum-avatar-placeholder {
    width: 48px; height: 48px; border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-weight: 700; font-size: 18px; flex-shrink: 0;
}
.forum-topic-content { flex: 1; min-width: 0; }
.forum-topic-title {
    font-size: 15px; font-weight: 600; color: #1e293b; margin-bottom: 4px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.forum-topic-meta { display: flex; gap: 12px; font-size: 13px; color: #64748b; flex-wrap: wrap; }
.forum-topic-category {
    background: #dbeafe; color: #1e40af;
    padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600;
}
.forum-topic-stats { flex-shrink: 0; font-size: 13px; color: #64748b; }

/* Library Grid */
.library-grid { display: grid; gap: 16px; }
.library-card {
    display: flex; align-items: flex-start; gap: 12px; padding: 16px;
    background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0;
    text-decoration: none; transition: all 0.2s;
}
.library-card:hover { border-color: #2563eb; box-shadow: 0 4px 12px rgba(37,99,235,0.1); }
.library-card-icon { font-size: 32px; flex-shrink: 0; }
.library-card-content { flex: 1; min-width: 0; }
.library-card-title {
    font-size: 14px; font-weight: 600; color: #1e293b; margin-bottom: 4px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.library-card-category { font-size: 12px; color: #64748b; margin-bottom: 6px; }
.library-card-meta { display: flex; gap: 12px; font-size: 12px; color: #94a3b8; }

/* CTA Styles */
.cta-section--gradient { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.cta-section--solid { background: #1e293b; }
.cta-section--light { background: #f8fafc; border: 2px solid #e2e8f0; }
.cta-section--light .cta-title,
.cta-section--light .cta-description { color: #1e293b; }
.cta-section--pattern {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Shared Button */
.btn-outline {
    display: inline-flex; align-items: center; gap: 8px; padding: 10px 24px;
    background: transparent; border: 1.5px solid #2563eb; color: #2563eb;
    text-decoration: none; border-radius: 8px; font-size: 14px;
    font-weight: 600; transition: all 0.25s;
}
.btn-outline:hover { background: #2563eb; color: #ffffff; }

/* Responsive */
@media (max-width: 1024px) {
    .classic-stats-inner { grid-template-columns: repeat(2, 1fr) !important; }
    .post-card--large { grid-column: span 1; }
}
@media (max-width: 768px) {
    .classic-stats-inner { grid-template-columns: repeat(2, 1fr) !important; }
    .features-grid { grid-template-columns: 1fr !important; }
    .library-grid { grid-template-columns: 1fr !important; }
    .forum-topic-row { flex-wrap: wrap; }
    .forum-topic-stats { width: 100%; margin-top: 8px; }
}
</style>
<?php /**PATH C:\xampp\htdocs\askeribilgiler\resources\views\homepage-layouts\classic.blade.php ENDPATH**/ ?>