/* 0.6.82 — Cerca: risultati poster-first in griglia 2 colonne, derivati dal Diario. */
.search-screen .search-results{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px 10px;
  align-items:start;
  border-top:0;
}
.search-screen .search-result-card{
  display:block;
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  text-align:left;
}
.search-screen .search-result-card:focus-visible{outline:2px solid var(--search-lime);outline-offset:3px;border-radius:10px}
.search-screen .search-result-card:active .search-result-poster{transform:scale(.985)}
.search-screen .search-result-poster{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:2/3;
  height:auto;
  overflow:hidden;
  border:1px solid var(--line2);
  border-radius:9px;
  background-color:var(--surface3);
  background-size:cover;
  background-position:center;
  box-shadow:0 2px 0 color-mix(in srgb,var(--ink) 5%,transparent);
  transition:transform .12s ease;
}
.search-screen .search-result-poster:not(.has-image)::after{
  content:attr(data-fallback);
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
  color:var(--muted);
  text-align:center;
  font:800 12px/1.3 var(--mono);
}
.search-grid-type,
.search-grid-rating,
.search-grid-status{
  position:absolute;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 7px;
  border-radius:999px;
  background:color-mix(in srgb,#071004 88%,transparent);
  font:850 8.5px/1 var(--mono);
  letter-spacing:.025em;
  box-shadow:0 2px 8px rgba(0,0,0,.16);
}
.search-grid-type{left:7px;top:7px;border:1px solid currentColor}
.search-grid-type.is-series{color:var(--search-lime)}
.search-grid-type.is-movie{color:var(--search-purple)}
.search-grid-rating{left:7px;bottom:7px;border:1px solid color-mix(in srgb,var(--search-purple) 72%,transparent);color:#d7bcff}
.search-grid-status{right:7px;bottom:7px;border:1px solid color-mix(in srgb,var(--search-lime) 70%,transparent);color:var(--search-lime)}
.search-grid-status.is-watch{border-color:color-mix(in srgb,var(--search-purple) 72%,transparent);color:#d7bcff}
.search-grid-status.is-tmdb{border-color:color-mix(in srgb,var(--search-lime) 60%,transparent);color:var(--search-lime)}
.search-grid-status.is-progress{top:7px;bottom:auto}
.search-grid-copy{display:block;min-width:0;padding:8px 2px 0}
.search-grid-copy strong{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:var(--ink);
  font:850 13.5px/1.18 var(--mono);
  letter-spacing:-.01em;
}
.search-grid-copy>span{
  display:block;
  margin-top:5px;
  overflow:hidden;
  color:var(--muted);
  font:650 10px/1.3 var(--mono);
  white-space:nowrap;
  text-overflow:ellipsis;
}
.search-screen .search-empty{grid-column:1/-1}
html[data-theme="light"] .search-grid-type,
html[data-theme="light"] .search-grid-rating,
html[data-theme="light"] .search-grid-status{background:rgba(25,28,21,.88)}
html[data-theme="light"] .search-grid-rating{color:#eadcff}
html[data-theme="light"] .search-grid-status,
html[data-theme="light"] .search-grid-type.is-series{color:#c7ff55}
@media(max-width:380px){
  .search-screen .search-results{gap:12px 8px}
  .search-grid-copy strong{font-size:12.5px}
  .search-grid-copy>span{font-size:9.5px}
  .search-grid-type,.search-grid-rating,.search-grid-status{min-height:22px;padding-inline:6px;font-size:8px}
}