/* Valgusallikad Core v2.4.50 — homepage popular category row guard.
   Keeps the "Populaarsed kategooriad" cards clean on desktop: no forced
   6-column empty track, no category-name wrapping, and no vertical crowding. */

body.home #kategooriad,
body.front-page #kategooriad,
body.vlg-theme.home #kategooriad,
body.vlg-theme.front-page #kategooriad {
  overflow: visible !important;
}

@media (min-width: 992px) {
  html body.vlg-theme.home #kategooriad .vlg-category-grid,
  html body.vlg-theme.front-page #kategooriad .vlg-category-grid,
  html body.home #kategooriad .vlg-category-grid,
  html body.front-page #kategooriad .vlg-category-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--vlg-home-cat-cols, 5), minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: clamp(12px, 1.1vw, 18px) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body.vlg-theme.home #kategooriad .vlg-category-grid > .vlg-category-card,
  html body.vlg-theme.front-page #kategooriad .vlg-category-grid > .vlg-category-card,
  html body.home #kategooriad .vlg-category-grid > .vlg-category-card,
  html body.front-page #kategooriad .vlg-category-grid > .vlg-category-card {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    min-height: 92px !important;
    padding: 13px 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body.vlg-theme.home #kategooriad .vlg-category-card img,
  html body.vlg-theme.front-page #kategooriad .vlg-category-card img,
  html body.home #kategooriad .vlg-category-card img,
  html body.front-page #kategooriad .vlg-category-card img {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    object-fit: contain !important;
    justify-self: center !important;
  }

  html body.vlg-theme.home #kategooriad .vlg-category-card > div,
  html body.vlg-theme.front-page #kategooriad .vlg-category-card > div,
  html body.home #kategooriad .vlg-category-card > div,
  html body.front-page #kategooriad .vlg-category-card > div {
    min-width: 0 !important;
    width: 100% !important;
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 3px !important;
    text-align: left !important;
  }

  html body.vlg-theme.home #kategooriad .vlg-category-card strong,
  html body.vlg-theme.front-page #kategooriad .vlg-category-card strong,
  html body.home #kategooriad .vlg-category-card strong,
  html body.front-page #kategooriad .vlg-category-card strong {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: manual !important;
    overflow: visible !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    font-size: clamp(12px, .82vw, 14px) !important;
    line-height: 1.08 !important;
    letter-spacing: .02em !important;
  }

  html body.vlg-theme.home #kategooriad .vlg-category-card small,
  html body.vlg-theme.front-page #kategooriad .vlg-category-card small,
  html body.home #kategooriad .vlg-category-card small,
  html body.front-page #kategooriad .vlg-category-card small {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  html body.vlg-theme.home #kategooriad .vlg-category-card span,
  html body.vlg-theme.front-page #kategooriad .vlg-category-card span,
  html body.home #kategooriad .vlg-category-card span,
  html body.front-page #kategooriad .vlg-category-card span {
    display: inline-flex !important;
    white-space: nowrap !important;
    max-width: 100% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  html body.vlg-theme.home #kategooriad .vlg-category-grid > .vlg-category-card,
  html body.vlg-theme.front-page #kategooriad .vlg-category-grid > .vlg-category-card,
  html body.home #kategooriad .vlg-category-grid > .vlg-category-card,
  html body.front-page #kategooriad .vlg-category-grid > .vlg-category-card {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 12px !important;
  }

  html body.vlg-theme.home #kategooriad .vlg-category-card img,
  html body.vlg-theme.front-page #kategooriad .vlg-category-card img,
  html body.home #kategooriad .vlg-category-card img,
  html body.front-page #kategooriad .vlg-category-card img {
    width: 40px !important;
    height: 40px !important;
  }

  html body.vlg-theme.home #kategooriad .vlg-category-card strong,
  html body.vlg-theme.front-page #kategooriad .vlg-category-card strong,
  html body.home #kategooriad .vlg-category-card strong,
  html body.front-page #kategooriad .vlg-category-card strong {
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 991.98px) {
  html body.vlg-theme.home #kategooriad .vlg-category-card strong,
  html body.vlg-theme.front-page #kategooriad .vlg-category-card strong,
  html body.home #kategooriad .vlg-category-card strong,
  html body.front-page #kategooriad .vlg-category-card strong {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: manual !important;
  }
}
