/* =========================
   BASE CONTENT
========================= */

.page-wrapper{
  padding-top:24px;
  padding-bottom:40px;
}

.pageTitle{
  display:none;
}

.page-wrapper > h1{
  display:none;
}

.small{
  color:#6b7280;
  font-size:14px;
  line-height:1.7;
}

.grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.card{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:26px;
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}

.card h2,
.card h3{
  margin-top:0;
  color:#111827;
}

.btn2{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.1);
  background:#fff;
  color:#111827;
  font-weight:700;
  text-decoration:none;
}

/* =========================
   BREADCRUMB
========================= */

.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:20px;
  font-size:15px;
  color:rgba(15,23,42,.65);
}

.breadcrumb a{
  color:inherit;
  text-decoration:none;
}

.breadcrumb a:hover{
  color:#1d4ed8;
}

.breadcrumb .sep{
  opacity:.45;
}

/* =========================
   POSTS
========================= */

.postsList{
  margin-top:6px;
}

.postCard{
  margin-bottom:18px;
}

.postCard h2{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.2;
  font-weight:800;
}

.postExcerpt{
  margin-bottom:12px;
}

.postBody{
  font-size:16px;
  line-height:1.8;
  color:#1f2937;
}

.postBody p{
  margin-top:0;
  margin-bottom:1em;
}

.postCardImage{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:12px;
  margin-bottom:12px;
  display:block;
}

/* =========================
   CHILD PAGES
========================= */

.childPagesSection{
  margin-top:28px;
}

.childPagesSection .sectionTitle{
  text-align:left;
  font-size:28px;
  margin-bottom:18px;
}

.childPageCard{
  display:block;
  text-decoration:none;
  color:inherit;
  transition:transform .18s ease, box-shadow .18s ease;
}

.childPageCard:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 36px rgba(0,0,0,.08);
}



/* =========================
   MISSION
========================= */

.missionPremium{
  padding:72px 0 24px;
}

.missionTitle{
  text-align:center;
  font-size:44px;
  font-weight:800;
  margin:0 0 34px;
}

.missionGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.missionCard{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:34px 28px 30px;
  text-align:center;
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}

.missionCard h3{
  margin:0 0 14px;
  font-size:28px;
  font-weight:800;
}

.missionCard p{
  margin:0;
  font-size:17px;
  line-height:1.75;
  color:#6b7280;
}

