/* ===================================
   BLOG – Responsive Breakpoints
   =================================== */

/* ─── Tablet (≤ 1024px) ─── */
@media (max-width: 1024px) {
  .post-card--featured {
    flex-direction: column;
  }

  /* When featured card stacks, restore ratio-based cover height */
  .post-card--featured > .post-card__cover {
    width: 100%;
    min-height: 0;
    padding-top: var(--cover-ratio-featured);
  }

  /* 4-column collapses to 2 on tablet */
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
}

/* ─── Mobile (≤ 700px) ─── */
@media (max-width: 700px) {
  :root { --nav-h: 56px; }

  .container, .container--prose { padding-inline: var(--sp-4); }

  /* Nav */
  .nav__links { display: none; }
  .nav__burger { display: flex; }
  .nav__controls { gap: var(--sp-2); }
  .lang-switcher { gap: 0; }
  .lang-btn { padding: 4px 8px; font-size: 10px; }

  /* Hero — editorial responsive */
  .blog-hero {
    min-height: 85vh;
    padding-top: calc(var(--nav-h) + var(--sp-10));
    padding-bottom: var(--sp-10);
  }
  .blog-hero__stats { gap: var(--sp-6); }
  .blog-hero__stat strong { font-size: var(--text-2xl); }
  .blog-hero__bottom { margin-top: var(--sp-10); gap: var(--sp-4); flex-wrap: wrap; }
  .blog-hero__scroll { display: none; }

  /* Post card body padding */
  .post-card__body { padding: var(--sp-4); }

  /* Featured card cover on mobile: show with normal ratio */
  .post-card--featured > .post-card__cover {
    padding-top: 55%;
  }
  .post-card--featured > .post-card__body { padding: var(--sp-5); }

  /* Grid */
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }

  /* Post header */
  .post-header { padding-top: calc(var(--nav-h) + var(--sp-8)); padding-bottom: var(--sp-6); }
  .post-header__stats { margin-left: 0; }

  /* Section header */
  .section-header h2 { font-size: var(--text-lg); }

  /* Footer */
  .footer__inner { grid-template-columns: 1fr; text-align: center; }
  .footer__links { justify-content: center; }

  /* Newsletter */
  .newsletter { padding: var(--sp-8) var(--sp-5); }
  .newsletter h2 { text-align: left; }
  .newsletter__form { flex-direction: column; align-items: stretch; }
  .newsletter__input { min-width: unset; }

  /* Stat row */
  .stat-row { grid-template-columns: repeat(2, 1fr); }

  /* Scroll top */
  #scroll-top { bottom: var(--sp-4); right: var(--sp-4); }

  /* Section */
  section { padding-block: var(--sp-10); }
}

/* ─── Small mobile (≤ 400px) ─── */
@media (max-width: 400px) {
  .stat-row { grid-template-columns: 1fr; }
  .post-card__meta { flex-direction: column; align-items: flex-start; }
  .post-card__link { margin-left: 0; }
}

/* ─── Large screens (≥ 1400px) ─── */
@media (min-width: 1400px) {
  .grid-3 { grid-template-columns: repeat(3, 1fr); }
}

/* ─── Print ─── */
@media print {
  .nav, #progress-bar, #scroll-top, .share-bar, .newsletter, .filter-bar { display: none !important; }
  body { background: #fff; color: #000; }
  .post-header { padding-top: 0; }
  .prose p, .prose li { color: #333; }
}

/* ─── Reduced motion ─── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}