/* =============================================================================
   CATEGORIES — category.php + templates/category-course-selector/*
   Applied: course category archive pages (body.tax-course_category, body.category)
   Key selectors: .categories-grid | .cat-title | .cs-fhcat-btn
   ============================================================================= */

/* ---- Category cards grid ---- */
.categories-grid {
  width: 100%;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 768px) {
  .categories-grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 425px) {
  .categories-grid {
    grid-template-columns: 1fr;
  }
}
.cat-title {
  font-size: 1.25rem;
  font-weight: 600;
}

/* ---- Food Hygiene / specific category page filter buttons ---- */
.cs-fhcat-btn {
  color: var(--Neutral-500, #2e4450);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  width: auto;
  text-wrap: wrap;
  line-height: 130%;
  border-radius: var(--Spacing-3, 8px);
  border: 2px solid white;
  background: var(--White, #fff);
  padding: 1rem;
  transition:
    border-color 0.3s ease,
    color 0.3s ease,
    background-color 0.3s ease;
}
.cs-fhcat-btn:hover {
  border-color: #0f217d;
  color: #3f4d97;
}