/**
 * Font grid — column layout helpers (list vs grid mode)
 * Hero row + view toggle styling lives in jt-home-font.css
 */

.jt-new-grid,
.jt-newest:not(.jt-grid-mode) {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
}

.jt-new-grid .jt-grid-wrap,
.jt-newest:not(.jt-grid-mode) .jt-grid-wrap {
  width: 100%;
  max-width: none;
}

.jt-new-grid .elementor-widget-shortcode,
.jt-new-grid .elementor-shortcode {
  width: 100% !important;
  max-width: none !important;
}

.jt-new-grid:not(.jt-grid-mode) .jt-grid-wrap,
.jt-newest:not(.jt-grid-mode) .jt-grid-wrap {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px;
  width: 100% !important;
  max-width: none !important;
  margin-top: 0;
}

@media (max-width: 1200px) {
  .jt-new-grid:not(.jt-grid-mode) .jt-grid-wrap,
  .jt-newest:not(.jt-grid-mode) .jt-grid-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .jt-new-grid:not(.jt-grid-mode) .jt-grid-wrap,
  .jt-newest:not(.jt-grid-mode) .jt-grid-wrap {
    grid-template-columns: 1fr !important;
  }
}