/* ILD - WP Özelleştir > Ek CSS'ten temaya taşınan içerik sayfası stilleri. */
/* =========================================================
   İLKOKUL DİJİTAL - İÇERİK SAYFASI TEK TEMİZ EK CSS
   v8-clean
   ========================================================= */


/* DIŞ BAŞLIK / DIŞ META GİZLEME */
body.single-post .ild-single-card > h1:first-child,
body.single-post .ild-single-card > .post-meta-info,
body.single-post .ild-single-card > .entry-meta,
body.single-post .ild-single-card > .ild-post-meta,
body.single-post .ild-single-card > .post-meta,
body.single-post .ild-single-card > .single-post-meta,
body.single-post .ild-single-card > .meta,
body.single-post .ild-single-card > .text-muted,
body.single-post .ild-single-card > .small.text-muted,
body.single-post .ild-single-card > .d-flex.align-items-center.text-muted,
body.single-post article > h1.entry-title,
body.single-post article > .entry-meta,
body.single-post article > .post-meta,
body.single-post article > .ild-post-meta,
body.single-post .entry-header,
body.single-post .post-meta-info{
  display:none !important;
}

body.single-post .ild-single-card,
body.single-post .ild-single-card .entry-content,
body.single-post .entry-content,
body.single-post .card-body{
  padding-top:0 !important;
  margin-top:0 !important;
}


/* ANA KAPSAM */
.ild-ozel-icerik{
  --ild-bg:#e0f2fe;
  --ild-surface:#f0f9ff;
  --ild-card:#ffffff;
  --ild-border:rgba(2,100,170,.18);
  --ild-text:#082f49;
  --ild-muted:#1e5f8a;
  --ild-yellow:#d97706;
  --ild-green:#16a34a;
  --ild-purple:#9333ea;
  --ild-orange:#ea580c;
  --ild-shadow:4px 4px 0 rgba(2,80,140,.18);
  --ild-shadow-strong:6px 6px 0 rgba(2,80,140,.18);

  font-family:'Nunito','Instrument Sans',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ild-text);
  line-height:1.55;
  max-width:1180px;
  margin:0 auto !important;
  padding:0 !important;
}

html[data-bs-theme="dark"] .ild-ozel-icerik,
body.dark-mode .ild-ozel-icerik,
body.theme-dark .ild-ozel-icerik{
  --ild-bg:#071224;
  --ild-surface:#111827;
  --ild-card:#111827;
  --ild-border:rgba(255,255,255,.18);
  --ild-text:#ffffff;
  --ild-muted:#e5f2ff;
  --ild-yellow:#ffcc00;
  --ild-green:#22c55e;
  --ild-purple:#c084fc;
  --ild-orange:#fb923c;
  --ild-shadow:4px 4px 0 rgba(255,255,255,.07);
  --ild-shadow-strong:6px 6px 0 rgba(56,189,248,.18);
}

.ild-ozel-icerik *,
.ild-ozel-icerik *::before,
.ild-ozel-icerik *::after{
  box-sizing:border-box;
}

.ild-ozel-icerik a{
  text-decoration:none !important;
}


/* DIŞ İÇERİK KABUĞU */
html body .ild-ozel-icerik .ild-oc-shell,
html body .entry-content .ild-ozel-icerik .ild-oc-shell{
  background:linear-gradient(180deg,var(--ild-surface),var(--ild-bg));
  border:2px solid var(--ild-border);
  border-radius:20px;
  box-shadow:var(--ild-shadow);
  padding:12px !important;
  margin:0 !important;
  overflow:hidden;
}


/* ÜST BİLGİ KARTI */
html body .ild-ozel-icerik .ild-oc-hero,
html body .entry-content .ild-ozel-icerik .ild-oc-hero{
  position:relative;
  display:block !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden;
  background:var(--ild-card);
  border:2px solid var(--ild-text);
  border-radius:18px;
  padding:18px 22px !important;
  margin:0 !important;
  box-shadow:var(--ild-shadow-strong);
}

html body .ild-ozel-icerik .ild-oc-hero::before{
  content:"";
  position:absolute;
  width:150px !important;
  height:150px !important;
  right:-60px !important;
  top:-70px !important;
  border-radius:50%;
  background:var(--ild-yellow);
  filter:blur(65px);
  opacity:.10 !important;
  pointer-events:none;
}

