/* Kurs listeleri ve kurs sayfası ortak ekleri (site ve panel önizlemesi aynı dosyayı kullanır):
   1) İndirimli fiyat gösterimi (.ind)   2) Alt kategoriler (.kt-altlar, .kt-grup)
   Kaynak kod: plugins/arzakademi/onlinekurs/classes/Fiyat.php, Kategoriler.php. Kurs notunun stili ayrı dosyadadır: kurs-notu.css */

/* 1) İndirim: güncel fiyatın üstünde üstü çizili eski fiyat + rozet + (varsa) etiket */
.ind { display: block; }
.ind__ust { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; max-width: 100%; vertical-align: middle; }
.ind__eski { color: #7A8394; font-size: 14px; font-weight: 500; line-height: 1.3; text-decoration: line-through; text-decoration-thickness: 1.5px; text-decoration-color: #E5484D; white-space: nowrap; }
.ind__rozet, .ind__etiket { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-style: normal; font-weight: 700; line-height: 1.35; white-space: nowrap; }
.ind__rozet { background: linear-gradient(90deg, #FD762D, #FF9A5A); color: #fff; box-shadow: 0 4px 10px rgba(253, 118, 45, .28); }
.ind__etiket { background: #EEF1F6; color: #1C2539; font-weight: 600; }
/* Kurs kartı (Online Kurslar, kategori sayfası): fiyat satırının hemen üstünde */
.ind--kart { margin: 6px 0 0; }
.ind--kart + p.text.text-16.test { margin-top: 2px; font-weight: 700; color: #1C2539; }
/* Kurs sayfası satın alma kartı */
.ind--satin { margin: 6px 0 2px; }
.ind--satin .ind__eski { font-size: 16px; }
/* Kurs sayfası mobil fiyat kutusu */
.kd-mobil-fiyat .ind__ust { display: flex; margin: 2px 0; }
.kd-mobil-fiyat--ind > div { min-width: 0; }
.kd-mobil-fiyat--ind > .kd-btn { flex: none; white-space: nowrap; }
/* Kurs sayfası mobil alt çubuk: eski fiyat küçük yazının yanında, rozet güncel fiyatın yanında */
.kd-cubuk small .ind__eski { margin-left: 4px; font-size: 11.5px; }
.kd-cubuk .ind__rozet { margin-left: 6px; padding: 2px 7px; font-family: inherit; font-size: 10.5px; vertical-align: 2px; box-shadow: none; }
/* Dar satırlar: benzer kurslar, arama sonuçları, ana sayfa kurs şeridi (fiyatın yanında) */
.ind--satir { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-width: 0; }
.ind--satir .ind__eski { font-size: 12.5px; }
.ind--satir + span { flex: none; margin-left: 10px; white-space: nowrap; }
.ind--satir .ind__rozet, .ind--satir .ind__etiket { padding: 2px 8px; font-size: 11px; box-shadow: none; }

/* 2) Alt kategoriler: üst kategori sayfasında alt kategori bağlantıları ve grup başlıkları */
.kt-altlar { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; }
.kt-altlar a { display: inline-flex; align-items: center; gap: 10px; padding: 9px 12px 9px 16px; border-radius: 40px; background: #fff; border: 1px solid #F3E4DA; color: #1C2539; font-size: 14.5px; font-weight: 600; line-height: 1.35; text-decoration: none; box-shadow: 0 6px 16px rgba(28, 37, 57, .05); transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.kt-altlar a:hover, .kt-altlar a:focus-visible { background: #FFF4EE; border-color: #FD762D; color: #1C2539; transform: translateY(-1px); }
.kt-altlar__sayi { flex: none; display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 22px; padding: 0 7px; border-radius: 11px; background: #F2F3F5; color: #5D666F; font-size: 12px; font-weight: 600; }
.kt-altlar a:hover .kt-altlar__sayi { background: #FD762D; color: #fff; }
.kt-grup { margin: 6px 0 20px; }
.kt-grup a { display: inline-flex; align-items: center; gap: 10px; color: #1C2539; text-decoration: none; }
.kt-grup a::before { content: ""; flex: none; width: 4px; height: 22px; border-radius: 4px; background: #FD762D; }
.kt-grup a:hover { color: #C2560F; }
.kt-grup h2 { margin: 0; font-size: clamp(19px, 2vw, 24px); line-height: 1.3; color: inherit; }
.kt-grup svg { flex: none; color: #FD762D; transition: transform .2s ease; }
.kt-grup a:hover svg { transform: translateX(3px); }
.product-grid + .kt-grup { margin-top: 14px; padding-top: 26px; border-top: 1px dashed #E6E9F0; }
@media (max-width: 575.98px) { .kt-altlar a { width: 100%; justify-content: space-between; border-radius: 14px; } }
@media (prefers-reduced-motion: reduce) { .kt-altlar a, .kt-grup svg { transition: none; } }