/* ===== LERNAVA CUSTOM STYLES ===== */
:root{--lernava-navy:#1e3a5f;--lernava-teal:#0e7490;--lernava-teal-light:#0891b2;--lernava-green:#16a34a;--lernava-red:#dc2626;--lernava-purple:#7c3aed;--lernava-amber:#f59e0b;--lernava-amber-hover:#d97706}

.lernava-header{background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 12px rgba(30,58,95,.06)}
.lernava-header .navbar{min-height:70px}
.lernava-header .nav-link{color:#374151;font-weight:500;font-size:.9375rem}
.lernava-header .nav-link:hover{color:var(--lernava-teal)}

.lernava-search-input{border:1.5px solid #e2e8f0;border-radius:50px;height:44px;font-size:.875rem;background:#f8fafc;transition:all .2s}
.lernava-search-input:focus{border-color:var(--lernava-teal-light);background:#fff;box-shadow:0 0 0 3px rgba(8,145,178,.12)}

.lernava-business-btn{background-color:var(--lernava-amber)!important;border-color:var(--lernava-amber)!important;font-size:.875rem;white-space:nowrap}
.lernava-business-btn:hover{background-color:var(--lernava-amber-hover)!important;border-color:var(--lernava-amber-hover)!important}

.lernava-refer-btn{border-color:#cbd5e1;color:#374151;font-size:.875rem;white-space:nowrap}
.lernava-refer-btn:hover{border-color:var(--lernava-teal);color:var(--lernava-teal);background:transparent}

.lernava-hero{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f0fdf4 100%);min-height:560px;padding:60px 0 40px}
.lernava-hero .hero-badge{display:inline-flex;align-items:center;background:rgba(14,116,144,.1);color:var(--lernava-teal);border-radius:50px;padding:6px 18px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}
.lernava-hero .hero-title{font-size:2.8rem;font-weight:800;color:#111827;line-height:1.15;margin-bottom:1rem}
.lernava-hero .hero-subtitle{color:#4b5563;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}
.lernava-hero .hero-stat{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:#374151}
.lernava-hero .hero-stat .stat-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.lernava-hero .hero-stat .stat-number{font-weight:700;color:#111827;font-size:1.1rem}
.lernava-hero .hero-search{position:relative;max-width:480px;margin-top:1.5rem}
.lernava-hero .hero-search input{border:2px solid #e2e8f0;border-radius:50px;height:52px;padding-left:20px;padding-right:60px;font-size:.9375rem;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:border-color .2s}
.lernava-hero .hero-search input:focus{border-color:var(--lernava-teal-light);box-shadow:0 4px 16px rgba(8,145,178,.15)}
.lernava-hero .hero-search-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:var(--lernava-teal);border:none;border-radius:50px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;transition:background .2s;cursor:pointer}
.lernava-hero .hero-search-btn:hover{background:var(--lernava-navy)}

.hero-image-wrapper{position:relative}
.hero-img-bg{background:linear-gradient(135deg,#bae6fd 0%,#a7f3d0 100%);border-radius:24px;overflow:hidden;height:420px;display:flex;align-items:flex-end;justify-content:center}
.hero-img-bg img{width:100%;height:100%;object-fit:cover;object-position:top center}
.hero-float-card{position:absolute;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:12px 16px;min-width:210px;z-index:10}
.hero-float-card.card-top-left{top:20px;left:-20px}
.hero-float-card.card-bottom-right{bottom:40px;right:-20px;min-width:220px}
.hero-float-card .float-card-title{font-weight:700;font-size:.875rem;color:#111827;margin-bottom:2px}
.hero-float-card .float-card-sub{font-size:.75rem;color:#6b7280;margin-bottom:8px}
.hero-float-card .btn-register{background:#fee2e2;color:var(--lernava-red);border:none;border-radius:50px;padding:4px 14px;font-size:.78rem;font-weight:600;cursor:pointer}
.hero-float-card .btn-register:hover{background:var(--lernava-red);color:#fff}
.hero-float-card .course-icons{display:flex;gap:4px;flex-wrap:wrap}
.hero-float-card .course-icons .ci{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}

.lernava-section-title{font-size:1.9rem;font-weight:800;color:#111827;line-height:1.25}
.lernava-section-sub{color:#6b7280;font-size:1rem;max-width:600px;margin:0 auto}

.lernava-cat-tabs .nav-link{color:#374151;font-weight:500;border-bottom:2px solid transparent;border-radius:0;padding:10px 16px}
.lernava-cat-tabs .nav-link.active{color:var(--lernava-teal);border-bottom-color:var(--lernava-teal);font-weight:700;background:transparent}
.lernava-cat-tabs .nav-link:hover:not(.active){color:var(--lernava-teal)}

.lernava-course-card{border:1px solid #f1f5f9!important;border-radius:12px;overflow:hidden;transition:box-shadow .25s,transform .25s}
.lernava-course-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-3px)}

.badge-type{font-size:.72rem;font-weight:600;border-radius:50px;padding:4px 10px}
.badge-online-kurs{background:#dcfce7;color:#16a34a}
.badge-canli-ders{background:#fee2e2;color:#dc2626}
.badge-grup-ders{background:#ede9fe;color:#7c3aed}

.btn-lernava-primary{background:var(--lernava-teal);border-color:var(--lernava-teal);color:#fff;border-radius:8px}
.btn-lernava-primary:hover{background:var(--lernava-navy);border-color:var(--lernava-navy);color:#fff}
.btn-lernava-green{background:var(--lernava-green);border-color:var(--lernava-green);color:#fff;border-radius:8px;font-weight:600}
.btn-lernava-green:hover{background:#15803d;border-color:#15803d;color:#fff}
.btn-lernava-red{background:var(--lernava-red);border-color:var(--lernava-red);color:#fff;border-radius:8px;font-weight:600}
.btn-lernava-red:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}
.btn-lernava-purple{background:var(--lernava-purple);border-color:var(--lernava-purple);color:#fff;border-radius:8px;font-weight:600}
.btn-lernava-purple:hover{background:#6d28d9;border-color:#6d28d9;color:#fff}

.lernava-stars{color:#f59e0b}
.lernava-instructor-card{border-radius:16px;border:1px solid #f1f5f9;transition:box-shadow .25s}
.lernava-instructor-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.1)}
.lernava-instructor-card .instructor-avatar{width:80px;height:80px;object-fit:cover;border-radius:50%;border:3px solid #e2e8f0}

.lernava-become-hero{background:#f9fafb}
.lernava-become-hero .highlight-text{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:2px 4px;border-radius:4px;color:#92400e}

@media(max-width:1199px){
.lernava-hero .hero-title{font-size:2.1rem}
.hero-float-card{display:none!important}
}
@media(max-width:767px){
.lernava-hero{padding:40px 0 30px}
.lernava-hero .hero-title{font-size:1.75rem}
.lernava-business-btn,.lernava-refer-btn{font-size:.8rem;padding:6px 12px}
}

/* ===== LERNAVA LAYOUT FIX: Override conflicting existing styles ===== */

/* Fix 1: Kill the 40px line-height override on nav links inside our header */
.lernava-header .navbar-expand-xl .navbar-nav .nav-link,
.lernava-header .nav-link {
  line-height: 1.5 !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* Fix 2: Prevent navbar collapse from being positioned absolute (causes layout shift) */
.lernava-header .navbar-collapse {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* On mobile, allow collapse to stack naturally (no absolute pop-out) */
@media (max-width: 1199.98px) {
  .lernava-header .navbar-collapse.collapse:not(.show) {
    display: none !important;
  }
  .lernava-header .navbar-collapse.show,
  .lernava-header .navbar-collapse.collapsing {
    display: block !important;
    width: 100% !important;
    background: #fff !important;
    border-top: 1px solid #f0f4f8 !important;
    padding: 12px 0 !important;
    position: static !important;
  }
  .lernava-header .navbar-nav.d-flex.flex-row {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
}

/* Fix 3: Kill the oversized navbar-brand vertical padding from $navbar-brand-padding-y */
.lernava-header .navbar-brand {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Fix 4: Ensure sticky header doesn't cause content jump (reserve space via padding on body) */
header.lernava-header.navbar-sticky-on {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1030 !important;
  box-shadow: 0 2px 16px rgba(30,58,95,.1) !important;
}

/* Fix 5: When navbar becomes sticky-on, add padding to next sibling (main) */
header.lernava-header.navbar-sticky-on + main,
header.lernava-header.navbar-sticky-on ~ main {
  padding-top: 70px !important;
}

/* Fix 6: Right-side button group — prevent horizontal overflow on medium screens */
.lernava-header .navbar-nav.d-flex.flex-row.align-items-center {
  flex-shrink: 0 !important;
}

/* Fix 7: Search flex-grow contained properly */
.lernava-header .nav-item.flex-grow-1 {
  min-width: 0 !important;
}

/* Fix 8: Smooth collapse animation (no jump) */
.lernava-header .navbar-collapse {
  transition: none !important;
}

/* ===== LERNAVA FULL REDESIGN v2 ===== */

/* --- Hero Section --- */
.lernava-hero-section { background: #fff; overflow: hidden; position: relative; }
.lernava-hero-section .carousel-item { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 60%, #f0fdf4 100%); }
.lernava-hero-section .carousel-item:nth-child(2) { background: #fff; }
.lernava-hero-section .carousel-item:nth-child(3) { background: #fff; }

.hero-pill { display: inline-flex; align-items: center; border-radius: 50px; padding: 6px 18px; font-size: .875rem; font-weight: 600; }
.hero-pill-teal  { background: rgba(14,116,144,.12); color: #0e7490; }
.hero-pill-green { background: rgba(22,163,74,.12);  color: #16a34a; }
.hero-pill-amber { background: rgba(245,158,11,.15); color: #b45309; }

.hero-title { font-size: 2.75rem; font-weight: 800; color: #111827; line-height: 1.15; }
.hero-sub   { color: #4b5563; font-size: 1.05rem; line-height: 1.65; margin-bottom: 1.25rem; }

.hero-stat { display: flex; align-items: center; gap: 10px; }
.stat-num  { font-size: 1.15rem; font-weight: 800; color: #111827; }
.stat-lbl  { font-size: .8rem; color: #6b7280; }

.hero-search { position: relative; max-width: 480px; }
.hero-search .form-control { border: 2px solid #e2e8f0; border-radius: 50px; height: 52px; padding-left: 22px; padding-right: 60px; font-size: .9375rem; background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.06); }
.hero-search .form-control:focus { border-color: #0891b2; box-shadow: 0 4px 16px rgba(8,145,178,.15); }
.hero-search-btn { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: #0e7490; border: none; border-radius: 50px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1rem; cursor: pointer; transition: background .2s; }
.hero-search-btn:hover { background: #1e3a5f; }

/* Slide 1 image */
.slide1-img-wrap { position: relative; width: 100%; max-width: 560px; }
.slide1-img { width: 100%; height: 420px; object-fit: cover; border-radius: 20px; }

/* Slide 2 teacher */
.slide2-img-wrap { position: relative; width: 420px; height: 420px; }
.blob-bg { position: absolute; inset: 0; background: radial-gradient(ellipse at 60% 60%, #bbf7d0 0%, #6ee7b7 40%, #a7f3d0 70%, transparent 100%); border-radius: 50%; transform: scale(1.1); }
.slide2-img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 20px; }
.blob-icon { position: absolute; z-index: 2; background: #fff; border-radius: 12px; padding: 8px 10px; font-weight: 700; font-size: .9rem; box-shadow: 0 4px 12px rgba(0,0,0,.1); }
.blob-icon-1 { top: 10%; left: 0; }
.blob-icon-2 { top: 5%; right: 5%; }
.blob-icon-3 { bottom: 15%; left: 5%; }
.blob-icon-4 { bottom: 5%; right: 10%; }

/* Slide 3 business */
.slide3-img-wrap { position: relative; max-width: 560px; }
.slide3-img { width: 100%; height: 380px; object-fit: cover; border-radius: 20px; }
.slide3-notify { position: absolute; top: 24px; left: -20px; background: rgba(255,255,255,.95); border-radius: 14px; padding: 10px 14px; display: flex; align-items: center; gap: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.12); min-width: 220px; }
.notify-icon { width: 36px; height: 36px; background: #fef3c7; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.notify-title { font-weight: 700; font-size: .85rem; color: #111827; }
.notify-sub { font-size: .75rem; color: #6b7280; }

/* Floating cards */
.hero-float-card { position: absolute; background: #fff; border-radius: 16px; padding: 14px 16px; box-shadow: 0 8px 32px rgba(0,0,0,.12); z-index: 10; }
.fc-topleft  { top: 16px; left: -20px; min-width: 220px; }
.fc-botright { bottom: 20px; right: -10px; min-width: 200px; }
.fc-title { font-weight: 700; font-size: .85rem; color: #111827; }
.fc-sub   { font-size: .75rem; color: #6b7280; }
.fc-btn { background: #fee2e2; color: #dc2626; border: none; border-radius: 50px; padding: 5px 14px; font-size: .78rem; font-weight: 600; cursor: pointer; }
.fc-btn:hover { background: #dc2626; color: #fff; }
.fc-icons { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 8px; }
.fci { width: 28px; height: 28px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; color: #fff; }

/* Carousel controls */
.hero-ctrl { width: 44px; height: 44px; background: rgba(255,255,255,.9) !important; border-radius: 50% !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 2px 12px rgba(0,0,0,.1); top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; color: #374151 !important; opacity: 1 !important; }
.hero-ctrl i { font-size: 1rem; color: #374151; }
.hero-ctrl:hover { background: #fff !important; box-shadow: 0 4px 20px rgba(0,0,0,.15); }
.carousel-control-prev.hero-ctrl { left: 12px; }
.carousel-control-next.hero-ctrl { right: 12px; }

/* Indicators */
.hero-indicators { bottom: 20px !important; }
.hero-indicators button { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #cbd5e1 !important; border: none !important; opacity: 1 !important; }
.hero-indicators button.active { background: #0e7490 !important; width: 24px !important; border-radius: 4px !important; }

/* --- Ders Tipi Kartları --- */
.ders-tipi-kart { border-radius: 16px; padding: 28px; }
.kart-kirmizi { background: linear-gradient(135deg, #fff1f2, #fee2e2); }
.kart-yesil   { background: linear-gradient(135deg, #f0fdf4, #dcfce7); }
.kart-mavi    { background: linear-gradient(135deg, #eff6ff, #dbeafe); }
.ders-tipi-ikon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 1rem; }
.kart-kirmizi .ders-tipi-ikon { background: #fecaca; color: #dc2626; }
.kart-yesil .ders-tipi-ikon   { background: #bbf7d0; color: #16a34a; }
.kart-mavi .ders-tipi-ikon    { background: #bfdbfe; color: #2563eb; }
.btn-lernava-blue { background: #2563eb; border-color: #2563eb; color: #fff; }
.btn-lernava-blue:hover { background: #1d4ed8; border-color: #1d4ed8; color: #fff; }

/* --- Kurs Kartları --- */
.kurs-kart { border-radius: 12px; overflow: hidden; border: 1px solid #f1f5f9 !important; transition: box-shadow .25s, transform .25s; }
.kurs-kart:hover { box-shadow: 0 8px 32px rgba(0,0,0,.1); transform: translateY(-3px); }
.kurs-kart-img { height: 180px; object-fit: cover; }
.kurs-kart-baslik { font-size: .9rem; color: #111827; line-height: 1.45; }
.kurs-fiyat { font-size: 1rem; font-weight: 800; color: #111827; }
.kurs-eski-fiyat { font-size: .85rem; }
.kurs-kalp-btn { position: absolute; top: 8px; right: 8px; background: #fff; border: none; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,.1); cursor: pointer; color: #6b7280; }
.kurs-kalp-btn:hover { color: #dc2626; }
.btn-sepete-ekle { background: #0e7490; border-color: #0e7490; color: #fff; font-size: .875rem; }
.btn-sepete-ekle:hover { background: #1e3a5f; border-color: #1e3a5f; color: #fff; }

/* Sub-tabs */
.lernava-sub-tab { border: 1px solid #e2e8f0; border-radius: 50px; padding: 5px 16px; font-size: .85rem; color: #374151; white-space: nowrap; }
.lernava-sub-tab.active { background: #f1f5f9; border-color: #94a3b8; font-weight: 600; }
.lernava-sub-tab:hover:not(.active) { background: #f8fafc; }

/* Next arrow overlay */
.kurs-slider-next { position: absolute; right: -18px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 4px 16px rgba(0,0,0,.1); align-items: center; justify-content: center; color: #374151; z-index: 5; cursor: pointer; }

/* --- Nasıl Çalışır --- */
.nasil-step { background: #fff; border-radius: 16px; padding: 28px 20px; border: 1px solid #f1f5f9; min-height: 200px; }
.nasil-ikon-wrap { position: relative; display: inline-block; }
.nasil-ikon-2 { position: absolute; bottom: -6px; right: -10px; border: 2px solid #fff; }
.nasil-ikon-box { width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.nasil-ok { position: absolute; right: -30px; top: 50%; transform: translateY(-50%); }
.nasil-check { width: 24px; height: 24px; border-radius: 50%; background: #16a34a; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .8rem; flex-shrink: 0; margin-top: 2px; }

/* --- Kendi Kursunu Oluştur --- */
.ogretmen-foto-wrap { display: inline-block; }
.ogretmen-foto { width: 100%; max-width: 480px; height: 400px; object-fit: cover; }

/* --- Öğretmen Ol Banner --- */
.ogretmen-ol-banner { background: linear-gradient(135deg, #0e7490, #0891b2); padding: 56px 0; }
.btn-white-outline { border: 2px solid #fff; color: #fff; background: transparent; }
.btn-white-outline:hover { background: #fff; color: #0e7490; }

/* --- Testimonials --- */
.testimonial-kart { background: #f8fafc; border-radius: 16px; }
.testimonial-metin { color: #374151; font-size: .9375rem; line-height: 1.65; }

/* Responsive */
@media (max-width: 991.98px) {
  .hero-title { font-size: 2rem; }
  .fc-topleft, .fc-botright { display: none !important; }
}
@media (max-width: 767.98px) {
  .hero-title { font-size: 1.65rem; }
  .lernava-hero-section .carousel-item { padding-bottom: 20px; }
}

/* ===== DERS TİPİ KARTLAR ===== */
.ders-tipi-kart{background:#fff;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.08);padding:2rem 1.5rem 1.75rem;text-align:center;display:flex;flex-direction:column;align-items:center;border-bottom:4px solid transparent;transition:box-shadow .25s,transform .25s}
.ders-tipi-kart:hover{box-shadow:0 8px 32px rgba(0,0,0,.12);transform:translateY(-3px)}
.ders-tipi-kart.kart-kirmizi{border-bottom-color:#ef4444}
.ders-tipi-kart.kart-yesil{border-bottom-color:#22c55e}
.ders-tipi-kart.kart-mavi{border-bottom-color:#8b5cf6}
.ders-tipi-ikon{font-size:3.5rem;margin-bottom:1.25rem;line-height:1}
.kart-kirmizi .ders-tipi-ikon{color:#ef4444}
.kart-yesil .ders-tipi-ikon{color:#22c55e}
.kart-mavi .ders-tipi-ikon{color:#8b5cf6}
.ders-tipi-kart h5{font-size:1.15rem;font-weight:700;color:#111827;margin-bottom:.75rem}
.ders-tipi-kart p{color:#6b7280;font-size:.95rem;line-height:1.6;flex-grow:1}
.ders-tipi-kart .btn{width:100%;padding:.65rem 1rem;font-weight:600;font-size:1rem}
.btn-lernava-blue{background:#8b5cf6;border-color:#8b5cf6;color:#fff;font-weight:600}
.btn-lernava-blue:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}
.kart-kirmizi{background:#fff!important}
.kart-yesil{background:#fff!important}
.kart-mavi{background:#fff!important}
.ders-tipi-kart{display:flex!important;text-align:center!important;align-items:center!important}
.ders-tipi-ikon{width:auto!important;height:auto!important;background:none!important;font-size:3.5rem!important;border-radius:0!important}

/* ===== KURS KARTLARI ===== */
.kurs-kart{border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.08);overflow:hidden;transition:box-shadow .25s,transform .25s}
.kurs-kart:hover{box-shadow:0 8px 32px rgba(0,0,0,.13);transform:translateY(-3px)}
.kurs-kart-img{width:100%;height:180px;object-fit:cover;display:block}

/* Eğitmen overlay */
.kurs-egitmen-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.75));padding:1rem .75rem .6rem;color:#fff}
.kurs-egitmen-avatar{width:38px;height:38px;object-fit:cover;border:2px solid rgba(255,255,255,.5)}
.kurs-egitmen-ad{font-size:.8rem;font-weight:600;line-height:1.2}
.kurs-egitmen-unvan{font-size:.7rem;opacity:.85}
.kurs-cevrimici{color:#4ade80;font-size:.7rem;font-weight:500}
.kurs-rozetler{display:flex;gap:4px;flex-wrap:wrap}
.kurs-rozet-pro{font-size:.65rem;background:rgba(255,255,255,.2);color:#fff;padding:2px 6px;border-radius:4px;backdrop-filter:blur(4px)}
.kurs-rozet-super{font-size:.65rem;background:#f59e0b;color:#fff;padding:2px 6px;border-radius:4px}

/* Tip badge */
.kurs-tip-badge{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:50px}
.tip-kurs{background:#dcfce7;color:#16a34a}
.tip-grup{background:#ede9fe;color:#7c3aed}

/* Aksiyon butonu (kalp, zarf) */
.kurs-aksiyon-btn{background:none;border:none;color:#6b7280;font-size:1rem;padding:2px 4px;cursor:pointer;line-height:1}
.kurs-aksiyon-btn:hover{color:#ef4444}

/* Kart içerik */
.kurs-kart-baslik{font-size:.95rem;line-height:1.4;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kurs-meta-item{font-size:.78rem;color:#6b7280;font-weight:500}
.kurs-fiyat{font-size:1.15rem;font-weight:800;color:#111827}
.kurs-en-cok-satan{font-size:.65rem;font-weight:700;background:#dcfce7;color:#16a34a;padding:2px 8px;border-radius:50px}
.kurs-canli-link{font-size:.75rem;color:#6b7280;line-height:1.4}

/* Butonlar */
.btn-sepete-ekle{background:#16a34a;border-color:#16a34a;color:#fff}
.btn-sepete-ekle:hover{background:#15803d;border-color:#15803d;color:#fff}
.btn-kayit-ol{background:#7c3aed;border-color:#7c3aed;color:#fff}
.btn-kayit-ol:hover{background:#6d28d9;border-color:#6d28d9;color:#fff}

/* Slider next arrow */
.kurs-slider-next{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.1);align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;color:#374151;z-index:2}

/* ===== Nasıl Çalışır ===== */
.nasil-adim-ikon{
    width:110px;height:110px;
    background:#fff;
    border-radius:50%;
    box-shadow:0 8px 30px rgba(0,0,0,.10);
    display:flex;align-items:center;justify-content:center;
}
.nasil-ok-svg{
    position:absolute;
    top:40px;right:-52px;
    width:100px;
    z-index:2;
}
.nasil-ok-path{stroke:#6c757d;}
.nasil-ok-arrow{fill:#6c757d;}
.col-lg-4{position:relative;}

/* ===== Footer ===== */
footer .nav-link.text-body-secondary:hover{color:#fff!important;}
footer .text-white.fs-3:hover{opacity:.75;}

/* ===== Navbar z-index fix ===== */
header.navbar-light.navbar-sticky,
header.navbar-sticky {
    background: #fff !important;
    z-index: 1050 !important;
}
header.navbar-light.navbar-sticky nav,
header.navbar-sticky nav {
    background: #fff !important;
}

/* ===== Navbar sticky background fix ===== */
header.navbar-sticky-on,
header.navbar-sticky-on nav {
    background: #fff !important;
    z-index: 1050 !important;
}
header.navbar-light {
    background: #fff !important;
    z-index: 1050 !important;
}

/* ===== Tiny Slider FOUC fix ===== */
/* JS başlamadan önce sadece ilk slaytı göster */
.tiny-slider-inner:not(.tns-slider) > * + * {
    display: none !important;
    visibility: hidden !important;
}
/* Slider container min-height — içerik yok gibi görünmesin */
.tiny-slider-inner:not(.tns-slider) {
    overflow: hidden;
}

/* ===== Become Instructor Page ===== */
.bi-hero-section {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 60%, #f0f9ff 100%);
}
.min-vh-75 { min-height: 75vh; }

.bi-highlight-yellow {
    position: relative;
    display: inline-block;
    color: #111827;
}
.bi-highlight-yellow::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 10px;
    background: #fde047;
    z-index: -1;
    border-radius: 4px;
}

.bi-circle-bg {
    position: absolute;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, #16a34a 0%, #15803d 100%);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.bi-instructor-photo {
    width: 340px;
    height: 400px;
    object-fit: cover;
    object-position: top center;
    z-index: 1;
    filter: drop-shadow(0 8px 24px rgba(0,0,0,0.15));
}

.bi-badge-flag {
    top: 20px;
    left: 10px;
    background: #fff;
    border-radius: 50px;
    padding: 6px 14px;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    z-index: 2;
}

.bi-badge-congrats {
    bottom: 30px;
    left: 0;
    background: #fff;
    border-radius: 14px;
    padding: 12px 16px;
    z-index: 2;
    min-width: 200px;
}

.bi-congrats-icon {
    font-size: 28px;
    line-height: 1;
}

.bi-floating-icon {
    background: #fff;
    border-radius: 12px;
    padding: 10px 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.bi-float-python  { top: 10%;  right: 5%;  }
.bi-float-fx      { top: 35%;  right: -5%; }
.bi-float-pen     { bottom: 35%; left: 5%;  }
.bi-float-chart   { bottom: 15%; right: 5%; }

.bi-step-icon {
    width: 72px;
    height: 72px;
    background: #f0fdf4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ===== KEŞFET PAGE ===== */
.kesfet-page { background: #fff; }
.kesfet-filter-bar { padding-top: 4px; }
.kesfet-filter-label { font-size: .75rem; font-weight: 600; color: #6b7280; margin-bottom: 4px; }
.kesfet-filter-select { font-size: .85rem; border-radius: 8px; border: 1px solid #e2e8f0; padding: .4rem .75rem; height: 38px; background-position: right .65rem center; }
.kesfet-filter-select:focus { border-color: #0e7490; box-shadow: 0 0 0 3px rgba(8,145,178,.12); }

.kesfet-konu-pill { display: inline-block; padding: 5px 14px; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 50px; font-size: .8rem; color: #475569; text-decoration: none; transition: all .2s; }
.kesfet-konu-pill:hover { background: #e2e8f0; color: #0e7490; }

.kesfet-konu-search { position: relative; max-width: 220px; min-width: 180px; }
.kesfet-konu-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: .9rem; }
.kesfet-konu-search input { padding-left: 32px; height: 36px; font-size: .85rem; border-radius: 50px; border: 1px solid #e2e8f0; }

.kesfet-section-title { font-size: 1.5rem; color: #111827; }

/* Section type başlık */
.kesfet-tip-baslik { display: inline-block; padding: 6px 16px; border-radius: 8px; font-size: .85rem; font-weight: 700; color: #fff; }
.kesfet-tip-baslik.tip-canli { background: #dc2626; }
.kesfet-tip-baslik.tip-kurs { background: #16a34a; }
.kesfet-tip-baslik.tip-grup { background: #7c3aed; }

/* Slider arrow */
.kesfet-row { padding: 0 8px; }
.kesfet-slider-arrow { position: absolute; top: 45%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 4px 16px rgba(0,0,0,.1); display: flex; align-items: center; justify-content: center; color: #374151; cursor: pointer; z-index: 5; }
.kesfet-slider-arrow:hover { background: #f8fafc; }
.kesfet-slider-arrow.arrow-left { left: -20px; }
.kesfet-slider-arrow.arrow-right { right: -20px; }
@media (max-width: 575.98px) { .kesfet-slider-arrow { display: none; } }

/* Kurs kart eğitmen overlay (zaten var ama ekstra stil) */
.kurs-egitmen-avatar { width: 32px; height: 32px; object-fit: cover; border: 2px solid #fff; }
.kurs-egitmen-ad { font-size: .8rem; font-weight: 700; line-height: 1.2; }
.kurs-egitmen-unvan { font-size: .7rem; opacity: .9; }
.kurs-cevrimici { display: inline-flex; align-items: center; gap: 3px; background: rgba(34,197,94,.85); border-radius: 4px; padding: 1px 6px; font-size: .65rem; }
.kurs-cevrimici i { font-size: .5rem; }
.kurs-rozetler { display: flex; gap: 4px; flex-wrap: wrap; }
.kurs-rozet-pro, .kurs-rozet-super { font-size: .65rem; padding: 2px 8px; border-radius: 4px; font-weight: 600; }
.kurs-rozet-pro { background: rgba(255,255,255,.25); color: #fff; }
.kurs-rozet-super { background: rgba(245,158,11,.9); color: #fff; }

/* Kart tip badge */
.kurs-tip-badge { display: inline-block; padding: 3px 10px; border-radius: 50px; font-size: .7rem; font-weight: 600; }
.kurs-tip-badge.tip-canli { background: #fee2e2; color: #dc2626; }
.kurs-tip-badge.tip-kurs { background: #dcfce7; color: #16a34a; }
.kurs-tip-badge.tip-grup { background: #ede9fe; color: #7c3aed; }

/* Kart aksiyon butonları */
.kurs-aksiyon-btn { background: #f1f5f9; border: none; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: #6b7280; font-size: .75rem; cursor: pointer; }
.kurs-aksiyon-btn:hover { background: #e2e8f0; color: #dc2626; }

/* Meta bilgi (grup) */
.kurs-meta-item { font-size: .75rem; color: #6b7280; display: inline-flex; align-items: center; gap: 4px; }
.kurs-meta-item i { font-size: .7rem; }

/* Kart fiyat */
.kurs-fiyat { font-size: 1rem; color: #111827; }
.kurs-kart-baslik { font-size: .85rem; color: #111827; line-height: 1.45; min-height: 40px; }

/* Tip-spesifik butonlar */
.btn-deneme-dersi { background: #dc2626; border-color: #dc2626; color: #fff; font-size: .85rem; }
.btn-deneme-dersi:hover { background: #b91c1c; border-color: #b91c1c; color: #fff; }
.btn-kayit-ol { background: #7c3aed; border-color: #7c3aed; color: #fff; font-size: .85rem; }
.btn-kayit-ol:hover { background: #6d28d9; border-color: #6d28d9; color: #fff; }

/* Pagination */
.kesfet-pagination .page-link { border: 1px solid #e2e8f0; color: #374151; border-radius: 50% !important; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0 3px; padding: 0; font-weight: 500; }
.kesfet-pagination .page-item.active .page-link { background: #0e7490; border-color: #0e7490; color: #fff; }
.kesfet-pagination .page-item.disabled .page-link { background: transparent; border: none; color: #94a3b8; }
.kesfet-pagination .page-link:hover { background: #f1f5f9; color: #0e7490; }

/* ===== KEŞFET LAYOUT SHIFT FIXES ===== */

/* Sabit aspect-ratio (4:3) - resim yüklenmeden alan ayrıyor, kayma yok */
.kurs-kart .kurs-kart-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    height: auto !important;
    object-fit: cover;
    background: #e5e7eb;
    display: block;
}

/* Kart kendisi sabit min-height ile kaymayı engeller */
.kurs-kart {
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
    transition: transform .2s, box-shadow .2s;
}
.kurs-kart:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* Başlık 2 satır sabit - kart yüksekliklerini eşitler */
.kurs-kart-baslik {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 38px !important;
    line-height: 1.4 !important;
    font-size: .85rem;
}

/* Eğitmen overlay - daha kompakt */
.kurs-egitmen-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,.85));
    padding: 24px 12px 8px;
    color: #fff;
}

/* Filtre alanı - tek satırda kompakt */
.kesfet-filter-bar { padding-bottom: 8px; }
.kesfet-filter-select {
    height: 36px !important;
    font-size: .8rem !important;
    padding: .3rem .6rem !important;
}
.kesfet-filter-label {
    font-size: .7rem !important;
    margin-bottom: 2px !important;
    line-height: 1.2;
}

/* Lg+ ekranda filtreler tek satırda */
@media (min-width: 992px) {
    .kesfet-filter-bar .row.py-3 > [class*="col-"] {
        flex: 1 1 0;
        min-width: 0;
    }
}

/* Cat tab'lar daha kompakt */
.kesfet-page .lernava-cat-tabs .nav-link {
    padding: 8px 14px !important;
    font-size: .9rem;
    line-height: 1.4 !important;
}

/* Container içi padding düzeltme */
.kesfet-page .container {
    max-width: 1200px;
}

/* Slider arrow pozisyon - taşmayı önle */
.kesfet-row {
    position: relative;
    padding: 0 !important;
}
.kesfet-slider-arrow.arrow-left { left: -8px; }
.kesfet-slider-arrow.arrow-right { right: -8px; }

/* Kart aksiyon butonları boyut sabit */
.kurs-aksiyon-btn {
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0;
}

/* Tip badge - taşmayı önle */
.kurs-tip-badge {
    white-space: nowrap;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Pagination merkezi sabit */
.kesfet-pagination .page-link {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0;
}

/* Kart görsel container fixed - layout shift önle */
.kurs-kart .position-relative.overflow-hidden {
    background: #e5e7eb;
    aspect-ratio: 4 / 3;
}

/* Avatar - sabit boyut, layout shift önle */
.kurs-egitmen-avatar {
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0;
    object-fit: cover;
}

/* ===== KEŞFET FILTER BAR — FIGMA EXACT MATCH ===== */

.kesfet-filter-bar { background: #fff; border-bottom: 1px solid #f0f4f8; }

/* Kategori tabs - büyük, kalın, alt çizgi */
.kesfet-cat-tabs { border-bottom: 1px solid #e5e7eb; gap: 0; margin-bottom: 0 !important; }
.kesfet-cat-tabs .nav-item { flex-shrink: 0; }
.kesfet-cat-tabs .nav-link {
    color: #4b5563;
    font-size: 1.0625rem;
    font-weight: 500;
    padding: 14px 20px !important;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    margin-bottom: -1px;
    background: transparent;
    line-height: 1.4 !important;
}
.kesfet-cat-tabs .nav-link:hover { color: #111827; }
.kesfet-cat-tabs .nav-link.active {
    color: #111827 !important;
    font-weight: 700;
    border-bottom-color: #111827 !important;
    background: transparent !important;
}

/* Filtre kutuları (label + value) */
.kesfet-fbox {
    border: 1px solid #d1d5db;
    border-radius: 10px;
    padding: 10px 14px;
    background: #fff;
    height: 100%;
    min-height: 60px;
    cursor: pointer;
    transition: border-color .15s;
}
.kesfet-fbox:hover { border-color: #9ca3af; }
.kesfet-fbox-lbl {
    font-size: .75rem;
    color: #6b7280;
    font-weight: 400;
    margin-bottom: 4px;
    line-height: 1.2;
}
.kesfet-fbox-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.kesfet-fbox-val {
    font-size: .95rem;
    color: #111827;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}
.kesfet-fbox-chev {
    font-size: .75rem;
    color: #6b7280;
    flex-shrink: 0;
}
.kesfet-fbox-clear {
    background: transparent;
    border: 0;
    color: #6b7280;
    font-size: .8rem;
    padding: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.kesfet-fbox-clear:hover { color: #dc2626; }

/* Sıralama dropdown - sadece text + chevron, border'sız ya da hafif */
.kesfet-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 18px 14px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    height: 100%;
    cursor: pointer;
    font-size: .9rem;
    color: #111827;
    background: #fff;
    white-space: nowrap;
}
.kesfet-sort:hover { border-color: #9ca3af; }
.kesfet-sort i { color: #6b7280; font-size: .75rem; }

/* Popüler konu başlıkları stripi - gri arka plan */
.kesfet-popular-strip {
    background: #f1f5f9;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}
.kesfet-popular-lbl {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
}
.kesfet-konu-pill {
    display: inline-flex;
    align-items: center;
    padding: 7px 18px;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 50px;
    font-size: .875rem;
    color: #374151;
    text-decoration: none;
    font-weight: 500;
    transition: all .15s;
}
.kesfet-konu-pill:hover {
    background: #f8fafc;
    border-color: #6b7280;
    color: #111827;
}

/* Arama kutusu - rounded full, ikon */
.kesfet-konu-search {
    position: relative;
    min-width: 260px;
    max-width: 320px;
    flex: 1 1 auto;
}
.kesfet-konu-search i {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 1rem;
    z-index: 2;
}
.kesfet-konu-search input {
    padding-left: 42px !important;
    height: 42px !important;
    font-size: .9rem;
    border-radius: 50px !important;
    border: 1px solid #d1d5db !important;
    background: #fff;
}
.kesfet-konu-search input:focus {
    border-color: #0e7490 !important;
    box-shadow: 0 0 0 3px rgba(8,145,178,.12) !important;
}

/* Responsive: küçük ekranda 5'li satır 2'şerli olur */
@media (max-width: 991.98px) {
    .kesfet-fbox-val { font-size: .85rem; }
    .kesfet-cat-tabs .nav-link { font-size: .95rem; padding: 12px 14px !important; }
}

/* col-lg paylaşım - 5'li satırda eşit dağılsın */
.kesfet-filter-bar .row > .col-lg {
    flex: 1 0 0;
}

/* ===== KEŞFET FINAL FIXES (Figma exact) ===== */

/* Cat tabs - tek satırda fit olsun, scroll YOK */
.kesfet-cat-tabs {
    overflow: visible !important;
    flex-wrap: nowrap !important;
    width: 100%;
    display: flex;
}
.kesfet-cat-tabs .nav-item {
    flex-shrink: 1 !important;
    flex-grow: 0;
}
.kesfet-cat-tabs .nav-link {
    padding: 12px 0 !important;
    margin-right: 32px;
    font-size: 1rem !important;
    white-space: nowrap;
    border-bottom: 3px solid transparent !important;
}
.kesfet-cat-tabs .nav-item:last-child .nav-link { margin-right: 0; }
@media (max-width: 1199.98px) {
    .kesfet-cat-tabs .nav-link {
        margin-right: 22px;
        font-size: .95rem !important;
        padding: 10px 0 !important;
    }
}
@media (max-width: 991.98px) {
    .kesfet-cat-tabs {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
    }
    .kesfet-cat-tabs::-webkit-scrollbar { height: 0; }
}

/* Popüler Konu Başlıkları - container içinde gri kutu (tam satır kaplamasın) */
.kesfet-popular-strip {
    background: #f1f5f9;
    border-radius: 12px;
    padding: 14px 20px;
    margin-top: 4px;
}

/* Filtre bar üst boşluk düzelt */
.kesfet-filter-bar { padding-top: 0; padding-bottom: 0; }
.kesfet-filter-bar .container { padding-top: 8px; }