html body .ild-ozel-icerik .ild-oc-hero::after{
  content:"";
  position:absolute;
  width:120px !important;
  height:120px !important;
  left:-55px !important;
  bottom:-65px !important;
  border-radius:50%;
  background:var(--ild-purple);
  filter:blur(65px);
  opacity:.07 !important;
  pointer-events:none;
}

html body .ild-ozel-icerik .ild-oc-hero-inner{
  position:relative;
  z-index:1;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
}


/* KART İÇİ TARİH / OKUMA / GÖRÜNTÜLENME */
.ild-ozel-icerik .ild-post-info{
  margin:0 0 14px 0 !important;
  padding:0 !important;
}

.ild-ozel-icerik .ild-post-info-title{
  display:none !important;
}

.ild-ozel-icerik .ild-post-info-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:0 auto 12px auto !important;
  padding:8px 10px !important;
  border:2px solid var(--ild-border);
  border-radius:14px;
  background:var(--ild-surface);
  box-shadow:3px 3px 0 var(--ild-border);
  font-size:.88rem;
  font-weight:800;
  color:var(--ild-muted) !important;
}

.ild-ozel-icerik .ild-post-info-meta span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}


/* PDF ETKİNLİĞİ ROZETİ GİZLİ */
html body .ild-ozel-icerik .ild-oc-tag{
  display:none !important;
}


/* İÇ BAŞLIK */
html body .ild-ozel-icerik .ild-oc-title,
html body .entry-content .ild-ozel-icerik .ild-oc-title{
  display:block !important;
  text-align:center !important;
  margin:0 0 12px 0 !important;
  padding:0 !important;
  font-family:'Fredoka','Nunito',system-ui,sans-serif;
  font-size:clamp(25px,2.15vw,36px) !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  font-weight:900 !important;
  color:var(--ild-text) !important;
}

html body .ild-ozel-icerik .ild-oc-title span{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
}


/* AÇIKLAMA */
html body .ild-ozel-icerik .ild-oc-lead{
  margin:0 0 12px 0 !important;
  padding:0 !important;
  max-width:100% !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:750;
  color:var(--ild-muted) !important;
}


/* SINIF / ALAN / TÜR / KULLANIM */
html body .ild-ozel-icerik .ild-oc-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px !important;
  margin:10px 0 0 0 !important;
}

html body .ild-ozel-icerik .ild-oc-meta-box{
  background:var(--ild-surface);
  border:2px solid var(--ild-border);
  border-radius:12px !important;
  padding:8px 10px !important;
  min-height:auto !important;
  box-shadow:3px 3px 0 var(--ild-border);
}

.ild-ozel-icerik .ild-oc-meta-label{
  display:block;
  font-size:.68rem !important;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ild-muted) !important;
}

.ild-ozel-icerik .ild-oc-meta-val{
  display:block;
  margin-top:2px;
  font-size:.92rem !important;
  font-weight:900;
  color:var(--ild-text) !important;
}


/* İÇERİK BLOKLARI */
html body .ild-ozel-icerik .ild-oc-block,
html body .ild-ozel-icerik .ild-oc-download{
  margin-top:14px !important;
}

.ild-ozel-icerik .ild-oc-block{
  background:var(--ild-card);
  border:2px solid var(--ild-border);
  border-radius:18px;
  box-shadow:var(--ild-shadow);
  overflow:hidden;
}

.ild-ozel-icerik .ild-oc-block-head{
  display:flex;
  align-items:center;
  gap:.55rem;
  background:linear-gradient(90deg,#0877bb,#1db7e6);
  color:white !important;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:11px 16px;
  font-size:.82rem;
}

.ild-ozel-icerik .ild-oc-block-body{
  padding:16px;
}


/* NASIL KULLANILIR LİSTESİ */
.ild-ozel-icerik .ild-oc-steps{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid;
  gap:9px;
}

.ild-ozel-icerik .ild-oc-steps li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:var(--ild-surface);
  border:2px solid var(--ild-border);
  border-radius:13px;
  padding:10px 12px;
  font-weight:750;
  color:var(--ild-text) !important;
  box-shadow:2px 2px 0 var(--ild-border);
}

