/*
 * Portfolio page fix — rovex-child
 * Context: Awaiken Portfolio widget (Rovex Theme Addons).
 * The theme's JS (function.js) crashes on `$grid.imagesLoaded is not a function`,
 * which leaves the grid container in `display: flex` with items collapsed to 100% width.
 * This stylesheet forces a stable CSS Grid layout independent of any JS init.
 */

.awaiken-portfolio-grid.elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0;
}

@media (max-width: 1024px) {
  .awaiken-portfolio-grid.elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .awaiken-portfolio-grid.elementor-grid {
    grid-template-columns: 1fr !important;
  }
}

.awaiken-portfolio-grid.elementor-grid > .awaiken-portfolio-grid-item,
.awaiken-portfolio-grid.elementor-grid > .awaiken-portfolio-grid-item .awaiken-portfolio-grid-item__wrapper {
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.awaiken-portfolio-grid.elementor-grid .awaiken-portfolio-grid-item__link {
  display: block;
}

.awaiken-portfolio-grid.elementor-grid .awaiken-portfolio-grid-item__img {
  width: 100%;
}

.awaiken-portfolio-grid.elementor-grid .awaiken-portfolio-grid-item__img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Filter labels share cursor with the active filter — restore pointer everywhere */
.awaiken-portfolio-grid__filters [data-filter] {
  cursor: pointer;
}