/* Kurs sayfasında: tarafından / içinde alanını gizle */
.course-instructor-category{
  display: none !important;
}

/* Üst mor alanı yumuşat */
.lp-single-course__header{
  background: linear-gradient(135deg, #6721EF, #8B5CF6); /* hafif gradient */
  border-radius: 0 0 24px 24px; /* alt köşeleri yuvarla */
  box-shadow: 0 8px 24px rgba(103,33,239,0.25); /* yumuşak gölge */
  overflow: hidden;
}

/* İçeriğe nefes aldır */
.lp-single-course__header__inner{
  padding: 36px 28px;
}

/* Kurs üst başlık alanı arka plan + yazı rengi */
.lp-single-course__header{
  color: #ffffff !important;
  padding: 30px 20px; /* biraz nefes aldırır */
}

/* İçindeki tüm yazıları beyaz yap */
.lp-single-course__header *{
  color: #ffffff !important;
}

/* Breadcrumb linkleri */
.lp-single-course__header .learn-press-breadcrumb a{
  color: #ffffff !important;
  opacity: 0.9;
}

/* Hover olunca biraz parlasın */
.lp-single-course__header .learn-press-breadcrumb a:hover{
  opacity: 1;
  text-decoration: underline;
}

/* Başlık biraz daha güçlü dursun */
.lp-single-course__header .course-title{
  font-weight: 700;
}


/* Ders bölümü başlık arka planını mor yap */
.course-section-header{
  background-color: #A274F9 !important;
  border-radius: 8px;        /* biraz yumuşak köşe (isteğe bağlı) */
  padding: 10px 12px;
}

/* Yazılar siyah kalsın */
.course-section-header,
.course-section-header *{
  color: #fff !important;
}

/* Ok ikonları da siyah olsun */
.course-section-header i{
  color: #fff !important;
}

/* LearnPress materyal tablosu başlık */
table thead th.lp-material-th-file-name,
table thead th.lp-material-th-file-type,
table thead th.lp-material-th-file-size,
table thead th.lp-material-th-file-link{
  background-color: #A274F9 !important;
  color: #ffffff !important;
}


/* Devam Et butonu renk ayarı */
.lp-button.course-btn-continue{
  background-color: #6721EF !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px;      /* yumuşak köşe */
  padding: 12px 24px;     /* biraz daha dolgun görünüm */
  font-weight: 600;
  transition: all 0.2s ease;
}

/* Hover efekti */
.lp-button.course-btn-continue:hover{
  background-color: #8f5ef0 !important; /* biraz koyu tonu */
  color: #ffffff !important;
  transform: translateY(-1px);          /* hafif kaldırma efekti */
}

@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap);

/* Lesson sayfasında metinler Open Sans */
body[class*="lesson"],
body[class*="lp_lesson"]{
  font-family: Open Sans, Arial, sans-serif;
}

/* Sadece metin elementlerini zorla, ikonlara dokunma */
body[class*="lesson"] :where(
  h1,h2,h3,h4,h5,h6,
  p,a,span,li,
  label,small,strong,em,
  button,input,textarea,select,
  th,td
){
  font-family: Open Sans, Arial, sans-serif !important;
}

/* İkonlara hiç dokunmuyoruz: ne display, ne font-family */


/* Kurs kartındaki görsel alanının iç boşluğunu kaldır */
.lp-course-content .course-img,
.lp-course-content .course-thumbnail,
.lp-course-content .learn-press-course-thumbnail,
.lp-course-content .lp-course-thumbnail {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

/* Kartın kendi iç padding'ini sıfırla */
.lp-course-content,
.lp-course-item,
.course-item,
.course-card {
    padding: 0 !important;
}

/* Görsel kartın tamamını doldursun */
.lp-course-content img,
.course-img img,
.course-thumbnail img,
.learn-press-course-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Thumbnail alanını sabitle */
.thim-ekits-course__thumbnail{
  width: 100%;
  overflow: hidden;
	height: auto !important;
  border-radius: 20px 20px 0 0; /* üst köşeleri yuvarla */
}

/* Görseli tam doldur */
.thim-ekits-course__thumbnail img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}


/* Ders listesi satırlarını ferahlat */
.course-section__items .course-item__link{
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px;
}

