/* TRUE SPRL · stiluri specifice paginii active.html (după style.css) */

/* Introducere: cele trei repere pentru cumpărători */
.pg-active .repere {
  display: grid;
  gap: var(--gap);
  align-self: end;
}
@media (min-width: 768px) {
  .pg-active .repere { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.pg-active .reper {
  padding-top: var(--s-5);
  border-top: 1px solid var(--border);
  color: var(--ink-2);
  font-size: var(--fs-small);
  line-height: 1.55;
}
.pg-active .reper strong {
  display: block;
  margin-bottom: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
}
.pg-active .reper__icon {
  width: 40px;
  height: 40px;
  margin-bottom: var(--s-4);
  color: var(--verde);
}

/* Bara de filtre */
.pg-active .filtre { gap: 0; }
.pg-active .filtre .chip__count { margin-left: 2px; }
@media (min-width: 1024px) {
  .pg-active .filtre .form__row { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
}

@media (max-width: 479px) {
  .pg-active .example-note { flex-wrap: wrap; }
}

/* Grila de active: elementul listei ține cardul și nota-sursă;
   cu subgrid, cardurile de pe același rând au aceeași înălțime, iar notele stau dedesubt */
.pg-active .asset-list > li {
  display: flex;
  flex-direction: column;
}
.pg-active .asset-list > li > .card { flex: 1 1 auto; }
@supports (grid-template-rows: subgrid) {
  .pg-active .asset-list { row-gap: 0; }
  .pg-active .asset-list > li {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
    row-gap: 0;
    padding-bottom: var(--gap);
  }
}
.pg-active .asset-card__key { margin-top: var(--s-4); }
.pg-active .asset-card__key > li + li { margin-top: 4px; }
.pg-active .asset-card__key > li::before { top: .55em; }
.pg-active .card--asset .specs { margin-bottom: 0; border-bottom: 0; }
.pg-active .card--asset .specs dd { font-size: .875rem; }
.pg-active .asset-card__price .price { font-variant-numeric: tabular-nums lining-nums; }
.pg-active .card--asset.is-sold .price { color: var(--ink-2); }

/* Modal: sursa anunțului și rândurile de detaliu */
.pg-active .modal .source-note { margin-top: var(--s-4); }
.pg-active .modal .dl-rows dd { overflow-wrap: anywhere; }

/* Nota finală a paginii */
.pg-active .nota-finala {
  max-width: 110ch;
  margin-top: var(--s-9);
  padding-top: var(--s-5);
  border-top: 1px solid var(--border);
}