.ild-ozel-icerik .ild-oc-check{
  width:22px;
  height:22px;
  border-radius:7px;
  background:var(--ild-green);
  color:white !important;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-weight:1000;
  line-height:1;
  margin-top:2px;
}

.ild-ozel-icerik .ild-oc-text,
.ild-ozel-icerik .ild-oc-note{
  margin:0 !important;
  font-weight:750;
  color:var(--ild-muted) !important;
}

.ild-ozel-icerik .ild-oc-note{
  border:2px dashed rgba(3,105,161,.36);
  background:linear-gradient(135deg,rgba(3,105,161,.10),rgba(22,163,74,.10));
  border-radius:14px;
  padding:14px 16px;
  color:var(--ild-text) !important;
}


/* DOSYA KARTI */
.ild-ozel-icerik .ild-oc-download{
  background:var(--ild-card);
  border:2px solid var(--ild-text);
  border-radius:20px;
  box-shadow:var(--ild-shadow-strong);
  overflow:hidden;
}

.ild-ozel-icerik .ild-oc-download-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 18px;
  background:linear-gradient(90deg,var(--ild-orange),var(--ild-yellow));
  color:#111827 !important;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  border-bottom:3px solid rgba(0,0,0,.14);
}

.ild-ozel-icerik .ild-oc-download-body{
  padding:16px;
}

.ild-ozel-icerik .ild-oc-file-card{
  display:grid;
  grid-template-columns:80px minmax(0,1fr)220px;
  gap:14px;
  align-items:center;
  background:var(--ild-surface);
  border:2px solid var(--ild-border);
  border-radius:16px;
  padding:14px;
  box-shadow:4px 4px 0 var(--ild-border);
}

.ild-ozel-icerik .ild-oc-cover{
  width:80px;
  height:96px;
  border:2px solid var(--ild-border);
  border-radius:14px;
  background:linear-gradient(160deg,#fff,#e7f5ff);
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:3px 3px 0 var(--ild-border);
}

html[data-bs-theme="dark"] .ild-ozel-icerik .ild-oc-cover,
body.dark-mode .ild-ozel-icerik .ild-oc-cover,
body.theme-dark .ild-ozel-icerik .ild-oc-cover{
  background:#050505;
}

.ild-ozel-icerik .ild-oc-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ild-ozel-icerik .ild-oc-pdf-badge{
  font-weight:1000;
  color:#ef4444 !important;
  background:white;
  border:2px solid #ef4444;
  padding:6px 7px;
  border-radius:8px;
  font-size:16px;
}

.ild-ozel-icerik .ild-oc-file-title{
  font-family:'Fredoka','Nunito',system-ui,sans-serif;
  font-size:1.08rem;
  line-height:1.2;
  font-weight:1000;
  color:var(--ild-text) !important;
  margin:0 0 5px !important;
}

.ild-ozel-icerik .ild-oc-file-note{
  margin:0 0 8px !important;
  color:var(--ild-muted) !important;
  font-weight:700;
  font-size:.9rem;
}

.ild-ozel-icerik .ild-oc-file-stats{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  color:var(--ild-muted) !important;
  font-size:.8rem;
  font-weight:850;
}

.ild-ozel-icerik .ild-oc-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:.3rem .5rem;
  border-radius:999px;
  background:var(--ild-card);
  border:2px solid var(--ild-border);
  color:var(--ild-muted) !important;
}

.ild-ozel-icerik .ild-oc-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.ild-ozel-icerik .ild-oc-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border:2px solid rgba(0,0,0,.10);
  border-radius:13px;
  padding:.78rem .9rem;
  text-align:center;
  color:white !important;
  font-weight:1000;
  box-shadow:0 4px 0 rgba(0,0,0,.18);
  transition:.15s;
}

.ild-ozel-icerik .ild-oc-btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
}

.ild-ozel-icerik .ild-oc-preview{
  background:#0b82ee;
}

