/**
 * Blog archive — blogs.html helpers (search + filters).
 * Backgrounds match HTML/blogs.html:
 *   body = bg-neutral-50 (#F2F2F2)
 *   main = bg-neutral-0 (#FEFEFE)
 */

body.moonbow-blog-archive-page {
  background-color: var(--at-neutral-50, #f2f2f2) !important;
}

body.moonbow-blog-archive-page #smooth-content,
body.moonbow-blog-archive-page #primary.site-main,
body.moonbow-blog-archive-page #primary.site-main.moonbow-blog-archive {
  background-color: var(--at-neutral-0, #fefefe) !important;
}

body.moonbow-blog-archive-page .elementor-276,
body.moonbow-blog-archive-page .elementor-widget-at-moonbow-blog-archive,
body.moonbow-blog-archive-page .elementor-widget-at-moonbow-blog-archive > .elementor-widget-container,
body.moonbow-blog-archive-page .moonbow-blog-archive-el {
  background-color: var(--at-neutral-0, #fefefe);
}

.moonbow-blog-archive--no-sidebar #secondary,
.moonbow-blog-archive--custom #secondary {
  display: none !important;
}

.moonbow-blog-archive--custom #primary,
.moonbow-blog-archive--no-sidebar #primary,
body.moonbow-blog-archive-page #primary {
  width: 100%;
  max-width: 100%;
  float: none;
}

.blogs-search__field {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 6px 6px 20px;
  border-radius: 8px;
  border: 1px solid var(--at-neutral-100, #e8e8ec);
  background: var(--at-neutral-0, #fff);
  overflow: hidden;
}

.blogs-search__input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  padding: 10px 0;
  color: var(--at-common-black, #141418);
}

.blogs-search__input::placeholder {
  font-size: 18px;
  color: var(--at-neutral-500, #8a8a96);
}

.blogs-search__btn.at-btn {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  flex: 0 0 auto;
  margin: 0 !important;
}

.sec-1-archive-2 .row.pt-80 {
  overflow: hidden;
}

.home-3-section-12,
.container-2200 {
  position: relative;
  z-index: 4;
}

.blog-card.is-hidden {
  display: none !important;
}

.blogs-search-empty {
  display: none;
}

.blogs-search-empty.is-visible {
  display: block;
}

.moonbow-blog-archive-el .filter-btn.is-active {
  background: var(--at-common-black, #141418);
  color: #fff;
}

.moonbow-blog-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.moonbow-blog-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.35rem 0.75rem;
  border: 1px solid var(--at-neutral-100, #e8e8ec);
  color: inherit;
  text-decoration: none;
}

.moonbow-blog-pagination .page-numbers.current,
.moonbow-blog-pagination .page-numbers:hover {
  background: var(--at-common-black, #141418);
  border-color: var(--at-common-black, #141418);
  color: #fff;
}