/* Convenzioni (layout "Convenzioni"); mobile ricavato. */
@layer sections {
  .conv-hero { padding: 64px 0 64px; }
  .conv-hero__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 32px; align-items: end; }
  .conv-hero__main { display: flex; flex-direction: column; gap: 20px; }
  .conv-hero__main .heading--hero { line-height: 1; letter-spacing: -0.045em; }
  .conv-hero__side { justify-self: end; max-width: 560px; display: flex; flex-direction: column; gap: 20px; }
  .conv-hero__text { font-weight: 500; font-size: 19px; line-height: 1.5; }
  .conv-hero__text-2 { font-size: 15px; opacity: .8; }
  .conv-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; }
  @media (max-width: 767px) {
    .conv-hero { padding: 40px 0 48px; }
    .conv-hero__text { font-size: 17px; }
    .conv-hero__actions .button { flex: 1 1 100%; }
  }

  .conv-elenco { padding: 80px 0; }
  .conv-elenco__inner { max-width: calc(1100px + 2 * var(--gutter)); display: flex; flex-direction: column; gap: 24px; }
  /* Scheda: due colonne (per chi, titolo, descrizione | dati pratici e azioni), sotto i due ripiegabili */
  .conv-scheda {
    display: flex; flex-direction: column; gap: 8px; padding: clamp(24px, 3.4vw, 40px);
    border-radius: var(--radius-xl); background: var(--color-bg); box-shadow: inset 0 0 0 1px var(--color-line);
  }
  .conv-scheda__top { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px 56px; padding-bottom: 16px; }
  .conv-scheda__main {
    display: flex; flex-direction: column; gap: 14px; padding: clamp(20px, 2.6vw, 32px);
    border-radius: var(--radius-l); background: var(--color-surface);
  }
  .conv-scheda__head { display: flex; justify-content: space-between; align-items: center; gap: 8px 16px; flex-wrap: wrap; }
  .conv-scheda__who { font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-primary); }
  .conv-scheda__text { color: var(--color-ink-soft); }
  .conv-scheda__side { display: flex; flex-direction: column; gap: 20px; }
  .conv-scheda__actions { display: flex; align-items: center; gap: 12px 24px; flex-wrap: wrap; }
  .conv-scheda__for { font-weight: 600; font-size: 13px; color: var(--color-muted-text); }
  .conv-scheda__intro { font-size: 15px; color: var(--color-ink-soft); }
  .conv-scheda__note { padding: 14px 16px; border-radius: var(--radius-m); background: var(--color-bg); font-size: 14px; line-height: 1.5; color: var(--color-ink-soft); }
  @media (max-width: 767px) {
    .conv-elenco { padding: 48px 0; }
    .conv-scheda__top { grid-template-columns: 1fr; }
  }

  /* Dati pratici di una convenzione (convenzione-dati.php): "Cosa ottieni" in evidenza su verde chiaro, poi le altre
     righe etichetta/valore. Anche nella card della Home (variante --inline). */
  .conv-dati { display: flex; flex-direction: column; margin: 0; }
  .conv-dati__row { display: flex; flex-direction: column; gap: 2px; padding: 14px 0; }
  .conv-dati__label { font-weight: 600; font-size: 13px; color: var(--color-muted-text); }
  .conv-dati__value { margin: 0; font-weight: 600; line-height: 1.45; color: var(--color-ink); }
  .conv-dati__row--highlight {
    gap: 6px; padding: 18px 20px; border-radius: var(--radius-m); background: var(--color-mint);
    & .conv-dati__label { color: var(--color-primary); }
    & .conv-dati__value { font-weight: 700; font-size: clamp(19px, 1.7vw, 22px); line-height: 1.3; letter-spacing: -0.02em; color: var(--color-primary-dark); }
  }
  .conv-dati__row:not(.conv-dati__row--highlight) + .conv-dati__row { border-top: 1px solid var(--color-line); }
  /* Variante in riga (card della Home): righe normali con etichetta a sinistra e valore a destra */
  .conv-dati--inline .conv-dati__row:not(.conv-dati__row--highlight) { flex-direction: row; align-items: baseline; gap: 16px; padding: 12px 0 0; }
  .conv-dati--inline .conv-dati__row:not(.conv-dati__row--highlight) .conv-dati__label { flex: none; width: 104px; }
  .conv-dati--inline .conv-dati__row--highlight .conv-dati__value { font-size: 18px; }
  /* Scadenza: pillola gialla accanto ai destinatari */
  .conv-scadenza { white-space: nowrap; }
}