/* ===========================
   Spried Site – Block styles
   File: wp-content/plugins/spried-site/css/blocks.css
   =========================== */

/* Grid wrapper */
.spried-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

/* Card */
.spried-card {
  transition: opacity 0.3s ease-in-out;
}
.spried-card:hover {
  opacity: 0.4; /* fade more strongly on hover */
}

/* Image link wrapper */
.spried-thumb-link {
  display: block;
}

/* Images: square and contained */
.spried-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;          /* uniform 1:1 shape */
  object-fit: contain;      /* show full image, letterbox if needed */
  
      max-width: 160px;
    margin: auto;
    
}

/* Placeholder for posts without a thumbnail */
.spried-placeholder {
  aspect-ratio: 1;
  background: #f6f6f6;
}

/* Title under each card */
.spried-title {
  text-align: center;
}


.spried-project img {
    
 text-align: center;
    width: 50%;
    /* padding: 20px; */
    margin: auto;
}

.spried-project  {
    
 /*margin-bottom:20px;*/
}


/* =======================================================
   TECHNOLOGIES SPECIFIC
   ======================================================= */

/* Center the entire grid */
.spried-grid.spried-techs {
  justify-content: center;   /* center grid items horizontally */
  margin-left: auto;         /* center block itself */
  margin-right: auto;
  max-width: 100%;           /* prevent overflow */
}

/* Force Technologies grid to 8 columns */
.spried-technology .spried-grid,
.spried-techs {
  grid-template-columns: repeat(10, 1fr) !important;
}

/* Tech images stay square */
.spried-technology .spried-card img,
.spried-techs .spried-card img {
  aspect-ratio: 1;
  object-fit: contain;
}