/* İç bloklar arası boşluk */
.course-section__items .course-item__content{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* Başlık ve süre satır yüksekliği */
.course-section__items .course-item-title,
.course-section__items .duration{
  line-height: 1.35 !important;
}

/* Başlık biraz daha okunur */
.course-section__items .course-item-title{
  font-size: 15px !important;
  font-weight: 600;
}

/* Süre sağda sıkışmasın */
.course-section__items .course-item__right{
  white-space: nowrap;
}

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");

/* Kurs + ders sayfalarında yazılar Open Sans */
body.single-lp_course,
body.single-lp_lesson{
  font-family: "Open Sans", Arial, sans-serif !important;
}

/* Sadece metin etiketlerine uygula (ikonlara dokunma) */
body.single-lp_course :where(h1,h2,h3,h4,h5,h6,p,a,span,li,label,small,strong,em,button,input,textarea,select,th,td),
body.single-lp_lesson :where(h1,h2,h3,h4,h5,h6,p,a,span,li,label,small,strong,em,button,input,textarea,select,th,td){
  font-family: "Open Sans", Arial, sans-serif !important;
}

/* İkonlara asla font basma, sadece görünürlüğü garanti et */
body.single-lp_course i[class^="lp-icon"],
body.single-lp_course i[class*=" lp-icon"],
body.single-lp_lesson i[class^="lp-icon"],
body.single-lp_lesson i[class*=" lp-icon"]{
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* LP span ikonlarını (question-circle gibi) geri getir */
body.single-lp_course span[class^="lp-icon"],
body.single-lp_course span[class*=" lp-icon"],
body.single-lp_lesson span[class^="lp-icon"],
body.single-lp_lesson span[class*=" lp-icon"]{
  font-family: revert !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  line-height: 1 !important;
}

/* Eğer ikon ::before ile basılıyorsa onu da zorla */
body.single-lp_course span[class^="lp-icon"]::before,
body.single-lp_course span[class*=" lp-icon"]::before,
body.single-lp_lesson span[class^="lp-icon"]::before,
body.single-lp_lesson span[class*=" lp-icon"]::before{
  font-family: revert !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.single-lp_course span[class^="lp-icon"]::after,
body.single-lp_course span[class*=" lp-icon"]::after,
body.single-lp_lesson span[class^="lp-icon"]::after,
body.single-lp_lesson span[class*=" lp-icon"]::after{
  font-family: revert !important;
  display: inline-block !important;
}

/* Soru ikonu (question-circle) kesin göster */
span.lp-icon-question-circle{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 0 !important;
  line-height: 0 !important;
}

span.lp-icon-question-circle::before{
  content: "" !important;
  display: block !important;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 1 1 5.82 1c0 2-3 2-3 4'/%3E%3Cline x1='12' y1='17' x2='12' y2='17'/%3E%3C/svg%3E");
}


/* Sosyal ikonlar */
.instructor-social{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

/* Link alanı (circle yok) */
.instructor-social a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:32px !important;
  height:32px !important;

  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* İkon kutusu */
.instructor-social a i{
  width:20px;
  height:20px;
  display:block;
  font-size:0 !important;
  line-height:0 !important;
}

/* Ortak SVG alanı */
.instructor-social a i::before{
  content:"";
  display:block;
  width:20px;
  height:20px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

/* Instagram */
.instructor-social a[href*="instagram.com"] i::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='%23000'/%3E%3C/svg%3E");
}

/* YouTube */
.instructor-social a[href*="youtube.com"] i::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M22 12s0-3.5-.5-5a2.5 2.5 0 0 0-1.8-1.8C18.2 4.7 12 4.7 12 4.7s-6.2 0-7.7.5A2.5 2.5 0 0 0 2.5 7C2 8.5 2 12 2 12s0 3.5.5 5a2.5 2.5 0 0 0 1.8 1.8c1.5.5 7.7.5 7.7.5s6.2 0 7.7-.5a2.5 2.5 0 0 0 1.8-1.8c.5-1.5.5-5 .5-5Z'/%3E%3Cpath d='M10 15l5-3-5-3v6Z' fill='%23000'/%3E%3C/svg%3E");
}

/* LinkedIn */
.instructor-social a[href*="linkedin.com"] i::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4V9h4v2'/%3E%3Crect x='2' y='9' width='4' height='12'/%3E%3Ccircle cx='4' cy='4' r='2' fill='%23000'/%3E%3C/svg%3E");
}

.instructor-social a{
  outline: none !important;
}
/* Sosyal ikonların etrafındaki circle/çizgiyi kaldır */
.instructor-social a{
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Tema pseudo-element ile circle çiziyorsa onu da kapat */
.instructor-social a::before,
.instructor-social a::after{
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Hover/focus'ta da circle gelmesin */
.instructor-social a:hover,
.instructor-social a:focus{
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}

/* Sadece görsel hover olunca gizle */
.thim-ekits-course__thumbnail:hover ~ .thim-ekits-course__content .thim-ekits-course__read-more,
.thim-ekits-course__thumbnail:hover .thim-ekits-course__read-more {
    display: none !important;
}

/* Öğrenci sayısını gizle */
.meta-item-student{
  display: none !important;
}

/* Eğitmen profilindeki öğrenci sayısını gizle */
.instructor-count-students{
  display: none !important;
}

/* Eğitmen kartındaki öğrenci sayısını gizle */
.instructor-item-meta{
  display: none !important;
}


/* İndirimli fiyatı yeşil yap */
.price{
  color: #16a34a !important; /* modern, güven veren yeşil */
  font-weight: 700;
}

/* Eski fiyat: kırmızı + üstü çizili */
.origin-price{
  color: #dc2626 !important;
  font-weight: 600;
  text-decoration: line-through;
  opacity: 0.85;
}
/* Aktif menü arka planını kaldır */
.thim-ekits-menu__nav 
li.current-menu-item > a,
.thim-ekits-menu__nav 
li.current_page_item > a {
    background: transparent !important;
    background-color: transparent !important;
}


.joy-auth{
  display:flex;
  justify-content:center;
  padding:40px 16px;
}

.joy-card{
  width:100%;
  max-width:420px;
  background:#fff;
  padding:28px;
  border-radius:20px;
  box-shadow:0 15px 40px rgba(0,0,0,.1);
}

.joy-head{text-align:center;margin-bottom:20px;}
.joy-head h2{font-size:32px;margin:0;}
.joy-head p{font-size:17px;color:#555;}

.joy-tabs{display:flex;gap:10px;margin-bottom:16px;}
.joy-tab{
  flex:1;
  padding:12px;
  border-radius:12px;
  border:1px solid #ddd;
  background:#f2f2f2;
  font-weight:700;
  cursor:pointer;
}
.joy-tab.is-active{
  background:#623EFF;
  color:#fff;
}

.joy-form{display:none;flex-direction:column;gap:12px;}
.joy-form.is-active{display:flex;}

.joy-form input{
  padding:14px;
  border-radius:14px;
  border:1px solid #ccc;
  font-size:17px;
}

.joy-btn{
  padding:15px;
  border-radius:16px;
  font-size:17px;
  font-weight:800;
  cursor:pointer;
  border:none;
}

.joy-primary{
  background:#623EFF;
  color:#fff;
}

.joy-secondary{
  background:#eee;
  color:#111;
}

.joy-or{
  text-align:center;
  font-size:14px;
  color:#777;
  margin:6px 0;
}

/* Joy Auth force toggle */
[data-joy-auth] .joy-alert{ display:none !important; }
[data-joy-auth] .joy-alert.is-show{ display:block !important; }

[data-joy-auth] .joy-form{ display:none !important; }
[data-joy-auth] .joy-form.is-active{ display:flex !important; }

[data-joy-auth] .joy-tab.is-active{ background:#623EFF !important; color:#fff !important; }

[data-joy-auth] .joy-error{
  border-color:#e63946 !important;
  box-shadow:0 0 0 3px rgba(230,57,70,.15) !important;
}

body.woocommerce-cart #breadcrumbs,
body.woocommerce-checkout #breadcrumbs {
    display: none !important;
}

/* =====================================================
   JOY AKADEMİ – SATIŞA UYGUN SON HAL
   ===================================================== */

.joy-courses{
  max-width:1200px;
  margin:0 auto;
  padding:40px 16px;
}

/* GRID */
.joy-courses ul.learn-press-courses{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:32px !important;
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}

@media(max-width:1024px){
  .joy-courses ul.learn-press-courses{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .joy-courses ul.learn-press-courses{grid-template-columns:1fr}
}

/* KART */
.joy-courses li.course{
  background:#fff !important;
  border-radius:22px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.10) !important;
  overflow:hidden !important;
}

/* ❗ GERÇEK FIX: yatay yapıyı öldür */
.joy-courses li.course > .course-item{
  display:flex !important;
  flex-direction:column !important;
}

/* GÖRSEL – ARTIK YAZI KESİLMİYOR */
.joy-courses .course-thumbnail{
  width:100% !important;
  height:260px !important;
  background:#f8fafc;
}

.joy-courses .course-thumbnail img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important; /* 🔴 EN KRİTİK SATIR */
  padding:16px;
}

/* İÇERİK */
.joy-courses .course-content{
  padding:24px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  color:#0f172a !important;
}

/* YILDIZ */
.joy-courses .review-stars-rated svg{
  width:16px;
  height:16px;
  stroke:#f59e0b;
}

/* BAŞLIK */
.joy-courses .course-title{
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
}

/* AÇIKLAMA */
.joy-courses .course-short-description{
  font-size:15px !important;
  line-height:1.6 !important;
  color:#475569 !important;
}

/* GEREKSİZLER KAPALI */
.joy-courses .course-wrap-meta,
.joy-courses .course-instructor-category,
.joy-courses .meta-item,
.joy-courses .course-count-student{
  display:none !important;
}

/* ALT SATIŞ */
.joy-courses .course-info{
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* FİYAT */
.joy-courses .origin-price{
  color:#94a3b8 !important;
  text-decoration:line-through !important;
  font-size:15px;
}

.joy-courses .price{
  color:#16a34a !important;
  font-size:26px;
  font-weight:900;
}

/* 🔥 BUTON – YAZI GÖRÜNÜR VE NET */
.joy-courses .course-readmore a{
  width:100%;
  display:block !important;
  text-align:center;
  padding:16px 0;
  background:linear-gradient(135deg,#7c5cff,#a78bfa);
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  border-radius:16px;
  text-decoration:none !important;
  box-shadow:0 14px 32px rgba(124,92,255,.35);
}

/* Mağazaya Geri Dön Butonu – Joy Akademi Mor Stil */
.return-to-shop .wc-backward{
  display: inline-block !important;
  background: linear-gradient(135deg, #6721EF, #8B5CF6) !important;
  color: #ffffff !important;
  padding: 14px 32px !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 10px 25px rgba(103,33,239,0.35);
  transition: all 0.25s ease;
}

/* Hover Efekti */
.return-to-shop .wc-backward:hover{
  background: linear-gradient(135deg, #5B18D6, #7C3AED) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(103,33,239,0.45);
  color: #ffffff !important;
}

/* Mobilde Ortala */
.return-to-shop{
  text-align: center;
  margin-top: 24px;
}

/* Şifremi Unuttum Butonu – İnce & Minimal */
.joy-linkbtn{
  font-size: 15px !important;
  font-weight: 400 !important; /* Kalınlığı kaldırır */
  text-decoration: none !important; /* Alt çizgiyi kaldırır */
  color: #6D28D9 !important; /* Joy mor ton */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer;
}

/* Hover'da hafif vurgu */
.joy-linkbtn:hover{
  color: #5B21B6 !important;
  text-decoration: none !important;
}

.joy-cta:hover {
  color: #ffffff !important;
}

#breadcrumbs {
  display: none !important;
}


/* === LearnPress Profil Menü - Aktif Tab === */
.lp-profile-nav-tabs li.active > a,
.lp-profile-nav-tabs li.active > a i {
    background-color: #4C00FF !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* Hover */
.lp-profile-nav-tabs li > a:hover,
.lp-profile-nav-tabs li > a:hover i {
    background-color: #4C00FF !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* Ayarlar alt menü */
.lp-profile-nav-tabs .profile-tab-sections li.active > a,
.lp-profile-nav-tabs .profile-tab-sections li > a:hover {
    background-color: #4C00FF !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* LearnPress Butonlar */
.learn-press .lp-button,
.learn-press .lp-button:hover {
    background-color: #4C00FF !important;
    border-color: #4C00FF !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* Badge / Progress */
.learn-press .lp-badge,
.learn-press .lp-progress-bar .lp-progress-value {
    background-color: #4C00FF !important;
    border-radius: 8px !important;
}


/* === LearnPress Icon Renklerini Mor Yap === */
.lp-profile-nav-tabs i[class^="lp-icon"],
.lp-profile-nav-tabs i[class*=" lp-icon"] {
    color: #4C00FF !important;
}


/* Aktif ve hover ikonlar beyaz */
.lp-profile-nav-tabs li.active i,
.lp-profile-nav-tabs li:hover i {
    color: #fff !important;
}


.info-meta-item:has(.course-count-student) {
    display: none !important;
}

/* Hemen Başla (LearnPress Enroll) - mor siyah mor (genel override) */
button.lp-button.button-enroll-course,
.lp-button.button-enroll-course,
.learn-press button.lp-button.button-enroll-course,
.learnpress button.lp-button.button-enroll-course,
.course-buttons button.lp-button.button-enroll-course,
.course-buttons form.enroll-course button.lp-button.button-enroll-course,
form.enroll-course button.lp-button.button-enroll-course{
  -webkit-appearance: none !important;
  appearance: none !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #7b3fe4 0%, #000000 50%, #7b3fe4 100%) !important;
  background-repeat: no-repeat !important;

  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;

  box-shadow: 0 10px 26px rgba(123,63,228,0.35) !important;

  cursor: pointer !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

/* Hover */
button.lp-button.button-enroll-course:hover,
.course-buttons button.lp-button.button-enroll-course:hover,
form.enroll-course button.lp-button.button-enroll-course:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(123,63,228,0.5) !important;
}

/* Tema overlay/pseudo varsa kapat */
button.lp-button.button-enroll-course::before,
button.lp-button.button-enroll-course::after,
.course-buttons button.lp-button.button-enroll-course::before,
.course-buttons button.lp-button.button-enroll-course::after{
  content: none !important;
  display: none !important;
}

/* Bazı temalar butonun iç span’ına arka plan basıyor, temizle */
button.lp-button.button-enroll-course *{
  background: transparent !important;
  background-image: none !important;
}
/* Kursu Bitir Butonu - mor siyah mor */
#joy-all-courses-page .btn-finish-course,
button.btn-finish-course,
.lp-button.btn-finish-course,
.course-buttons .btn-finish-course{

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  height: 46px !important;

  border-radius: 999px !important;
  border: 0 !important;

  background: transparent !important;
  background-image: linear-gradient(90deg,
    #7b3fe4 0%,
    #000000 50%,
    #7b3fe4 100%
  ) !important;

  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;

  box-shadow: 0 10px 26px rgba(123,63,228,0.35) !important;

  cursor: pointer !important;
  transition: all 0.25s ease;
}

/* Hover */
#joy-all-courses-page .btn-finish-course:hover,
button.btn-finish-course:hover,
.lp-button.btn-finish-course:hover,
.course-buttons .btn-finish-course:hover{

  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(123,63,228,0.5) !important;
}

/* Tema overlay temizleme */
#joy-all-courses-page .btn-finish-course::before,
#joy-all-courses-page .btn-finish-course::after,
.btn-finish-course::before,
.btn-finish-course::after{
  content: none !important;
  display: none !important;
}


/* Kurs Detay Header - mor siyah mor premium */
.lp-single-course__header{
  background: none !important;
  background-color: transparent !important;

  background-image: linear-gradient(135deg,
    #7b3fe4 0%,
    #000000 50%,
    #7b3fe4 100%
  ) !important;

  box-shadow: 0 12px 34px rgba(123,63,228,0.35) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* İç alan biraz yumuşasın */
.lp-single-course__header__inner{
  background: transparent !important;
  padding: 36px 24px !important;
}

/* Yazılar daha net dursun */
.lp-single-course__header,
.lp-single-course__header h1,
.lp-single-course__header a,
.lp-single-course__header span,
.lp-single-course__header label{
  color: #ffffff !important;
}

/* Breadcrumb ikon ve ayraçlar */
.lp-single-course__header .breadcrumb-delimiter,
.lp-single-course__header i{
  color: rgba(255,255,255,0.6) !important;
}

/* Alt bilgi satırı */
.lp-single-course-info-one .item-meta{
  color: rgba(255,255,255,0.85) !important;
}

/* Kurs detay info ikonları - mor renk */
#joy-all-courses-page .info-metas i,
.lp-single-course__header .info-metas i,
.lp-single-course-content .info-metas i,
.info-metas i.lp-icon-user-graduate,
.info-metas i.lp-icon-file-o,
.info-metas i.lp-icon-clock-o,
.info-metas i.lp-icon-puzzle-piece,
.info-metas i.lp-icon-signal{
  
  color: #4C00FF !important;
  fill: #4C00FF !important;
}

/* Sepeti Görüntüle Butonu - mor siyah mor */
#joy-all-courses-page .wrap-btn-add-course-to-cart .lp-button,
.wrap-btn-add-course-to-cart .lp-button,
.course-buttons .wrap-btn-add-course-to-cart .lp-button,
.course-buttons .lp-button{
  
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  height: 46px !important;

  border-radius: 999px !important;
  border: 0 !important;

  background: transparent !important;
  background-image: linear-gradient(90deg,
    #7b3fe4 0%,
    #000000 50%,
    #7b3fe4 100%
  ) !important;

  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;

  box-shadow: 0 10px 26px rgba(123,63,228,0.35) !important;

  cursor: pointer !important;
  transition: all 0.25s ease;
}

/* Hover */
.wrap-btn-add-course-to-cart .lp-button:hover,
.course-buttons .lp-button:hover{
  
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(123,63,228,0.5) !important;
}

/* Tema overlay temizleme */
.wrap-btn-add-course-to-cart .lp-button::before,
.wrap-btn-add-course-to-cart .lp-button::after,
.course-buttons .lp-button::before,
.course-buttons .lp-button::after{
  
  content: none !important;
  display: none !important;
}

/* Kurs puan yıldızlarını gizle */
.review-stars-rated,
.lp-course-review .review-stars-rated,
.lp-single-course .review-stars-rated,
.lp-review-stars,
.lp-review-stars-rated{
  display: none !important;
}


/* Eğitmen sosyal ikonları - circle kaldır, ikonlar mor kalsın */
.instructor-social a{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;

  width: auto !important;
  height: auto !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-right: 12px !important;
}

/* Circle efekti linkin pseudo katmanından geliyorsa sadece onu kapat */
.instructor-social a::before,
.instructor-social a::after{
  content: none !important;
  display: none !important;
}

/* İkon rengi (font icon) */
.instructor-social a i{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: #4C00FF !important;
  font-size: 20px !important;
  line-height: 1 !important;

  transition: transform .2s ease, color .2s ease;
}

/* Hover */
.instructor-social a:hover i{
  color: #4C00FF !important;
  transform: translateY(-2px);
}

.instructor-social a i.lp-user-ico{
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Eğitmen sosyal ikonlarını mor yap (font-icon için) */
.instructor-social i,
.instructor-social i::before{
  color: #4C00FF !important;
}

.instructor-social i::before{
  fill: #4C00FF !important;
}

/* Giriş Yap Butonu - Siyah Mor Siyah */
button.joy-btn.joy-primary{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 32px;
  border-radius: 999px !important;
  font-size: 16px;
  font-weight: 600;
  border: none !important;
  color: #ffffff !important;
  background-image: linear-gradient(90deg, #000000 0%, #4C00FF 50%, #000000 100%) !important;
  background-size: 200% 100%;
  box-shadow: 0 10px 26px rgba(76,0,255,0.35) !important;
  transition: all .35s ease;
}

/* Hover */
button.joy-btn.joy-primary:hover{
  background-position: 100% 0;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(76,0,255,0.45) !important;
  color: #ffffff !important;
}

/* Tema pseudo overlay varsa iptal */
button.joy-btn.joy-primary::before,
button.joy-btn.joy-primary::after{
  content: none !important;
  display: none !important;
}

/* Sepet hover rengi */
.joy-action:hover .joy-text,
.joy-action:hover svg {
    color: #443f8f !important;
    fill: #443f8f !important;
}
.joy-action:hover .joy-text {
    color: #443f8f !important;
}


/* Joy Akademi - Kurs kartı "Eğitimi Görüntüle" premium buton */
.course-readmore a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 12px 18px;
  border-radius: 14px;

  background: linear-gradient(90deg, #0b0b10 0%, #5b2cff 50%, #0b0b10 100%);
  color: #ffffff !important;

  border: 1px solid rgba(255,255,255,.12);
  text-decoration: none !important;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;

  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background-position .18s ease;
  background-size: 200% 200%;
  background-position: 0% 50%;

  opacity: 1 !important;
  visibility: visible !important;
}

/* JOY AKADEMİ - EĞİTİMİ GÖRÜNTÜLE BUTONU (ZORLA PREMIUM) */
.course-readmore a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 12px 20px !important;
  border-radius: 14px !important;

  background: linear-gradient(90deg, #0b0b10 0%, #5b2cff 50%, #0b0b10 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;

  color: #ffffff !important;

  border: 1px solid rgba(255,255,255,.15) !important;

  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover - Kaybolma fix */
.course-readmore a:hover,
.course-readmore a:focus,
.course-readmore a:active{
  background: linear-gradient(90deg, #0b0b10 0%, #7a4cff 50%, #0b0b10 100%) !important;
  background-position: 100% 50% !important;

  color: #ffffff !important;

  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(0,0,0,.28) !important;

  opacity: 1 !important;
  visibility: visible !important;
}

a.instructor-btn-view{
    background: #6f42c1 !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    color: #ffffff !important;
}

/* Tema overlay temizleme */
a.instructor-btn-view::before,
a.instructor-btn-view::after{
    content: none !important;
    display: none !important;
}

/* İlerleme Barı (Turuncu Çizgi) */
.course-progress__line__active{
    background: linear-gradient(90deg, #000000, #6f42c1, #000000) !important;
    box-shadow: none !important;
}

/* Yüzde Yazısı */
.course-progress__number .number,
.course-progress__number .percentage{
    background: linear-gradient(90deg, #000000, #6f42c1, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}


/* GENEL FİYAT RENKLERİ (Site geneli) */
:root{
  --joy-black: #111111;
  --joy-purple: #5b2cff; /* istersen kendi mor tonunu yaz */
}

/* WooCommerce genel fiyat */
.woocommerce .price,
.woocommerce-Price-amount.amount,
span.price,
.price,
ins .amount,
ins .woocommerce-Price-amount,
.price ins,
.product .price,
.products .price{
  color: var(--joy-black) !important;
}

/* İndirimli / vurgu fiyatı (mor-siyah) */
.price--highlight,
.price--sale,
.sale-price,
ins,
ins .amount,
ins .woocommerce-Price-amount{
  color: var(--joy-purple) !important;
  text-decoration: none !important;
}

/* Eski fiyat (üstü çizili) */
del,
del .amount,
del .woocommerce-Price-amount,
.origin-price,
.price--compare{
  color: rgba(17,17,17,.55) !important;
  text-decoration: line-through !important;
}

/* LearnPress fiyat alanları (varsa) */
.lp-course-price,
.course-price,
.learn-press-course-results .course-price,
.learnpress .course-price{
  color: var(--joy-black) !important;
}


/* Açılışa Özel İndirim – Hareketli Gradient Yazı */
.course-price-suffix{
  display: block;
  margin-top: 8px;

  font-size: 14px;
  font-weight: 700;
  text-align: center;

  /* Arka plan yok */
  background: none !important;
  box-shadow: none !important;

  /* Gradient yazı */
  background-image: linear-gradient(
    90deg,
    #4C00FF,
    #7C3AED,
    #EC4899,
    #4C00FF
  );
  background-size: 300% 100%;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  letter-spacing: 0.3px;

  /* Animasyon */
  animation: joyTextFlow 3s linear infinite;
}

/* Gradient akış animasyonu */
@keyframes joyTextFlow{
  0%{
    background-position: 0% 50%;
  }
  100%{
    background-position: 300% 50%;
  }
}

/* Mobil */
@media (max-width: 768px){
  .course-price-suffix{
    font-size: 12px;
  }
}

/* Açılışa Özel İndirim – Hareketli Gradient Yazı (FIX) */
.course-price-suffix{
  display:block;
  margin-top:8px;

  font-size:14px;
  font-weight:700;
  text-align:center;
  letter-spacing:.3px;

  /* Arka plan kutusu yok */
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;

  /* Fallback (gradient desteklenmezse görünsün) */
  color:#4C00FF;

  /* Gradient yazı */
  background-color:transparent !important;
  background-image: linear-gradient(90deg,#4C00FF,#7C3AED,#EC4899,#4C00FF) !important;
  background-size:300% 100% !important;
  background-repeat:no-repeat !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;

  animation: joyTextFlow 3s linear infinite;
}

@keyframes joyTextFlow{
  0%{ background-position:0% 50%; }
  100%{ background-position:300% 50%; }
}

@media (max-width:768px){
  .course-price-suffix{ font-size:12px; }
}


/* Ürün / Kurs detay sayfası – Fiyat alanını ortala */
.single-lp_course .course-item-price{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;   /* Yatay ortalama */
  justify-content: center !important;
  text-align: center !important;
  gap: 6px;
}

/* İçindeki tüm fiyatları ortala */
.single-lp_course .course-item-price span{
  text-align: center !important;
}

/* Açılışa özel indirim yazısı */
.single-lp_course .course-price-suffix{
  display: block !important;
  width: 100%;
  text-align: center !important;
  margin-top: 6px;
}

/* KURS KARTI - fiyat + indirim yazısı + buton komple ortalansın */
.course-item .course-content .course-info{
  display: flex !important;
  flex-direction: column;
  align-items: center !important;     /* tüm içeriği yatay ortalar */
  justify-content: center;
  text-align: center !important;
  width: 100%;
}

/* Fiyat bloğu komple ortalansın */
.course-item .course-content .course-info .course-price,
.course-item .course-content .course-info .course-item-price{
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center;
  text-align: center !important;
  width: 100%;
}

/* Eski ve yeni fiyatı ortada ve alt alta */
.course-item .course-content .course-info .origin-price,
.course-item .course-content .course-info .price{
  display: block;
  text-align: center !important;
  width: 100%;
}

/* İndirim yazısı ortada */
.course-item .course-content .course-info .course-price-suffix{
  display: block;
  text-align: center !important;
  width: 100%;
  margin-top: 6px;
}

/* Butonu tam ortaya al */
.course-item .course-content .course-info .course-readmore{
  width: 100%;
  display: flex;
  justify-content: center;
}

.course-item .course-content .course-info .course-readmore a{
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.social-swapper.social-share-toggle{
  display: none !important;
}

.course-title{
  font-weight: 600 !important; /* ideal denge */
  line-height: 1.3;
}


.course-title{
  font-weight: 600 !important;
}



/* Reklam Platformları Eğitimi kategori başlığı + açıklama (LearnPress arşiv header) */
.learn-press-courses-header{
  max-width: 1100px;          /* metin çok yayılmasın */
  margin: 0 auto 18px;
  padding: 22px 18px 10px;
}

.learn-press-courses-header h1{
  font-size: clamp(26px, 2.2vw, 38px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
  color: #111;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.learn-press-courses-header .lp-archive-course-term-description{
  max-width: 900px;           /* paragraf daha rahat okunur */
}

.learn-press-courses-header .lp-archive-course-term-description p{
  margin: 0;
  font-size: clamp(15px, 1.05vw, 18px);
  line-height: 1.75;
  letter-spacing: 0.01em;
  color: rgba(17,17,17,0.85);
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;          /* destekleyen tarayıcılarda daha iyi satır kırılımı */
}

/* Mobilde biraz daha nefes */
@media (max-width: 768px){
  .learn-press-courses-header{
    padding: 18px 14px 8px;
  }
  .learn-press-courses-header h1{
    margin-bottom: 8px;
  }
}

.learn-press-courses-header h1{
  visibility:hidden;
  position:relative;
}

.learn-press-courses-header h1::after{
  content:"Tüm Eğitimler";
  visibility:visible;
  position:absolute;
  left:0;
  top:0;
}

/* Mobilde genişlik taşımasını kes */
@media (max-width: 991px){
  html, body{
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

/* Desktop’ta sticky çalışsın */
@media (min-width: 992px){
  html, body{
    overflow-x: visible !important;
    overflow-y: visible !important;
  }
}

/* Sağ panel sticky (desktop) */
body.single-lp_course .lp-single-course-main__right{
  align-self: flex-start;
}
body.single-lp_course .lp-single-course-main__right__inner{
  position: sticky;
  top: 110px;
}

/* Mobilde sticky kapat */
@media (max-width: 991px){
  body.single-lp_course .lp-single-course-main__right__inner{
    position: static;
    top: auto;
  }
}

@media (min-width: 992px){
  body.single-lp_course .lp-single-course-main{
    align-items: flex-start; /* display flex/grid olsa bile bu sticky'ye yardım eder */
  }
  body.single-lp_course .lp-single-course-main__right{
    align-self: flex-start;
  }
}

/* Mobil overflow fixin kalsın; sticky desktop'a özel */
@media (max-width: 991px){
  html, body{
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

/* Desktop: layout net flex + sticky */
@media (min-width: 992px){
  /* ana satırı flex'e zorla */
  body.single-lp_course .lp-single-course-main{
    display: flex !important;
    align-items: flex-start !important;
    gap: 30px;
  }

  /* sol taraf genişlesin */
  body.single-lp_course .lp-single-course-main__left{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* sticky direkt outer'a */
  body.single-lp_course .lp-single-course-main__right{
    flex: 0 0 380px !important;
    width: 380px !important;
    max-width: 380px !important;

    position: sticky !important;
    top: 20px !important;          /* 0 / 10 / 20 dene */
    height: fit-content !important;
    z-index: 5 !important;
  }

  /* inner'daki sticky'yi kaldır (çakışmasın) */
  body.single-lp_course .lp-single-course-main__right__inner{
    position: static !important;
    top: auto !important;
  }
}

/* Kurs başlıklarını biraz büyüt */
.wap-course-title .course-title{
  font-size: 22px !important; /* Varsayılan genelde 16-18px olur */
  line-height: 1.4;
  font-weight: 600; /* Çok kalın olmaması için */
}

@media (max-width: 768px){
  .wap-course-title .course-title{
    font-size: 18px !important;
  }
}

.meta-item.meta-item-lesson {
    display: none !important; }

/* Google'dan Fontu Tüm Site İçin Çağırıyoruz */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* Temanın kök font değişkenini eziyoruz */
:root {
    --lp-font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* "Akıllı Seçici" Yöntemi: 
   Sitedeki HER ŞEYİ Jakarta yap, FAKAT ikon etiketlerini (i) ve sınıflarını (fa-, lp-icon) HARİÇ TUT.
*/
body *:not(i):not([class*="fa-"]):not([class*="fas"]):not([class*="far"]):not([class*="fab"]):not([class^="lp-icon-"]):not(.dashicons) {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Sayfa yüklenirken beliren istenmeyen liste noktalarını kapat */
ul.learn-press-courses, 
ul.learn-press-courses li,
.learn-press-courses .course {
    list-style: none !important;
    list-style-type: none !important;
}