/* NT 2026-09-29 d5a pklawfirm.sk: widget "Services Listing (Pages)", switch "Show as grid (no carousel)".
   Slider view cards (image, /01, dark plate with title and arrow) in a static grid.
   Columns by number of cards (class nt-cards-cols-N from the widget): 2 -> 2, 3 -> 3, 4 and more -> 4 per row.
   Tablet (768-1024): 2 per row. Phone (<768): 1 per row. Spacing: widget control "Space between items".
   Scope: only .nt-cards-grid, the grid/icon view (home page) is not affected.
   Rollback: delete this file content (loader in functions.php picks css/mod/nt-*.css). */

.service-listing-wrapper.nt-cards-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.service-listing-wrapper.nt-cards-grid > .service-item-wrapper {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
}
.service-listing-wrapper.nt-cards-grid .service-item-media img {
  width: 100%;
  height: auto;
}
/* dots container is not printed in grid mode; keep the widget free of the slider bottom padding */
.nt-cards-grid-yes .owl-dots {
  display: none;
}

@media (min-width: 768px) {
  .service-listing-wrapper.nt-cards-grid.nt-cards-cols-2 > .service-item-wrapper,
  .service-listing-wrapper.nt-cards-grid.nt-cards-cols-3 > .service-item-wrapper,
  .service-listing-wrapper.nt-cards-grid.nt-cards-cols-4 > .service-item-wrapper {
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .service-listing-wrapper.nt-cards-grid.nt-cards-cols-3 > .service-item-wrapper {
    width: 33.3333%;
  }
  .service-listing-wrapper.nt-cards-grid.nt-cards-cols-4 > .service-item-wrapper {
    width: 25%;
  }
}

/* NT 2026-09-29 D5b: photos on the cards in colour from the start (Nikita: all photos in colour).
   The theme shows view type 2 images at saturate(0%) until hover (theme.css .view_type-2 .service-item-media img). */
.elementor-widget-constructum_services_listing.view_type-2.nt-cards-grid-yes .service-item-media img {
  filter: none;
}