/* StreamFinder — force la GRILLE des affiches (dernier CSS chargé) */

#results {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap: 1.1rem 0.9rem !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 1.25rem auto 0 !important;
  align-items: start !important;
}

/* Compteur, notices, erreurs : toute la largeur */
#results > p,
#results > .results-count,
#results > .results-error,
#results > h2 {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 0 0.25rem !important;
}

/* Le wrapper ne doit PAS être une cellule unique : ses enfants vont dans la grille */
#results .results-list,
#results > div:not(.result-card) {
  display: contents !important;
}

@media (min-width: 1000px) {
  #results {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  #results {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem 0.6rem !important;
  }
}

.result-card,
#results .result-card,
#results article {
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  gap: 0.45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  cursor: pointer;
  color: #f0f0f5 !important;
  text-decoration: none !important;
}
.result-card:hover { transform: translateY(-3px); }

.result-card-poster {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  border-radius: 12px;
  overflow: hidden;
  background: #1b1b26;
}
.result-card-poster img,
.result-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px;
}

.result-card-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  background: #e8ff47;
  color: #0a0a0f;
  font-size: 0.62rem;
  font-weight: 500;
  text-transform: uppercase;
}

.result-card-title {
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  color: #f0f0f5 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.result-card-year {
  font-size: 0.72rem !important;
  color: rgba(240,240,245,0.45) !important;
  margin: 0 !important;
}
.result-card-plats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.28rem !important;
}
.plat-pill {
  display: inline-flex !important;
  padding: 0.12rem 0.42rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: #13131a !important;
  font-size: 0.62rem !important;
  color: rgba(240,240,245,0.55) !important;
  white-space: nowrap;
}
.plat-pill.more { color: #e8ff47 !important; border-color: rgba(232,255,71,0.25) !important; }
.plat-pill.none { color: rgba(240,240,245,0.35) !important; }