/**
 * Ticket 6.2.1-B — Lisibilité sous-catégories
 * Scope strict : body.category uniquement.
 * Objectif CRO : cartes de navigation cliquables (audit Kyeo 6.2.1 p.21).
 */

body.category .subcategory {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 18px;
  transition: all 0.2s ease;
}

body.category .subcategory:hover {
  border-color: var(--prozon-black-color);
  transform: translateY(-2px);
}

body.category .subcategory__container {
  min-height: 84px;
  height: auto;
}

body.category .subcategory__info {
  text-align: left;
}

body.category .subcategory__name {
  font-size: 18px;
  font-weight: 700;
}

body.category .subcategory__image {
  max-width: 56px;
}

body.category .subcategory__image-container {
  margin-right: 16px;
}

body.category .subcategory__product-count {
  font-size: 13px;
  opacity: 0.7;
}

@media (max-width: 767px) {
  body.category .category-header__subcategories .grid {
    gap: 12px;
  }

  body.category .subcategory__container {
    min-height: 72px;
  }

  body.category .subcategory__name {
    font-size: 17px;
  }

  body.category .subcategory:active {
    transform: scale(0.99);
  }
}