/* =========================================================
   STATIC-PAGES.CSS
   درباره ما / تماس با ما / حریم خصوصی و صفحات ساده مشابه
   ========================================================= */

/* ===== قالب عمومی صفحات ساده (page.php) ===== */
.static-page { max-width: 720px; margin: 0 auto; padding: 2.5rem 1.25rem; }
.static-page-header { text-align: center; margin-bottom: 1.5rem; }
.static-page-header .entry-title { font-size: 1.7rem; color: var(--dark); }
.static-page-content { font-size: 1rem; line-height: 2; }
.static-page-content h2 { color: var(--blue); margin-top: 1.8rem; }

/* ===== درباره ما ===== */
.about-page { max-width: 900px; margin: 0 auto; padding: 0 1.25rem 3rem; }

.about-hero { text-align: center; padding: 3rem 1rem 2rem; }
.about-hero h1 { font-size: 2rem; color: var(--dark); margin-bottom: 0.5rem; }
.about-subtitle { color: var(--muted); }

.about-content { font-size: 1rem; line-height: 2; margin-bottom: 2.5rem; }

.about-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  background: var(--dark);
  border-radius: var(--radius);
  padding: 2rem 1rem;
  margin-bottom: 2.5rem;
  text-align: center;
}
.stat-box strong { display: block; font-size: 1.25rem; color: var(--primary); font-weight: 800; }
.stat-box span { color: var(--muted-on-dark); font-size: 0.85rem; }

.about-cta { text-align: center; margin-top: 2.5rem; }

/* ===== تماس با ما ===== */
.contact-page { max-width: 900px; margin: 0 auto; padding: 2.5rem 1.25rem 3rem; }

.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 2rem 0;
}
.contact-card {
  background: #fff;
  border-radius: var(--radius);
  padding: 1.5rem;
  text-align: center;
  box-shadow: 0 4px 14px rgba(34,53,72,0.08);
}
.contact-icon { font-size: 1.8rem; display: block; margin-bottom: 0.5rem; }
.contact-card h3 { font-size: 0.95rem; color: var(--dark); margin: 0 0 0.4rem; }
.contact-card a, .contact-card p { color: var(--blue); font-weight: 600; margin: 0; }

@media (min-width: 768px) {
  .contact-grid { grid-template-columns: repeat(3, 1fr); }
}