/* Fonti (page-fonti.php). Carica anche chi-siamo.css: righe .cs-fonti e .cs-intro vengono da li'. */

.fo-indice { display: flex; flex-wrap: wrap; gap: 8px; }
.fo-indice a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1.5px solid var(--line); font-size: 13px; font-weight: 600; color: var(--text-2); }
.fo-indice a:hover { border-color: var(--line-strong); color: var(--text); background: var(--surface-2); }
.fo-gruppo { scroll-margin-top: 16px; }
.fo-gruppo .section-head h2 { font-size: 24px; }
.cs-fonti .lic { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--surface-2); font-size: 11px; font-weight: 700; color: var(--text-2); vertical-align: 2px; }

/* Comuni degli avvisi */
.fo-comuni { list-style: none; margin: 0; padding: 8px 18px; display: grid; grid-template-columns: 1fr; gap: 0 24px; }
@media (min-width: 560px) { .fo-comuni { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .fo-comuni { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.fo-comuni li { border-top: 1px solid var(--line); }
.fo-comuni a { display: flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 600; color: var(--text); }
.fo-comuni a::after { content: '\2197'; margin-left: 6px; color: var(--accent); font-weight: 700; }
.fo-comuni a:hover { color: var(--accent); }

/* crediti delle foto */
.fo-crediti { padding: 0 18px; }
.fo-crediti summary { cursor: pointer; min-height: 48px; display: flex; align-items: center; font-weight: 700; font-size: 14px; }
.fo-crediti ul { margin: 0 0 16px; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--text-2); }
.fo-crediti a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }

.fo-segnala { padding: 22px; border: 1px solid var(--line); }
.fo-segnala p { font-size: 14px; max-width: 72ch; }

/* come ordiniamo i risultati */
.fo-ordine { list-style: none; margin: 0; padding: 6px 18px; gap: 0; }
.fo-ordine li { padding: 12px 0; border-top: 1px solid var(--line); font-size: 14px; color: var(--text-2); }
.fo-ordine li:first-child { border-top: 0; }
.fo-ordine b { color: var(--text); }
.fo-ordine a { color: var(--accent); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* riquadri che non sono link: fermi */
.fo-gruppo .tile:hover, .fo > .tile:hover, .fo-ordine:hover { transform: none; box-shadow: none; }