/* ============================================================
   RESPONSIVE CSS — artsakhdiocese.am
   Mobile-first breakpoints (non-conflicting with additions.css)
   ============================================================ */

/* Large Desktop → 1440px+ */
@media (min-width: 1440px) {
  .container { padding: 0 40px; }
}

/* Tablet → ≤1024px */
@media (max-width: 1024px) {
  :root {
    --section-py: 70px;
    --section-py-sm: 50px;
  }

  /* Row layouts */
  .col-half,
  .col-third,
  .col-quarter,
  .col-two-thirds { width: 100%; }

  /* About (old section) */
  .about-section .container { grid-template-columns: 1fr; gap: 40px; }
  .about__image-badge { right: 20px; bottom: -10px; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-card:nth-child(2) { border-right: none; }
  .stat-card:nth-child(1),
  .stat-card:nth-child(2) {
    border-bottom: 1px solid rgba(201,168,76,0.2);
  }

  /* News grid */
  .news-grid { grid-template-columns: repeat(2, 1fr); }

  /* Footer */
  .footer__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
}

/* Mobile → ≤768px */
@media (max-width: 768px) {
  /* Blog card */
  .blog-card--horizontal { flex-direction: column; }
  .blog-card--horizontal .blog-card__image { width: 100%; }

  /* Page hero */
  .page-hero { padding: 40px 0; }
  .page-hero__title { font-size: 1.65rem; }

  /* Stats */
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-card { border-right: none; border-bottom: 1px solid rgba(201,168,76,0.2); }
  .stat-card:nth-child(odd) { border-right: 1px solid rgba(201,168,76,0.2); }

  /* Section headers */
  .section-header--center { padding: 0 10px; }
}

/* Small Mobile → ≤480px */
@media (max-width: 480px) {
  html { font-size: 15px; }
  .about__image { height: 300px; }
  .about__image-badge { width: 110px; height: 110px; }
  .about__badge-number { font-size: 2.2rem; }
  .news-card__excerpt { -webkit-line-clamp: 2; }
}
