/**
 * 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),
.jt-home-bundles-wrap,
.jt-home-bundles.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,
.jt-home-bundles-wrap .elementor-widget-shortcode,
.jt-home-bundles-wrap .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(4, 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;
  }
}

/* Homepage grid-mode ([jt_font_grid] / [jt_grid_bundles]) — Elementor-safe responsive columns */
.jt-newest.jt-grid-mode .jt-grid-wrap,
.jt-new-grid.jt-grid-mode .jt-grid-wrap,
.jt-home-bundles.jt-grid-mode .jt-grid-wrap,
.jt-home-bundles.jt-grid-mode .jt-home-bundles__grid {
  width: 100% !important;
  max-width: none !important;
}

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

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