/* ============================================
   Siliconmade Academy - Responsive Tasarım
   ============================================ */

/* --- 1200px altı --- */
@media (max-width: 1200px) {
    .testimonial-card { flex: 0 0 340px; }
    .feature-block { gap: 50px; }
    .footer-grid { gap: 32px; }
    .slider-arrow-left { left: -10px; }
    .slider-arrow-right { right: -10px; }

    /* Hero: dar ekranda padding küçül */
    .hero-wrap { padding: 80px 1.5rem 1.5rem; gap: 1.5rem; }
    #hero .hero-content { max-width: 460px; }
    .hero-form-card { max-width: 400px; }
}


/* --- 992px altı --- */
@media (max-width: 992px) {
    :root {
        --section-padding: 80px 0;
    }

    /* Navbar: hamburger */
    .navbar-menu { display: none; }
    .navbar-cta { display: none; }
    .navbar-toggle { display: flex; }

    /* Hero banner: tablet — iki kolonu daha dengeli stackle */
    #hero.hero-banner {
        height: auto;
        min-height: 100vh;
        max-height: none;
    }
    .hero-wrap {
        gap: 1.25rem;
        padding: 100px 1.25rem 2rem;
    }
    #hero .hero-content { max-width: 48%; flex: 1 1 48%; }
    .hero-form-card {
        padding: 1rem;
        max-width: 48%;
        flex: 1 1 48%;
    }
    .hero-form-row { grid-template-columns: 1fr; gap: 0; }
    .hero-form-field { margin-bottom: .6rem; }
    .hero-form-title { font-size: 1.15rem; }
    .hero-form-subtitle { font-size: .8rem; margin-bottom: .75rem; }

    /* Feature: tek sütun */
    .feature-block,
    .feature-block-reverse {
        flex-direction: column;
        gap: 40px;
        text-align: center;
    }
    .feature-visual { order: -1; }

    /* Stats: 2x2 */
    .stats-grid { grid-template-columns: repeat(2, 1fr); }

    /* Founder: stack */
    .founder-block {
        flex-direction: column;
        text-align: center;
    }
    .founder-quote {
        border-left: none;
        padding-left: 0;
        border-top: 3px solid var(--accent);
        padding-top: 24px;
    }

    /* Upcoming: tek sütun */
    .upcoming-grid { grid-template-columns: 1fr; }

    /* Blog: 2 sütun */
    .blog-grid { grid-template-columns: repeat(2, 1fr); }

    /* Contact: tek sütun */
    .contact-grid { grid-template-columns: 1fr; }

    /* Footer: 2x2 */
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
    .footer-brand { grid-column: 1 / -1; }

    /* Slider arrows inside */
    .slider-arrow-left { left: 4px; }
    .slider-arrow-right { right: 4px; }
    .slider-arrow {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }
}


/* --- 768px altı --- */
@media (max-width: 768px) {
    :root {
        --section-padding: 60px 0;
        --container-padding: 0 16px;
    }

    h1 { font-size: clamp(36px, 10vw, 64px); }
    h2 { font-size: clamp(26px, 6vw, 40px); }

    /* Hero banner: mobil — form kartını gizle, tek kolon */
    #hero.hero-banner { height: 100vh; min-height: 520px; max-height: 820px; }
    .hero-wrap {
        flex-direction: column;
        justify-content: center;
        padding: 80px clamp(1rem, 5vw, 2rem) clamp(1rem, 5vw, 2rem);
    }
    #hero .hero-content { max-width: 100%; flex: 0 1 auto; }
    .hero-form-card { display: none; }

    /* Mobil başvuru formu göster */
    #mobile-apply { display: block; padding: 40px 0 20px; }

    /* Partners */
    #partners { padding: 24px 0 60px; }

    /* Courses */
    .courses-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .course-card { min-width: 0; max-width: 100%; }
    .course-card-img { height: 130px; }
    .course-card-body { padding: 16px; }
    .course-card-title { font-size: 16px; }
    .course-card-desc { font-size: 13px; margin-bottom: 12px; }
    .course-card-rating { font-size: 14px; margin: 8px 0 10px; }
    .course-card-meta { gap: 6px; margin-bottom: 14px; }
    .course-card-meta span { font-size: 11px; padding: 3px 8px; }
    .course-card-btn { padding: 10px 14px; font-size: 13px; }
    .filter-btn { padding: 8px 16px; font-size: 13px; }

    /* Stats */
    .stat-number, .stat-suffix, .stat-prefix {
        font-size: clamp(32px, 8vw, 52px);
    }

    /* Testimonials */
    .testimonial-card { flex: 0 0 300px; padding: 24px; }

    /* Blog: tek sütun */
    .blog-grid { grid-template-columns: 1fr; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr 1fr; }

    /* Section titles */
    .section-subtitle { font-size: 16px; margin-bottom: 40px; }
}


/* --- 480px altı --- */
@media (max-width: 480px) {
    :root {
        --container-padding: 0 12px;
    }

    body { font-size: 15px; }
    h1 { font-size: clamp(32px, 12vw, 48px); }

    /* Hero banner: küçük mobil */
    #hero.hero-banner { height: 100vh; min-height: 500px; }

    /* Courses: tek kolon, kompakt */
    .courses-grid { grid-template-columns: 1fr; gap: 14px; }
    .course-card-img { height: 150px; }
    .course-card-body { padding: 16px; }
    .course-card-title { font-size: 17px; margin-bottom: 6px; }
    .course-card-desc { font-size: 13px; margin-bottom: 10px; }
    .course-card-meta { margin-bottom: 14px; }
    .course-card-btn { padding: 11px 14px; font-size: 14px; }

    /* Filter tabs dar ekranda yatay scroll ile sığsın */
    .courses-filter-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        width: 100%;
        max-width: 100%;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .courses-filter-tabs::-webkit-scrollbar { display: none; }
    .filter-btn { flex: 0 0 auto; padding: 8px 14px; font-size: 12px; }

    /* Features */
    .feature-title { font-size: clamp(24px, 6vw, 36px); }
    .live-animation { width: 140px; height: 140px; }
    .terminal-animation { font-size: 12px; }
    .terminal-body { padding: 12px; }

    /* Stats */
    .stats-grid { gap: 20px; }

    /* Founder */
    .founder-placeholder { width: 120px; height: 120px; font-size: 24px; }
    .founder-image { flex: 0 0 120px; }

    /* Upcoming */
    .upcoming-card-inner { padding: 24px; }
    .upcoming-card-title { font-size: 22px; }
    .upcoming-quota-filled { font-size: 28px; }

    /* Testimonials */
    .testimonial-card { flex: 0 0 calc(100vw - 48px); }

    /* Contact */
    .contact-submit { padding: 16px; font-size: 16px; }

    /* Footer: tek sütun */
    .footer-grid { grid-template-columns: 1fr; }

    /* Mobile menu */
    .mobile-menu-list a { font-size: 22px; }

    /* Slider arrows */
    .slider-arrow { width: 32px; height: 32px; font-size: 18px; }
}