/*
  POST SAYFASI OZEL CSS
  Bu dosya sadece /post (yazi detay) ekraninda yuklenir.
  Buradaki kurallar yazi detayi, konu ici reklam alanlari, onceki/sonraki gezinme,
  sifreli/sifresiz indirme kutulari ve post mobil duzenini kontrol eder.
*/

/* Post sayfasinda iliskili/yakin yazilar listesi olursa onun liste yapisi */
.page-post .post-list {
  display: block;
}

/* Post icindeki liste karti: sol gorsel + sag metin */
.page-post .post-item {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  padding: 12px;
  border-bottom: 1px solid var(--line-soft);
  align-items: start;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 250, 252, 0.9) 100%);
}

/* Post icindeki liste karti gorsel kutusu */
.page-post .post-item__thumb {
  width: 280px;
  height: 206px;
  min-height: 206px;
  background: linear-gradient(135deg, #dbe7ee 0%, #ffffff 100%);
  border: 1px solid var(--line-soft);
  border-radius: 4px;
  padding: 2px;
  overflow: hidden;
}

/* Post icindeki liste karti gorsel netlik/renk ayari */
.page-post .post-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.72) contrast(0.92) brightness(0.93);
  border-radius: 3px;
  border: 1px solid rgba(203, 217, 227, 0.7);
}

.page-post .post-item__body h3 {
  font-size: 1.2rem;
  margin-bottom: 8px;
}

/* Post icindeki reklam kutulari */
.content-ad {
  margin: 8px 8px 0;
  padding: 12px;
  border: 1px dashed var(--line-strong);
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 252, 0.92) 100%);
  overflow: hidden;
}

/* Reklam kodu iframe/ins gibi elemanlar tasmasin */
.content-ad iframe,
.content-ad ins {
  max-width: 100%;
}

/* Post sayfasinda reklamin yerlestigi bolgeye gore bosluk ayarlari */
.content-ad--post {
  margin: 12px 18px;
}

.content-ad--post-title {
  margin-top: 2px;
}

.content-ad--post-content-top {
  margin-top: 2px;
}

.content-ad--post-content-bottom {
  margin-top: 2px;
}

.content-ad--post-after-nav {
  margin-top: 12px;
}

.content-ad--download {
  margin: 12px 0;
}

.download-panel {
  margin: 14px 18px 18px;
  padding: 18px;
  border: 1px solid #c3d9eb;
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(38, 87, 128, 0.09), transparent 36%),
    linear-gradient(180deg, #fdfefe 0%, #f6fbff 100%);
  box-shadow: 0 16px 30px rgba(23, 52, 71, 0.08);
}

.download-panel--public {
  border-color: #c8dff0;
  background:
    radial-gradient(circle at top right, rgba(38, 87, 128, 0.08), transparent 35%),
    linear-gradient(180deg, #fefefe 0%, #f4f9fd 100%);
}

.download-panel__head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.download-panel__eyebrow {
  color: #265780;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  margin-bottom: 8px;
}

.download-panel__badge {
  padding: 8px 13px;
  border-radius: 999px;
  background: linear-gradient(135deg, #173447 0%, #265780 100%);
  color: #fff;
  font-size: 0.8rem;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(23, 52, 71, 0.14);
}

.download-panel__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.download-panel__form--single {
  grid-template-columns: 1fr;
}

.download-panel__divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0;
  color: #7a95a8;
  font-size: 0.9rem;
}

.download-panel__divider::before,
.download-panel__divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, #d7e4ed, transparent);
}

.download-panel__field {
  display: grid;
  gap: 8px;
}

.download-panel__field span {
  font-size: 0.9rem;
  color: var(--muted);
}

.download-panel__field input {
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #cbd9e3;
  border-radius: 10px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(23, 52, 71, 0.03);
}

.download-panel__field input:focus {
  outline: none;
  border-color: #92b2c8;
  box-shadow: 0 0 0 4px rgba(38, 87, 128, 0.08);
}

.download-panel__feedback {
  min-height: 24px;
  margin-top: 14px;
  font-weight: 600;
}

.download-panel__feedback.is-error {
  color: #b42318;
}

.download-panel__feedback.is-success {
  color: #0f7b45;
}

.download-panel__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.download-panel__actions[hidden] {
  display: none !important;
}

.download-panel__countdown {
  color: var(--muted);
  font-size: 0.92rem;
}

.download-panel__hint {
  margin-top: 12px;
  color: #70899b;
  font-size: 0.92rem;
}

