/* PromptSaar full-image overlay cards — Home + More Like This only */

.prompt-overlay-card{
  position:relative !important;
  min-width:0 !important;
  aspect-ratio:9/16 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:14px !important;
  background:#121319 !important;
  box-shadow:0 6px 18px rgba(20,23,34,.08) !important;
}

.prompt-overlay-card:hover{
  border-color:transparent !important;
  box-shadow:0 12px 30px rgba(20,23,34,.14) !important;
}

.prompt-overlay-card .prompt-overlay-cover{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  display:block !important;
}

.prompt-overlay-card .prompt-media{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  background:#dce0e7 !important;
}

.prompt-overlay-card .prompt-media img,
.related-item.prompt-overlay-card > .prompt-overlay-cover > img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .3s ease !important;
}

.prompt-overlay-card:hover .prompt-media img,
.related-item.prompt-overlay-card:hover > .prompt-overlay-cover > img{
  transform:scale(1.025) !important;
}

.prompt-overlay-shade{
  position:absolute !important;
  z-index:2 !important;
  inset:38% 0 0 !important;
  display:block !important;
  background:linear-gradient(to bottom,transparent,rgba(5,7,10,.16) 24%,rgba(5,7,10,.92) 100%) !important;
  pointer-events:none !important;
}

.prompt-overlay-info,
.related-item .prompt-overlay-info{
  position:absolute !important;
  z-index:4 !important;
  left:10px !important;
  right:10px !important;
  bottom:9px !important;
  padding:0 !important;
  color:#fff !important;
}

.prompt-overlay-title,
.prompt-card .prompt-overlay-title,
.related-item .prompt-overlay-title{
  display:-webkit-box !important;
  min-height:0 !important;
  margin:0 0 6px !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:820 !important;
  line-height:1.24 !important;
  text-decoration:none !important;
  text-shadow:0 1px 3px rgba(0,0,0,.38) !important;
}

.prompt-overlay-meta,
.prompt-card .prompt-overlay-meta,
.related-item .prompt-overlay-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  min-height:20px !important;
  margin:0 !important;
  color:#fff !important;
}

.prompt-overlay-action{
  appearance:none !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  min-height:20px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.96) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  font-size:10px !important;
  font-weight:760 !important;
  line-height:1 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.35) !important;
}

.prompt-overlay-action svg{
  width:13px !important;
  height:13px !important;
  flex:0 0 auto !important;
}

.prompt-overlay-action.active{
  color:#ff8a55 !important;
}

.prompt-overlay-action.active .prompt-overlay-heart path,
.prompt-overlay-action.active .prompt-overlay-bookmark path{
  fill:currentColor !important;
}

.prompt-overlay-model,
.prompt-card .prompt-overlay-model,
.related-item .prompt-overlay-model{
  margin-left:auto !important;
  min-width:0 !important;
  max-width:88px !important;
  padding:4px 7px 4px 6px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.1)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 10px rgba(0,0,0,.13) !important;
  backdrop-filter:blur(9px) !important;
  -webkit-backdrop-filter:blur(9px) !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:3px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  font-size:8px !important;
  font-weight:820 !important;
  line-height:1 !important;
}

.prompt-overlay-model svg{
  width:11px !important;
  height:11px !important;
  flex:0 0 auto !important;
  color:#ffd3bd !important;
}

.prompt-overlay-model span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Remove the old white card body and old related-card overlay rules. */
.prompt-card.prompt-overlay-card .prompt-info{
  background:transparent !important;
}

.related-item.prompt-overlay-card::after{
  content:none !important;
}

.related-item.prompt-overlay-card img{
  position:static !important;
}

/* Keep existing page/grid column counts unchanged. */
@media(max-width:620px){
  .prompt-overlay-info,
  .related-item .prompt-overlay-info{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
  }

  .prompt-overlay-title,
  .prompt-card .prompt-overlay-title,
  .related-item .prompt-overlay-title{
    margin-bottom:5px !important;
    font-size:10.5px !important;
  }

  .prompt-overlay-meta,
  .prompt-card .prompt-overlay-meta,
  .related-item .prompt-overlay-meta{
    gap:6px !important;
  }

  .prompt-overlay-action{
    font-size:9px !important;
  }

  .prompt-overlay-action svg{
    width:12px !important;
    height:12px !important;
  }

  .prompt-overlay-model,
  .prompt-card .prompt-overlay-model,
  .related-item .prompt-overlay-model{
    max-width:66px !important;
    padding:4px 5px !important;
    font-size:7.4px !important;
  }

  .prompt-overlay-model svg{
    width:9px !important;
    height:9px !important;
  }
}