.missionIconWrap{
  width:72px;
  height:72px;
  margin:0 auto 18px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.missionIconWrap-people{
  background:#fce7ef;
  color:#cc4b6c;
}

.missionIconWrap-book{
  background:#fff4cc;
  color:#d4a106;
}

.missionIconWrap-heart{
  background:#e8f8ef;
  color:#47b978;
}

.missionIcon{
  font-size:31px;
  line-height:1;
  font-weight:700;
}

/* =========================
   EVENTS
========================= */

.homeEvents{
  padding:70px 0 24px;
}

.eventsGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.eventCard{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  padding:26px;
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}

.eventDate{
  font-size:14px;
  color:#2563eb;
  font-weight:700;
  margin-bottom:8px;
}

.eventCard h3{
  margin:0 0 10px;
  font-size:20px;
}

.eventCard p{
  margin:0;
  color:#6b7280;
  line-height:1.6;
}

/* =========================
   COURSES
========================= */

.courseHomeTop{
  margin-top:8px;
}

.courseInfoGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.courseInfoCard{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  padding:22px 18px;
  text-align:center;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}

.courseInfoCard h3{
  margin:0 0 8px;
  font-size:18px;
}

.courseInfoCard p{
  margin:0;
  font-size:14px;
  color:#6b7280;
}

.courseRegisterBox{
  margin-top:34px;
  background:linear-gradient(90deg,#fbe7ea 0%, #f6eedf 50%, #edf8ef 100%);
  border:1px solid rgba(15,23,42,.06);
  border-radius:16px;
  padding:34px 24px;
}

.courseRegisterInner{
  max-width:920px;
  margin:0 auto;
  text-align:center;
}

.courseRegisterInner h2{
  margin:0 0 12px;
  font-size:32px;
}

.courseRegisterInner p{
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:#4b5563;
}

.courseMoreInfo{
  margin-top:30px;
}

.courseMoreInfo h2{
  margin:0 0 12px;
  font-size:30px;
}

.courseMoreInfo p{
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:#4b5563;
}

.courseActions{
  margin-top:22px;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.courseBtnPrimary,
.courseBtnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.courseBtnPrimary{
  background:#dd4052;
  color:#fff;
  box-shadow:0 10px 24px rgba(221,64,82,.22);
}

.courseBtnSecondary{
  background:#dd4052;
  color:#fff;
  box-shadow:0 10px 24px rgba(221,64,82,.18);
}

.courseBtnPrimary:hover,
.courseBtnSecondary:hover{
  transform:translateY(-1px);
  opacity:.96;
}

.courseMoreInfo .courseActions{
  justify-content:flex-start;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width:1000px){
  .courseInfoGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .grid,
  .missionGrid,
  .eventsGrid{
    grid-template-columns:1fr;
  }

  .heroPremium{
    min-height:380px;
  }

  .missionTitle{
    font-size:32px;
  }

  .missionCard h3{
    font-size:22px;
  }
}

@media (max-width:700px){
  .courseInfoGrid{
    grid-template-columns:1fr;
  }

  .courseRegisterInner h2,
  .courseMoreInfo h2{
    font-size:26px;
  }

  .courseRegisterInner p,
  .courseMoreInfo p{
    font-size:15px;
  }
}


/* =========================
   HERO (TEMİZ + FIX)
========================= */

.heroPremium{
  position:relative;
  min-height:520px; /* 🔥 fix */
  display:flex;
  align-items:center;
  border-radius:20px;
  overflow:hidden;
  margin-bottom:40px;

  background-image:var(--hero-img);
  background-size:cover;
  background-position:center top; /* 🔥 daha az keser */
}

/* overlay */
.heroPremium::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.25));
}

/* içerik */
.heroPremiumInner{
  position:relative;
  z-index:2;
  width:100%;
}

.heroPremiumContent{
  max-width:700px;
  padding:60px 30px;
  color:#fff;
}

.heroPremiumTitle{
  font-size:42px;
  font-weight:800;
  margin-bottom:14px;
}

.heroPremiumSubtitle{
  font-size:18px;
  opacity:.9;
  margin-bottom:20px;
}

.heroPremiumBtn{
  display:inline-block;
  padding:10px 18px;
  border-radius:10px;
  background:#fff;
  color:#111;
  font-weight:700;
}


/* =========================
   HOME CARDS GRID
========================= */

.homeCardsGrid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:16px;
}

/* kart base */
.homeCard{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:22px;
  text-align:center;
  transition:.25s;
}

.homeCard:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

/* boyutlar */
.homeCard.small{ grid-column: span 3; }
.homeCard.medium{ grid-column: span 4; }
.homeCard.big{ grid-column: span 12; }

/* içerik */
.homeCard h3{
  margin:0 0 8px;
  font-size:18px;
}

.homeCard p{
  margin:0;
  font-size:14px;
  color:#6b7280;
}

.homeCard .courseInfoIcon{
  font-size:24px;
  margin-bottom:10px;
}


/* =========================
   CARDS (GENEL)
========================= */

.card{
  transition:.25s;
}

.card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,.08);
}


/* =========================
   DRAG & ADMIN
========================= */

.card.dragging{
  opacity:.6;
  transform:scale(1.05);
  box-shadow:0 20px 40px rgba(0,0,0,.25);
}

.dragHandle{
  user-select:none;
  cursor:grab;
}


/* =========================
   ANIMATION
========================= */

.fadeUp{
  opacity:0;
  transform:translateY(20px);
  transition:.6s ease;
}

.fadeUp.show{
  opacity:1;
  transform:translateY(0);
}

.heroPremium{
  width:100vw;
  margin-left:calc(50% - 50vw);
}
.heroSlider{
  width:100vw;
  margin-left:calc(50% - 50vw);
}

.heroSlide{
  display:none;
  min-height:520px;
  background-size:cover;
  background-position:center;
}
.courseInfoIcon{
  width:64px;
  height:64px;
  border-radius:16px;
  background:#f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
}

