/* /static/css/search_cards.css */
/* Effetto: mostra solo ~5 righe nelle schede desktop, espande al passaggio del mouse */
@media (min-width: 992px) {
  .hover-expand-card {
    position: relative;
    overflow: hidden;
    --line-h: 5.5em;    /* altezza stimata riga */
    --lines: 5;         /* numero righe visibili */
    --pad: 0.75rem;     /* padding verticale */
    max-height: calc(var(--lines) * var(--line-h) + 2 * var(--pad));
    padding: var(--pad);
    transition: max-height 0.2s ease-in-out;
  }

  .hover-expand-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bs-body-bg, #fff));
    transition: opacity 0.15s ease;
  }

  .hover-expand-card:hover {
    max-height: 1500px; /* espansione */
  }

  .hover-expand-card:hover::after {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hover-expand-card { transition: none; }
  .hover-expand-card::after { transition: none; }
}