/* Dot Grids — το styling το κάνει το CSS του theme.
   Εδώ μόνο τα states που το theme δεν έχει. */

.dot-grid [data-dot-items][aria-busy="true"] { opacity: .55; pointer-events: none; transition: opacity .2s ease; }
.dot-grid.is-loading { cursor: progress; }
.dot-grid [data-dot-filter] { cursor: pointer; }
.dot-grid [data-dot-page],
.dot-grid [data-dot-more] { cursor: pointer; }
.dot-grid .pxl-no-post-grid { padding: 32px 0; text-align: center; opacity: .7; }

/* custom-project: το theme δεν έχει κανόνα γι' αυτό. Βασικό styling
   στο ύφος του .pxl-post--category, ώστε να μη βγαίνει γυμνό.
   Δικό σας CSS (Customizer/Elementor) υπερισχύει. */
.dot-grid .custom-project {
  display: inline-block;
  width: fit-content;
  max-width: 200px;
  margin-bottom: 10px;
  white-space: normal;      /* αναδίπλωση, όχι κόψιμο */
  overflow-wrap: break-word;
  padding: 5px 8px;
  background-color: #E1F2F2;
  color: #223035;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
}

/* ================================================================
   Ομοιόμορφες κάρτες — ΜΟΝΟ όταν είναι ενεργό το switcher.
   Χωρίς αυτό, η συμπεριφορά είναι ακριβώς του theme.
   ================================================================ */

.dot-grid.dot-uniform .custom-project {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dot-grid.dot-uniform .pxl-post--holder .pxl-post-title a {
  display: -webkit-box;
  -webkit-line-clamp: var(--dot-title-lines, 2);
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dot-grid.dot-uniform .pxl-post--holder:not(.pxl-post--hover) .pxl-post-title {
  min-height: var(--dot-bar-min, 76px);
  box-sizing: border-box;
}

.dot-grid.dot-uniform .pxl-post--hover .pxl-post--content {
  min-height: var(--dot-panel-min, 150px);
  box-sizing: border-box;
}

.dot-grid.dot-uniform .pxl-post--hover .pxl-post--excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ================================================================
   Σταθερή αναλογία κάρτας — ενεργό μόνο με το control «Σταθερή
   αναλογία». Η εικόνα φόντου γεμίζει το πλαίσιο χωρίς παραμόρφωση.
   ================================================================ */

.dot-grid.dot-ratio .pxl-post--inner {
  overflow: hidden;
}

.dot-grid.dot-ratio .pxl-post-bg--img {
  position: absolute;
  inset: 0;
  height: 100%;
}

.dot-grid.dot-ratio .pxl-post-bg--img a,
.dot-grid.dot-ratio .pxl-post-bg--img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Χωρίς featured image: φόντο αντί για κενό. Λευκό by default. */
.dot-grid.dot-ratio .pxl-post--inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--dot-card-bg, #ffffff);
  z-index: 0;
}