/*
Theme Name: Hello Biz Child
Template: hello-biz
Version: 1.0.0
*/

/* ---------- FFH: Article archive layout helpers ---------- */

.ffh-archive {
  /* Let Elementor's boxed containers control width */
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Put your page padding on the Elementor inner container instead */
.ffh-archive .e-con-inner {
  padding: 2rem 1rem;
}

/* Make the Articles header feel more like the Blog "hero" (simple version) */
.ffh-archive__header {
  margin: 0 auto 2.5rem;
  padding: 3rem 2rem; /* was 4rem 2rem */
  background: #f6f7fb;
  text-align: center;
  border-radius: 12px;
}

.ffh-archive__title {
  margin: 0 0 0.75rem;
  font-size: 3rem;
  line-height: 1.1;
}

.ffh-archive__desc {
  max-width: 55ch;
  margin: 0.75rem auto 0;
}

/* Section headings */
.ffh-block { margin: 0 0 3rem; }

.ffh-block__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.ffh-block__title { margin: 0; }
.ffh-block__more { text-decoration: none; }

/* ---------- IMPORTANT: emulate Elementor Posts widget grid ---------- */
/* (Fixes your "single huge card" look) */
.ffh-archive .elementor-widget-posts .elementor-posts-container.elementor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 35px;
}

@media (max-width: 1024px) {
  .ffh-archive .elementor-widget-posts .elementor-posts-container.elementor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .ffh-archive .elementor-widget-posts .elementor-posts-container.elementor-grid {
    grid-template-columns: 1fr;
  }
}

/* Safety net: thumbnails behave like cards */
.ffh-archive .elementor-post__thumbnail__link,
.ffh-archive .elementor-post__thumbnail {
  display: block;
}

.ffh-archive .elementor-post__thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}

/* === Force Articles category to behave like Blog archive layout === */
body.archive.category-article #primary,
body.category-article #primary {
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* Make your section blocks not stretch weirdly */
body.archive.category-article .ffh-block,
body.category-article .ffh-block {
  margin: 0 0 3rem;
}

/* Force the Elementor classic posts wrapper you output into a real grid */
body.archive.category-article .elementor-posts-container.elementor-grid,
body.category-article .elementor-posts-container.elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 35px;
}

@media (max-width: 1024px) {
  body.archive.category-article .elementor-posts-container.elementor-grid,
  body.category-article .elementor-posts-container.elementor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.archive.category-article .elementor-posts-container.elementor-grid,
  body.category-article .elementor-posts-container.elementor-grid {
    grid-template-columns: 1fr;
  }
}

/* Thumbnail/card sanity */
body.archive.category-article .elementor-post__thumbnail__link,
body.category-article .elementor-post__thumbnail__link,
body.archive.category-article .elementor-post__thumbnail,
body.category-article .elementor-post__thumbnail {
  display: block;
}

body.archive.category-article .elementor-post__thumbnail img,
body.category-article .elementor-post__thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}