.ild-ozel-icerik .ild-oc-download-btn{
  background:linear-gradient(135deg,#17c884,#10b36f);
}


/* BUNLARI DA BEĞENEBİLİRSİN */
.ild-oc-recommend{
  --ild-surface:#f0f9ff;
  --ild-card:#ffffff;
  --ild-border:rgba(2,100,170,.18);
  --ild-text:#082f49;
  --ild-muted:#1e5f8a;
  --ild-shadow:4px 4px 0 rgba(2,80,140,.18);

  margin-top:18px;
  padding:18px;
  background:var(--ild-surface);
  border:2px solid var(--ild-border);
  border-radius:20px;
  box-shadow:var(--ild-shadow);
  color:var(--ild-text);
}

html[data-bs-theme="dark"] .ild-oc-recommend,
body.dark-mode .ild-oc-recommend,
body.theme-dark .ild-oc-recommend{
  --ild-surface:#111827;
  --ild-card:#111827;
  --ild-border:rgba(255,255,255,.18);
  --ild-text:#ffffff;
  --ild-muted:#e5f2ff;
  --ild-shadow:4px 4px 0 rgba(255,255,255,.07);
}

.ild-oc-rec-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.ild-oc-rec-head h2{
  margin:0 !important;
  font-family:'Fredoka','Nunito',system-ui,sans-serif;
  font-size:1.25rem;
  font-weight:1000;
  color:var(--ild-text) !important;
}

.ild-oc-rec-sub{
  font-size:.82rem;
  font-weight:900;
  color:var(--ild-muted) !important;
}

.ild-oc-rec-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.ild-oc-rec-item{
  min-height:92px;
  border:2px solid var(--ild-border);
  background:var(--ild-card);
  border-radius:16px;
  padding:13px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  font-weight:1000;
  color:var(--ild-text) !important;
  box-shadow:3px 3px 0 var(--ild-border);
  transition:.18s;
}

.ild-oc-rec-item:hover{
  transform:translate(-2px,-2px);
  box-shadow:5px 5px 0 var(--ild-border);
}

.ild-oc-rec-type{
  font-size:.78rem;
  color:var(--ild-muted) !important;
  font-weight:850;
}


/* İÇERİK SAYFALARINDA SAĞ / SOL PANEL STICKY KAPAT */
body.single-post .left-panel,
body.single-post .right-panel,
body.single-post .ild-single-side,
body.single-post .sidebar-area,
body.single-post .site-sidebar,
body.single-post aside.left-panel,
body.single-post aside.right-panel{
  position:static !important;
  top:auto !important;
  align-self:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

body.single-post .left-panel .ild-panel-body,
body.single-post .right-panel .ild-panel-body,
body.single-post .ild-single-side .ild-panel-body{
  position:static !important;
  top:auto !important;
  max-height:none !important;
  overflow:visible !important;
}


/* TABLET */
@media(max-width:900px){
  html body .ild-ozel-icerik .ild-oc-hero{
    padding:15px 16px !important;
  }

  html body .ild-ozel-icerik .ild-oc-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ild-ozel-icerik .ild-oc-file-card{
    grid-template-columns:76px minmax(0,1fr);
  }

  .ild-ozel-icerik .ild-oc-cover{
    width:76px;
    height:92px;
  }

  .ild-ozel-icerik .ild-oc-actions{
    grid-column:1/-1;
  }

  .ild-oc-rec-grid{
    grid-template-columns:1fr 1fr;
  }
}


/* TELEFON */
@media(max-width:560px){
  .ild-ozel-icerik .ild-post-info-meta{
    justify-content:center;
    font-size:.82rem;
  }

  html body .ild-ozel-icerik .ild-oc-shell{
    padding:10px !important;
  }

  html body .ild-ozel-icerik .ild-oc-hero{
    padding:14px !important;
    border-radius:18px !important;
  }

  html body .ild-ozel-icerik .ild-oc-title{
    font-size:23px !important;
  }

  html body .ild-ozel-icerik .ild-oc-lead{
    font-size:.9rem !important;
    text-align:left !important;
  }

  html body .ild-ozel-icerik .ild-oc-meta{
    grid-template-columns:1fr;
  }

  .ild-ozel-icerik .ild-oc-file-card{
    padding:12px;
    gap:12px;
  }

  .ild-ozel-icerik .ild-oc-actions{
    grid-template-columns:1fr;
  }

  .ild-oc-rec-grid{
    grid-template-columns:1fr;
  }

  .ild-ozel-icerik .ild-oc-block-head,
  .ild-ozel-icerik .ild-oc-download-head{
    font-size:.78rem;
  }
}