/*
 * blog archive, single post, breadcrumbs (custom templates: betheme/categ.css + ctemp.css).
 * Archive: .category-header, .category-row > .category-item > a, .posts-container > .post-item,
 *          .post-thumbnail, .post-content > h2.post-title + .post-meta + .post-excerpt, .pagination-container
 * Post:    .page_inner_content > header.entry-header (ul.breadcrumbs, h1.entry-title, ul.entry_meta),
 *          .entry-content, .table_of_content, .related-posts-carousel > .related-post-item
 */

/* Category chips: legacy draws a blue box per .category-item in a full-bleed grid; flatten to a wrap of pills */
body.wt-site .category-row {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 1100px;
  margin: 0 auto !important;
}
body.wt-site .category-row .category-item {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.wt-site .category-row .category-item a {
  display: inline-block;
  padding: 8px 16px !important;
  border: 1px solid var(--wt-line) !important;
  border-radius: var(--wt-r-pill) !important;
  background: #fff !important;
  color: var(--wt-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: border-color var(--wt-fast) var(--wt-ease), color var(--wt-fast) var(--wt-ease);
}
body.wt-site .category-row .category-item a:hover,
body.wt-site .category-row .category-item.active a,
body.wt-site .category-row .category-item a.active {
  border-color: var(--wt-blue) !important;
  color: var(--wt-blue) !important;
  background: var(--wt-tint-blue) !important;
}
body.wt-site .cat-head {
  font-size: clamp(22px, 2vw, 28px) !important;
}

/* Post cards */
body.wt-site .posts-container .post-item .post-thumbnail {
  border: 1px solid var(--wt-line);
  border-radius: var(--wt-r-md);
  overflow: hidden;
  background: var(--wt-tint-grey);
}
body.wt-site .posts-container .post-item .post-thumbnail img {
  border-radius: 0 !important;
  transition: transform 400ms var(--wt-ease);
}
body.wt-site .posts-container .post-item:hover .post-thumbnail img {
  transform: scale(1.02);
}
body.wt-site .posts-container .post-item .post-title {
  font-size: 20px !important;
  line-height: 1.3 !important;
  margin-top: 16px !important;
}
body.wt-site .posts-container .post-item .post-title a {
  color: var(--wt-ink) !important;
}
body.wt-site .posts-container .post-item:hover .post-title a {
  color: var(--wt-blue) !important;
}
body.wt-site .posts-container .post-item .post-excerpt {
  color: var(--wt-text);
  font-size: 15px;
  line-height: 1.65;
}
body.wt-site .post-meta {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  height: auto !important;
  margin-bottom: 10px;
}
body.wt-site .post-meta > * {
  position: static !important;
  float: none !important;
  margin: 0 !important;
}
body.wt-site .post-meta,
body.wt-site .post-meta :is(a, span, .post-date) {
  font-size: 13px !important;
  color: var(--wt-muted) !important;
}
body.wt-site .post-meta a.post-category {
  display: inline-block;
  padding: 3px 10px;
  border-radius: var(--wt-r-pill);
  background: var(--wt-tint-blue-2) !important;
  color: var(--wt-blue) !important;
  font-weight: 500;
}

/* Pagination */
body.wt-site .pagination-container .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--wt-line) !important;
  border-radius: var(--wt-r-pill) !important;
  background: #fff !important;
  color: var(--wt-ink) !important;
  font-weight: 500;
  box-shadow: none !important;
}
body.wt-site .pagination-container .page-numbers.current {
  background: var(--wt-blue) !important;
  border-color: var(--wt-blue) !important;
  color: #fff !important;
}
body.wt-site .pagination-container a.page-numbers:hover {
  border-color: var(--wt-blue) !important;
  color: var(--wt-blue) !important;
}
body.wt-site .pagination-container .page-numbers.dots {
  border-color: transparent !important;
}

/* Single post */
body.wt-site .entry-header .entry-title {
  font-size: clamp(30px, 3.4vw, 46px) !important;
  line-height: 1.12 !important;
}
body.wt-site .entry-header .entry_meta li {
  color: var(--wt-muted) !important;
  font-size: 14px;
}
body.wt-site .entry-content :is(h2, h3) {
  margin-top: 1.6em;
}
body.wt-site .entry-content img {
  border-radius: var(--wt-r-md);
}
body.wt-site .table_of_content {
  background: var(--wt-tint-grey) !important;
  border: 1px solid var(--wt-line) !important;
  border-radius: var(--wt-r-lg) !important;
  box-shadow: none !important;
  padding: 20px !important;
}
body.wt-site .table_of_content .title {
  font-family: var(--wt-font-display);
  color: var(--wt-ink) !important;
  font-weight: 600;
}
body.wt-site .table_of_content #toc a {
  color: var(--wt-text) !important;
}
body.wt-site .table_of_content #toc a:hover {
  color: var(--wt-blue) !important;
}
body.wt-site .related-posts-carousel .related-post-item {
  border: 1px solid var(--wt-line) !important;
  border-radius: var(--wt-r-md) !important;
  overflow: hidden;
  background: #fff !important;
  box-shadow: none !important;
}
body.wt-site .related-posts-carousel .related-post-title {
  color: var(--wt-ink) !important;
  font-family: var(--wt-font-display);
  font-weight: 600;
}

/* Breadcrumbs (Betheme subheader + post header) */
body.wt-site ul.breadcrumbs :is(li, a, span) {
  font-size: 13.5px !important;
  color: var(--wt-muted) !important;
}
body.wt-site ul.breadcrumbs a:hover {
  color: var(--wt-blue) !important;
}
body.wt-site #Subheader {
  background-color: var(--wt-tint-grey) !important;
  border-bottom: 1px solid var(--wt-line);
}

/* Rules around "Related Blogs" (and any content <hr>): hairline, not black */
body.wt-site :is(.single-post, .page_inner_content, .entry-content) hr,
body.wt-site .large_container hr {
  border: 0 !important;
  border-top: 1px solid var(--wt-line) !important;
  background: none !important;
  height: 0 !important;
}

body.wt-site .posts-container .post-item .post-thumbnail.custom-image-size {
  height: auto !important;
}
/* Thumbnails carry baked-in title text (~1.59:1); the theme's fixed 348px crop to ~1.2:1 cut words off the edges */
body.wt-site .posts-container .post-item .post-thumbnail img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 992 / 624;
  object-fit: cover;
}

/* Heading levels (accessibility): related-post titles are <h2> under the post <h1> (were <h3>), and Betheme's
   "Related posts" block uses <h2>/<h3> (were <h4>, rewritten in wavetec-site.php section 9). Same look as before. */
body.wt-site .related-posts-carousel .related-post-title {
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.25;
  letter-spacing: -0.01em;
}
body.wt-site .section-related-adjustment .wt-related-h {
  font-size: clamp(18px, 1.5vw, 21px);
  line-height: 1.3;
  letter-spacing: normal;
  color: var(--wt-ink);
  font-weight: 600;
  margin: 0 0 15px;
}