/* =============================================================================
   Categories Slider Layout & Typography
   ========================================================================== */

.custom-categories {
  width: 100%;
  background: #fff;
  padding: 80px 0;
}

/* Header container centered */
.custom-categories__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0 auto 40px;
  padding: 0 20px;
}

/* Title size and font from typography variables */
.custom-categories__header h2 {
  font-family: var(--ff-head);
  font-weight: var(--fw-thin);
  letter-spacing: var(--ls-wide);
  line-height: var(--lh-head);
  font-size: 3rem;
  margin-bottom: 16px;
}

/* Paragraph under title */
.custom-categories__header p {
  font-family: var(--ff-base);
  font-weight: var(--fw-light);
  letter-spacing: var(--ls-wide);
  line-height: var(--lh-base);
  font-size: 1rem;
  color: var(--clr-text);
  max-width: 640px;
  margin: 0 auto 16px;
}

/* Slider wrapper layout */
.custom-categories__slider-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.custom-categories__slider {
  padding: 0 20px;
}

/* Individual slide styling */
.custom-category-slide {
  display: flex;
  flex-direction: column;
  background: #fff;
  text-align: center;
}
.custom-category-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.custom-category-slide__info {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;  /* Left align content */
  text-align: left;
}

/* Slide title */
.custom-category-slide__info h2 {
  font-family: var(--ff-head);
  font-weight: var(--fw-thin);
  letter-spacing: var(--ls-wide);
  line-height: var(--lh-head);
  font-size: 1.5rem;
  margin-bottom: 8px;
}

/* Slide paragraph text */
.custom-category-slide__info p {
  font-family: var(--ff-base);
  font-weight: var(--fw-light);
  letter-spacing: var(--ls-wide);
  line-height: var(--lh-base);
  font-size: 0.9375rem;
  color: var(--clr-text);
  margin-bottom: 16px;
}

/* Button centered */
.custom-category-slide__info .custom-button {
  font-family: var(--ff-base);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
  margin-top: 12px;
  align-self: flex-start; /* Left align button */
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .custom-categories__header h2 {
    font-size: 2rem;
  }
  .custom-categories__header p {
    font-size: 0.9rem;
  }
}

/* Hide default Shopkeeper header on category pages */
.tax-product_cat .page-header,
.tax-product_cat .woocommerce-products-header {
  display: none !important;
}