/* ===== HERO ===== */
.hero-section {
    position: relative;
    min-height: 420px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a56db 0%, #0ea5e9 100%);
}

/* Arka plan SVG wrapper */
.hero-bg-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.hero-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 1;
}
/* Hafif koyu overlay — yazılar okunabilsin */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(10, 30, 80, 0.72) 0%,
        rgba(10, 30, 80, 0.45) 55%,
        rgba(10, 30, 80, 0.10) 100%
    );
}

/* İçerik katmanı */
.hero-content {
    position: relative;
    z-index: 1;
}

/* Sağ taraf illustrasyon — PC'de daha büyük, şeffaf */
.hero-illustration {
    width: 100%;
    max-width: 480px;
    height: auto;
    opacity: 0.92;
    filter: drop-shadow(0 8px 32px rgba(0,0,0,0.3));
    margin-bottom: -4px;
}

/* Mobil: hero daha kısa, metin ortada */
@media (max-width: 991px) {
    .hero-section { min-height: 340px; }
    .hero-bg-img { object-position: 70% center; }
    .hero-overlay {
        background: rgba(10, 30, 80, 0.62);
    }
}
@media (max-width: 576px) {
    .hero-section { min-height: 300px; }
    .hero-section h1 { font-size: 1.6rem; }
    .hero-section .lead { font-size: 1rem; }
}

/* ===== SINIF KARTLARI ===== */
.sinif-card {
    transition: transform 0.2s, box-shadow 0.2s;
    border-radius: 12px !important;
    background: #fff;
    color: #333;
}
.sinif-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}
.sinif-card-orta { background: #f0fdf4; }

.sinif-icon {
    width: 52px; height: 52px;
    background: linear-gradient(135deg, #1a56db, #0ea5e9);
    color: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; font-weight: 700;
    margin: 0 auto;
}
.sinif-icon-orta { background: linear-gradient(135deg, #059669, #10b981); }

.sinif-badge {
    width: 60px; height: 60px;
    background: linear-gradient(135deg, #1a56db, #0ea5e9);
    color: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; font-weight: 700;
    flex-shrink: 0;
}

/* ===== KONU KARTLARI ===== */
.konu-card {
    transition: transform 0.15s, box-shadow 0.15s;
    border-radius: 10px !important;
}
.konu-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,.1) !important;
}
.konu-no {
    width: 32px; height: 32px;
    background: #e0e7ff; color: #3730a3;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: .85rem;
    flex-shrink: 0;
}

/* ===== KONU İÇERİĞİ ===== */
.konu-icerik h5, .konu-icerik h4, .konu-icerik h3 { color: #1a56db; margin-top: 1.5rem; }
.konu-icerik p { line-height: 1.8; }
.konu-icerik ul, .konu-icerik ol { padding-left: 1.5rem; }
.konu-icerik li { margin-bottom: .5rem; line-height: 1.7; }

/* ===== NAVBAR ===== */
.navbar-nav .nav-link { font-weight: 500; }
.navbar-nav .nav-link:hover { opacity: .85; }

/* ===== SINIF SAYFASI KONU KARTLARI ===== */
.konu-card-sinif {
    border-radius: 10px !important;
    transition: transform 0.15s, box-shadow 0.15s;
    border-left: 4px solid transparent !important;
}
.konu-card-sinif:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,.10) !important;
    border-left-color: #1a56db !important;
}
.konu-sira-no {
    width: 34px; height: 34px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: .85rem;
    flex-shrink: 0;
}
.sinif-badge-primary {
    background: linear-gradient(135deg, #1a56db, #0ea5e9);
}
.sinif-badge-success {
    background: linear-gradient(135deg, #059669, #10b981);
}