.c {
  margin-top: 80px;
}
.blog-archive-container {
  padding-bottom: 80px;
}
.blog-card {
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.blog-card .img-wrapper {
  display: block;
  overflow: hidden;
}
.blog-card img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}
.blog-card:hover img {
  transform: scale(1.05);
}
.blog-card .content {
  padding: 20px;
}
.blog-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.blog-title a {
  color: #222;
  text-decoration: none;
}
.blog-title a:hover {
  color: #007cba;
}
.meta {
  font-size: 0.85rem;
  color: #888;
  margin-bottom: 15px;
}
.readmore {
  font-size: 0.9rem;
  color: #007cba;
  text-decoration: none;
  font-weight: 500;
}
.readmore:hover {
  text-decoration: underline;
}

/* صفحه‌بندی */
.custom-pagination .page-numbers {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  transition: all 0.3s;
}
.custom-pagination .page-numbers:hover {
  background: #007cba;
  color: white;
  border-color: #007cba;
}
.custom-pagination .current {
  background: #007cba;
  color: white;
  border-color: #007cba;
}

@media (max-width: 576px) {
  .custom-pagination .page-numbers:not(.prev):not(.next):not(.current) {
    display: none;
  }
}
.post-content p {
  margin-bottom: 1.5rem;
}

.btn-dark {
  background-color: #222;
  color: #fff;
  border: none;
}

.btn-light {
  background-color: #f5f5f5;
  color: #333;
  border: none;
}

.btn-dark:hover,
.btn-light:hover {
  opacity: 0.9;
}

.ltr {
  direction: ltr;
}

.rtl {
  direction: rtl;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}
