/* Page-specific fixes for guides.html */

/* Prevent page-level horizontal scrolling caused by off-canvas/absolute elements */
body.page-template-page-guides,
body.page-template-page-guides-php {
  overflow-x: hidden;
}

body.page-template-page-guides .category-page,
body.page-template-page-guides-php .category-page {
  overflow-x: clip;
}

/* Make the cards a stable grid and ensure equal heights */
body.page-template-page-guides .blog-post__list,
body.page-template-page-guides-php .blog-post__list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

body.page-template-page-guides .blog-post__item,
body.page-template-page-guides-php .blog-post__item {
  min-width: 0;
  display: flex;
}

body.page-template-page-guides .blog-post__cart,
body.page-template-page-guides-php .blog-post__cart {
  flex: 1;
  overflow: hidden;
}

/* Prevent long text from overflowing into other grid columns */
body.page-template-page-guides .blog-page__inner,
body.page-template-page-guides-php .blog-page__inner {
  min-width: 0;
}

body.page-template-page-guides .blog-page__title-post,
body.page-template-page-guides-php .blog-page__title-post,
body.page-template-page-guides .blog-page__post-text,
body.page-template-page-guides-php .blog-page__post-text,
body.page-template-page-guides .blog-page__post-text p,
body.page-template-page-guides-php .blog-page__post-text p {
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Unify image area height */
body.page-template-page-guides .blog-post__cart-img,
body.page-template-page-guides-php .blog-post__cart-img {
  height: 240px;
}

/* Clamp title so cards stay same height even with long headlines */
body.page-template-page-guides .blog-page__title-post,
body.page-template-page-guides-php .blog-page__title-post {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  min-height: calc(1.4em * 2);
}

@media (max-width: 992px) {
  body.page-template-page-guides .blog-post__list,
  body.page-template-page-guides-php .blog-post__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  body.page-template-page-guides .blog-post__list,
  body.page-template-page-guides-php .blog-post__list {
    grid-template-columns: 1fr;
  }

  body.page-template-page-guides .blog-post__cart-img,
  body.page-template-page-guides-php .blog-post__cart-img {
    height: 180px;
  }
}

/* Fix image cropping in blog cards to show full image content while maintaining consistent height */
body.page-template-page-guides .blog-post__cart-img,
body.page-template-page-guides-php .blog-post__cart-img {
  height: 280px !important;
  min-height: 280px !important;
  display: flex !important;
  flex-direction: column;
}

body.page-template-page-guides .blog-post__cart-img img,
body.page-template-page-guides-php .blog-post__cart-img img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}