/* ====== Global mevcut stiller (sende zaten vardı) ====== */
.card-file:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }
.preview-thumb { width: 100%; height: 180px; object-fit: cover; }

/* ====== ANA SAYFA (HERO + Sağ CTA + Kategori ızgarası) ====== */

/* HERO arka plan ve kutu */
.hero-edu{
  background: radial-gradient(1200px 600px at 80% -10%, rgba(88,101,242,.08), transparent),
              radial-gradient(1000px 600px at -10% -20%, rgba(0,149,255,.08), transparent);
  border-radius: 20px;
}
.hero-left{ background: rgba(255,255,255,.65); border-radius: 16px; }
body.theme-dark .hero-left{ background: rgba(15,23,32,.6); }

/* Gradient yazı (kolayca) */
.text-gradient{
  background: linear-gradient(90deg,#0ea5e9,#6366f1);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* Sağdaki “Dosya Yükle” CTA kartı */
.cta-upload{
  border:0; border-radius:16px;
  background: radial-gradient(600px 380px at 80% 20%, rgba(255,255,255,.25), transparent),
              linear-gradient(135deg, #2563eb, #7c3aed);
  color:#fff; box-shadow:0 18px 40px rgba(2,6,23,.15);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  min-height: 260px;
}
.cta-upload:hover{ transform:translateY(-3px); box-shadow:0 22px 50px rgba(2,6,23,.22); filter:saturate(1.1); }
.cta-upload .cta-icon{ font-size:44px; line-height:1; }

/* Kategori kartları */
.cat-card{ min-height:152px; }
.cat-card .card-body{ padding:1rem 1rem .75rem; }

/* Alt kategori chip alanı — 2 satıra kadar göster, yatay/vertical wrap */
.cat-card .subchips{ --chip-h:32px; max-height: calc(var(--chip-h)*2 + 14px); overflow:auto; padding-bottom:.25rem; }

/* İnce scrollbar */
.cat-card .subchips::-webkit-scrollbar{ height:8px; }
.cat-card .subchips::-webkit-scrollbar-thumb{ background: rgba(15,23,42,.18); border-radius:999px; }

/* Karanlık temada ufak dokunuşlar */
body.theme-dark .cta-upload{ box-shadow:0 18px 40px rgba(0,0,0,.35); }
body.theme-dark .cat-card{ background:rgba(15,23,32,.7); border-color:#24303a; }


/* ============================
   ANA SAYFA RÖTUŞLARI (AÇIK/KARANLIK)
   ============================ */

/* HERO başlık ve metin biraz daha net dursun */
.hero h1 { color:#0f172a; }                 /* slate-900 */
.hero p.lead { color:#475569; }             /* slate-600 */
body.theme-dark .hero h1 { color:#e5e7eb; } /* slate-200 */
body.theme-dark .hero p.lead { color:#94a3b8; }

/* Sağdaki “Dosya yükle” CTA — açık temada daha temiz cam/soft görünüm */
.cta-upload{
  border:1px dashed #cfe1ff; /* mavi tonlu çizgi */
  background:
    radial-gradient(600px 320px at 85% 20%, rgba(59,130,246,.08), transparent 60%),
    radial-gradient(600px 320px at 15% 90%, rgba(147,51,234,.06), transparent 60%),
    linear-gradient(180deg, #f7fbff 0%, #f4f7ff 100%);  /* daha belirgin açık zemin */
  backdrop-filter: saturate(140%) blur(4px);
  border-radius: 16px;
  box-shadow: 0 14px 32px rgba(2,6,23,.06);
}
.cta-upload .fs-3,
.cta-upload .small { color:#0f172a; }  /* yazılar koyulaşsın */
.cta-upload .btn.btn-light{
  background:#ffffff;
  border:1px solid #e2e8f0;
  color:#0f172a;
}
.cta-upload:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 44px rgba(2,6,23,.12);
}

/* Karanlık tema için CTA */
body.theme-dark .cta-upload{
  border-color:#334155;
  background:
    radial-gradient(600px 320px at 85% 20%, rgba(59,130,246,.18), transparent 60%),
    radial-gradient(600px 320px at 15% 90%, rgba(147,51,234,.14), transparent 60%),
    linear-gradient(180deg, #0e1724 0%, #0b1220 100%);
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}
body.theme-dark .cta-upload .fs-3,
body.theme-dark .cta-upload .small { color:#d1d5db; }
body.theme-dark .cta-upload .btn.btn-light{
  background:#0f1720;
  border:1px solid #24303a;
  color:#cfe8ff;
}

/* KATEGORİ KARTLARI: tipografi ve chip’ler */
.cat-menu .card{
  background:#ffffff;
  border:1px solid #e6e9ef;  /* daha görünür kenar */
  border-radius: 14px;
}
.cat-title{ color:#0f172a; letter-spacing:.01em; }
.subchips{ gap:.5rem .6rem; }
.subchips a{
  background:#ffffff;
  border:1px solid #e5e7eb;
  color:#0f172a;
  box-shadow: 0 3px 10px rgba(2,6,23,.04);
  padding:.42rem .75rem;
  font-weight:600;
}
.subchips a:hover{
  border-color:#bfdbfe;               /* mavi vurgu */
  box-shadow:0 10px 22px rgba(2,6,23,.10);
  transform:translateY(-1px);
}
body.theme-dark .cat-menu .card{ background:#0f1720; border-color:#24303a; }
body.theme-dark .cat-title{ color:#e5e7eb; }
body.theme-dark .subchips a{
  background:#0b1220;
  border-color:#24303a;
  color:#cbd5e1;
  box-shadow: 0 3px 10px rgba(0,0,0,.25);
}
body.theme-dark .subchips a:hover{ border-color:#374151; }

/* ALT İSTATİSTİK ŞERİDİ — kontrast yükseltme */
.stats-strip{
  background: linear-gradient(180deg, #f7fbff 0%, #f6f8ff 100%);
  border:1px solid #e5e7eb;
  border-radius: 16px;
}
.stat-item .ico{
  background:#ffffff;
  border:1px solid #e5e7eb;
  color:#2563eb;
}
.stat-item .num{ color:#0f172a; }
body.theme-dark .stats-strip{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border-color:#24303a;
}
body.theme-dark .stat-item .ico{
  background:#0f1720;
  border-color:#24303a;
  color:#9ecbff;
}
body.theme-dark .stat-item .num{ color:#e5e7eb; }

/* Input ve küçük butonların okunurluğu */
.input-group-lg .form-control{
  border:1px solid #e5e7eb;
}
.btn-outline-secondary{
  border-color:#e5e7eb;
  color:#334155;
  background:#fff;
}
.btn-outline-secondary:hover{
  background:#f8fafc;
  border-color:#cbd5e1;
  color:#1f2937;
}
body.theme-dark .btn-outline-secondary{
  background:#0f1720; border-color:#24303a; color:#cbd5e1;
}
body.theme-dark .btn-outline-secondary:hover{
  background:#0b1220; border-color:#374151; color:#e5e7eb;
}

/* ---- İndir butonu (kart sağ-alt) ---- */
.file-card .card-body{ position: relative; padding-bottom: 2.6rem; }
.dl-btn{
  position:absolute; right:.75rem; bottom:.75rem;
  display:inline-flex; align-items:center; gap:.35rem;
  font-weight:600; font-size:.9rem; line-height:1;
  padding:.45rem .8rem; border-radius:999px;
  background:linear-gradient(180deg,#0ea5e9,#2563eb);
  color:#fff; box-shadow:0 10px 20px rgba(37,99,235,.35);
  transition:transform .12s ease, box-shadow .12s ease, opacity .12s;
  user-select:none;
}
.file-card:hover .dl-btn{ transform:translateY(-1px); box-shadow:0 14px 26px rgba(37,99,235,.40); }
.dl-btn .bi{ font-size:1rem; }
body.theme-dark .dl-btn{ box-shadow:0 10px 20px rgba(37,99,235,.45); }

.file-card { height: 100%; }
.file-card .thumb { display:block; }
.dl-btn { z-index: 2; } /* kart içindeki diğer öğelerle çakışmayı önler */