/**
 * Sống Lành — Trang chuyên mục / lưu trữ / tìm kiếm
 * Giữ nguyên query và phân trang của WordPress, chỉ đổi cách trình bày.
 */

.archive .main,
.search .main,
.blog .main { padding-block: var(--sl-space-section); }

.archive .main > .container,
.search .main > .container,
.blog .main > .container { gap: var(--sl-space-block); }

/* ---- Bài nổi bật: bài đầu tiên chiếm trọn chiều ngang ------------- */
.archive .posts.layout-masonry .masonry-column:first-child article.post:first-child .featured-img img,
.blog   .posts.layout-masonry .masonry-column:first-child article.post:first-child .featured-img img {
  aspect-ratio: 3 / 2;
}

/* ---- Phân trang --------------------------------------------------- */
.pagination, .navigation.pagination, .posts-navigation {
  margin-top: var(--sl-space-section);
  padding-top: var(--sl-space-block);
  border-top: 1px solid var(--sl-border-soft);
}
.pagination .page-numbers {
  font-family: var(--sl-font-body);
  font-size: var(--sl-fs-small);
  min-width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
  color: var(--sl-muted);
  transition: color var(--sl-dur-fast) var(--sl-ease),
              border-color var(--sl-dur-fast) var(--sl-ease);
}
.pagination .page-numbers:hover { color: var(--sl-text); border-color: var(--sl-border); }
.pagination .page-numbers.current {
  color: var(--sl-text);
  border-color: var(--sl-border-strong);
  background: transparent;
}

/* ---- Thanh bên ---------------------------------------------------- */
.sidebar.widget-area .widget {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--sl-border-soft);
  padding: var(--sl-space-block) 0 0;
  margin-bottom: var(--sl-space-block);
}
.sidebar.widget-area .widget:first-child { border-top: 0; padding-top: 0; }

.sidebar.widget-area .widget-title {
  font-family: var(--sl-font-body);
  font-size: var(--sl-fs-meta);
  font-weight: 600;
  letter-spacing: var(--sl-ls-meta);
  text-transform: uppercase;
  color: var(--sl-muted);
  margin-bottom: 1.125rem;
}

.sidebar.widget-area ul { list-style: none; margin: 0; padding: 0; }
.sidebar.widget-area li { border-bottom: 1px solid var(--sl-border-soft); }
.sidebar.widget-area li:last-child { border-bottom: 0; }
.sidebar.widget-area li a {
  display: block;
  padding-block: .75rem;
  color: var(--sl-text);
  text-decoration: none;
  font-size: var(--sl-fs-small);
  transition: color var(--sl-dur-fast) var(--sl-ease);
}
.sidebar.widget-area li a:hover { color: var(--sl-green-deep); }

/* ---- Ô tìm kiếm --------------------------------------------------- */
.widget_search .search-form input[type="search"],
.search-form input[type="search"] {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--sl-border);
  border-radius: 0;
  padding: .75rem 0;
  font-family: var(--sl-font-body);
  font-size: var(--sl-fs-small);
  color: var(--sl-text);
  transition: border-color var(--sl-dur-fast) var(--sl-ease);
}
.search-form input[type="search"]:focus { border-bottom-color: var(--sl-green); outline: none; }

/* ---- Trang kết quả tìm kiếm --------------------------------------- */
.search-results .page-title,
.search-no-results .page-title { max-width: 24ch; }
.search-no-results .no-results {
  max-width: var(--sl-measure);
  color: var(--sl-muted);
}