.courseInfoIcon img{
  width:32px;
  height:32px;
}
.homeCard{
  display:flex;
  flex-direction:column;
  align-items:center;   /* yatay ortala */
  justify-content:center;
  text-align:center;
}
/* HERO SLIDER FIX */

.heroSlider{
  position:relative;
  height:520px;
  overflow:hidden;
  border-radius:20px;
}

.heroSlide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  display:none;
}

.heroSlide.active{
  display:flex;
  align-items:center;
}

.heroSlide .heroPremiumContent{
  max-width:700px;
  padding:60px;
  color:#fff;
  z-index:2;
}

.heroSlide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.25));
}

.homeSection.reverse{
direction:rtl;
}

.homeSection.reverse *{
direction:ltr;
}
.homeSections{
  display:flex;
  flex-direction:column;
  gap:30px;
  margin-top:40px;
}
.homeSectionImage img{
  width:100%;
  border-radius:20px;
  box-shadow:0 20px 50px rgba(0,0,0,.1);
  transition:transform .6s ease;
}

.homeSectionText p{
  color:#555;
  line-height:1.7;
  font-size:16px;
}
/* ===== HOME SECTIONS PREMIUM ===== */


/* hover efekti */
.homeSectionImage{
  overflow:hidden;
  border-radius:20px;
}

.homeSection:hover .homeSectionImage img{
  transform:scale(1.05);
}

/* text animasyon */
.homeSectionText h3{
  font-size:28px;
  font-weight:800;
  margin-bottom:15px;
  transition:.3s;
}

.homeSection:hover h3{
  color:#2563eb;
}

/* button */
.sectionBtn{
  display:inline-block;
  margin-top:20px;
  padding:12px 20px;
  border-radius:12px;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
  font-weight:600;
  transition:.3s;
}

.sectionBtn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,.15);
}
.homeSection{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:40px;
  margin:20px 0;
  align-items:center;
  opacity:0;
  transform:translateY(40px);
  transition:.6s ease;
}

.homeSection.show{
  opacity:1;
  transform:translateY(0);
}
/* =========================
   MINI SECTIONS (ALT SATIR)
========================= */

.homeSectionsMini{
  margin-top: 40px;
}

.miniRow{
  display: flex;
  gap: 16px;
  overflow: hidden;
}

.miniCard{
  min-width: 180px;
  max-width: 220px;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #eee;
  flex-shrink: 0;
  transition: transform .2s ease, box-shadow .2s ease;
}

.miniCard img{
  width: 100%;
  height: 100px;
  object-fit: cover;
}

.miniCard span{
  display: block;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
}

.miniCard:hover{
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
@media (max-width:768px){
  .miniRow{
    overflow-x: auto;
  }

  .miniCard{
    min-width: 140px;
  }
}
/* =========================
   SHARE BAR PREMIUM (FINAL)
========================= */

.shareBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:24px 0 42px;
  padding:14px 18px;
  border-radius:16px;
  background:#f8f9fb;
  border:1px solid #eee;
}

/* text */
.shareText{
  font-weight:600;
  font-size:14px;
  color:#555;
}

/* icons wrapper */
.shareIcons{
  display:flex;
  gap:10px;
}

/* buttons */
.shareBtn{
  width:40px;
  height:40px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:0;
  cursor:pointer;
  transition:all .25s ease;
  position:relative;
  overflow:hidden;
}

.shareBtn{
  width:40px;
  height:40px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:all .25s ease;
}

.shareBtn{
  width:40px;
  height:40px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:18px;
  border:0;
  cursor:pointer;
  transition:all .25s ease;
}

/* brand */
.shareBtn.fb{ background:#1877f2; }
.shareBtn.x{ background:#000; }
.shareBtn.wa{ background:#25d366; }
.shareBtn.tg{ background:#229ed9; }
.shareBtn.copy{ background:#6b7280; }

/* hover sexy */
.shareBtn:hover{
  transform:translateY(-3px) scale(1.1);
  box-shadow:0 10px 25px rgba(0,0,0,0.2);
}