/* Rinnovo · R4 — le foto in ordine e l'avviso del segnalino, nel modulo di pubblicazione. */
.fo-m .tag { bottom: auto; top: 5px; }
.fo-m .cop { font-size: .6875rem; letter-spacing: .03em; padding: 3px 6px; }
.fo-m:has(.cop) { box-shadow: inset 0 0 0 2px var(--gold, #c9a24b); }
/* Nelle miniature strette del telefono la scritta non entra accanto alla ×: resta la stella, come il pulsante che la sceglie
   (la parola «copertina» la legge ancora il lettore dello schermo). */
@media (max-width: 560px) {
  .fo-m .cop { font-size: 0; padding: 0; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
  .fo-m .cop::before { content: "★"; font-size: .875rem; letter-spacing: 0; }
}
.fo-az { position: absolute; left: 4px; right: 4px; bottom: 4px; display: flex; justify-content: space-between; gap: 4px; }
.fo-az button { width: 28px; height: 28px; border-radius: 50%; border: 0; padding: 0; background: rgba(12, 42, 51, .78); color: #fff;
  font: 700 1rem/1 system-ui, sans-serif; cursor: pointer; display: flex; align-items: center; justify-content: center; touch-action: manipulation; }
.fo-az button:disabled { opacity: .3; cursor: default; }
.fo-az .fo-cop { background: var(--gold, #c9a24b); color: #0a1a20; margin: 0 auto; }
.fo-az button:focus-visible { outline: 2px solid #fff; outline-offset: 1px; box-shadow: 0 0 0 4px #0a3a48; }
.fo-voce { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; }
.fo-spillo { margin: 8px 0 0; padding: 9px 11px; border-radius: 10px; background: #fff6e6; color: #7a4d0b; font-size: .8125rem; line-height: 1.45; }
.fo-spillo .srx-link { margin-left: 4px; }
html.notte .fo-spillo { background: rgba(240, 163, 94, .12); color: #f3c995; }
/* Le stesse miniature nella barca: in fila che va a capo (creazione) e nella griglia della modifica. */
#f-thumbs.thumbsrow { flex-wrap: wrap; }
#f-thumbs .fo-m { width: 104px; flex: none; }
#mdfFoto .fo-m { aspect-ratio: 4 / 3; }