.download-panel__info-trigger {
  margin-top: 14px;
  padding: 11px 18px;
  border: 1px solid #efd1ba;
  border-radius: 5px;
  background: linear-gradient(180deg, #fff2e6 0%, #f8dfcb 100%);
  color: #a5521f;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 10px 22px rgba(164, 93, 42, 0.1);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
  cursor: pointer;
}

.download-panel__info-trigger:hover {
  transform: translateY(-1px);
  border-color: #e4bf9e;
  background: linear-gradient(180deg, #fff6ee 0%, #f9e5d4 100%);
  box-shadow: 0 14px 26px rgba(164, 93, 42, 0.14);
}

.download-panel__disclosure {
  margin-top: 12px;
}

.download-panel__disclosure[hidden] {
  display: none !important;
}

.download-panel__disclosure-card {
  padding: 18px 18px 16px;
  border: 1px solid #dbe6ee;
  border-radius: 12px;
  background:
    radial-gradient(circle at top right, rgba(197, 28, 34, 0.06), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 12px 24px rgba(19, 52, 73, 0.08);
}

.download-panel__disclosure-card h4 {
  margin-bottom: 12px;
  color: #cc1b26;
  font-size: 1.1rem;
}

.download-panel__disclosure-card p {
  margin-bottom: 12px;
  color: #425f73;
}

.download-panel__disclosure-card strong {
  color: #173447;
}

.download-panel__disclosure-link {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}

.download-panel__disclosure-link a {
  color: #169117;
  font-weight: 800;
}

/* Indirme kutusunda reklam yerlesimi (ust/alt/yan) */
.download-panel__split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 16px;
  align-items: start;
}

.download-panel__split-main {
  min-width: 0;
}

.download-panel__split-ad {
  min-width: 0;
}

.download-panel__split-ad .content-ad {
  margin: 0;
}

/* Yazi detay sayfasi tam layout */
.article-layout {
  display: grid;
}

.page-shell--full {
  grid-template-columns: 1fr;
}

.content-column--full,
.content-column--article {
  border-right: 0;
}

.article-layout--full {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 0;
  padding: 0;
}

.article-layout--no-sidebar {
  grid-template-columns: minmax(0, 1fr);
}

.article-layout--no-sidebar .content-column {
  border-right: 0;
}

.article-layout--full .content-column {
  border-right: 1px solid var(--line);
}

.article-layout--full .sidebar-column {
  background: #fbfdff;
}

.article-hero--plain,
.listing-hero--plain,
.page-copy--plain,
.article-body--plain,
.related-posts--plain {
  margin: 0;
  border: 0;
  background: transparent;
}

.article-hero--plain,
.listing-hero--plain,
.page-copy--plain,
.article-body--plain,
.related-posts--plain {
  padding: 18px;
}

.article-hero__stats {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.article-hero__stats span {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #d4e0e8;
  border-radius: 999px;
  background: #f7fafc;
  color: #4c687a;
  font-size: 0.82rem;
  line-height: 1;
}

.article-body--plain {
  border-top: 1px solid var(--line);
}

.article-body--plain img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #dbe4ea;
  box-shadow: 0 4px 12px rgba(23, 52, 71, 0.04);
}

.article-body--plain p > a > img,
.article-body--plain p > img,
.article-body--plain > img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.post-category-note {
  margin: 12px 18px 0;
  padding: 14px 16px;
  border: 1px solid #e6d3a4;
  border-radius: 6px;
  background: linear-gradient(180deg, #fff8e7 0%, #f8edd1 100%);
}

.post-category-note p {
  margin: 0;
  color: #4a3f26;
}

.post-category-note a {
  color: #1f5ea8;
  font-weight: 700;
  text-decoration: none;
}

.related-posts--plain {
  border-top: 1px solid var(--line);
}

.page-copy--plain {
  padding: 18px;
}

.post-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 10px 18px 0;
}

.post-nav__link {
  display: grid;margin-bottom: 12px;
  gap: 8px;
  min-height: 108px;
  padding: 16px 18px;
  border: 1px solid #d9e6e1;
  border-radius: 5px;
  background:
    radial-gradient(circle at top left, rgba(125, 160, 146, 0.08), transparent 34%),
    linear-gradient(180deg, #fbfdfc 0%, #f4f8f6 100%);
  box-shadow: 0 8px 20px rgba(23, 52, 71, 0.045);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.post-nav__link:hover {
  transform: translateY(-2px);
  border-color: #cbded5;
  box-shadow: 0 12px 24px rgba(23, 52, 71, 0.07);
}

.post-nav__link--prev {
  text-align: left;
}

.post-nav__link--next {
  text-align: right;
}

.post-nav__label {
  color: #6a8496;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
  font-weight: 700;
}

.post-nav__title {
  color: var(--text);
  font-size: 1rem;
  line-height: 1.4;
}

.post-nav__link--empty {
  visibility: hidden;
}

@media (max-width: 980px) {
  .page-post .post-item {
    grid-template-columns: 1fr;
  }

  .page-post .post-item__thumb {
    width: 100%;
    height: 220px;
    min-height: 220px;
  }

  .article-layout--full {
    grid-template-columns: 1fr;
  }

  .article-layout--full .content-column {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .download-panel__form {
    grid-template-columns: 1fr;
  }

  .download-panel__split {
    grid-template-columns: 1fr;
  }

  .post-nav {
    grid-template-columns: 1fr;
  }

  .post-nav__link--next,
  .post-nav__link--prev {
    text-align: left;
  }
}