/**
 * CtrlShift Duyarlı (Responsive) Tasarım Kuralları — Masaüstü, Tablet ve Mobil
 * (assets/css/responsive.css)
 */

/* Tüm ekranlarda yatay taşmayı ve sağa kaymayı kesin olarak engelle */
html,
body {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.nt-header,
.nt-site-header,
.nt-category-bar,
.nt-site-main,
.nt-footer {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

.nt-container,
.nt-layout-grid,
.nt-primary-column,
.nt-sidebar-column,
.nt-continuous-stream,
.nt-stream-article-wrapper,
.nt-article,
.nt-entry-content,
.nt-bento-grid,
.nt-bento-right,
.nt-posts-grid,
.nt-posts-list,
.nt-card {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* Tablet ve Küçük Masaüstü (max-width: 1024px) — Üst menü taşmasını önler, yandan kayan çekmeceyi etkinleştirir */
@media (max-width: 1024px) {
  .nt-header-inner {
    gap: 0.75rem;
    min-width: 0;
    max-width: 100%;
  }

  .nt-brand {
    min-width: 0;
    flex: 1 1 auto;
  }

  .nt-brand-text {
    min-width: 0;
  }

  .nt-site-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .nt-main-nav {
    display: none !important;
  }

  .nt-mobile-toggle {
    display: inline-flex !important;
  }

  .nt-offcanvas-drawer {
    width: min(320px, 86vw);
  }

  .nt-layout-grid,
  .nt-layout-grid.nt-sidebar-left {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.75rem;
  }

  .nt-layout-grid.nt-sidebar-left .nt-primary-column,
  .nt-layout-grid.nt-sidebar-left .nt-sidebar-column {
    order: initial;
  }

  .nt-bento-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .nt-review-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nt-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobil ve Küçük Tablet (max-width: 768px) — Sayfa ve içerikleri tam ortalar */
@media (max-width: 768px) {
  :root {
    --nt-gutter: 0.875rem;
  }

  .nt-container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .nt-site-main {
    padding-top: 1rem;
    padding-bottom: 2.25rem;
  }

  .nt-header-inner {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    min-height: 58px;
  }

  .nt-site-title {
    font-size: 1.2rem;
  }

  .nt-site-description {
    display: none;
  }

  .nt-bento-lead {
    min-height: 300px;
  }

  .nt-bento-lead-content {
    padding: 1.15rem;
  }

  .nt-bento-sub-grid,
  .nt-posts-grid,
  .nt-review-showcase-grid,
  .nt-review-pros-cons,
  .nt-category-sections,
  .nt-post-navigation,
  .nt-footer-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .nt-posts-list .nt-card {
    flex-direction: column;
  }

  .nt-posts-list .nt-card-media {
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .nt-article {
    padding: 1.15rem 1rem;
    margin-left: auto;
    margin-right: auto;
  }

  .nt-entry-content {
    font-size: 1rem;
    line-height: 1.72;
    width: 100%;
    max-width: 100%;
  }

  .nt-editor-review-vitrin,
  .nt-related-vitrin,
  .nt-external-sources-box,
  .nt-review-showcase,
  .nt-category-vitrin {
    padding: 1.15rem 1rem;
  }

  .nt-editor-review-vitrin .nt-review-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .nt-preferred-source-row {
    justify-content: center;
    text-align: center;
  }

  .nt-google-preferred-vitrin {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
  }

  .nt-google-vitrin-title,
  .nt-google-vitrin-desc {
    white-space: normal;
    word-break: break-word;
  }

  .nt-author-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.15rem;
    padding: 1.35rem 1.15rem;
  }

  .nt-author-header {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
  }

  .nt-author-title-row {
    align-items: center;
  }

  .nt-author-name {
    justify-content: center;
  }

  .nt-author-role-badge,
  .nt-author-meta-count {
    margin-left: auto;
    margin-right: auto;
  }

  .nt-author-footer {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    width: 100%;
  }

  .nt-author-socials {
    justify-content: center;
  }

  .nt-author-archive-btn {
    width: 100%;
    justify-content: center;
  }
}