/*
 * blog.css - المجلة السياحية
 */

.bt-filters--blog .bt-filters__grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.bt-filters__field--search { grid-column: span 2; }

@media (max-width: 767px) {
  .bt-filters__field--search { grid-column: 1 / -1; }
}

/* ---------------- المقال المفرد ---------------- */

.bt-post { max-width: 860px; }

.bt-post__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bt-sp-2) var(--bt-sp-5);
  margin-bottom: var(--bt-sp-5);
  padding-bottom: var(--bt-sp-4);
  border-bottom: 1px solid var(--bt-border);
  color: var(--bt-text-muted);
  font-size: var(--bt-fs-sm);
}

.bt-post__meta span {
  display: inline-flex;
  align-items: center;
  gap: var(--bt-sp-2);
}

.bt-post__meta i { color: var(--bt-primary); }

.bt-post__content { font-size: 1.05rem; }

.bt-post__pages {
  display: flex;
  gap: var(--bt-sp-2);
  margin-top: var(--bt-sp-5);
}

.bt-post__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bt-sp-2);
  margin-top: var(--bt-sp-6);
  padding: 0;
  list-style: none;
}

.bt-post__tags a {
  display: inline-block;
  padding: .2rem .75rem;
  border-radius: var(--bt-radius-pill);
  background: var(--bt-bg-alt);
  color: var(--bt-text-soft);
  font-size: var(--bt-fs-xs);
}

.bt-post__tags a:hover {
  background: var(--bt-primary-light);
  color: var(--bt-primary-dark);
}