/* com_primarie – pagina di ricerca.
   Usa i colori del template (Cassiopeia) quando disponibili. */
.com-primarie {
  --primarie-accento: var(--cassiopeia-color-primary, var(--bs-primary, #1f5f8b));
  --primarie-bordo: var(--bs-border-color, #d9dde3);
  --primarie-sfondo: var(--bs-tertiary-bg, #f6f7f9);
  --primarie-raggio: .5rem;
}

.com-primarie .primarie-intro { margin-bottom: 1.25rem; }

.com-primarie .primarie-avviso {
  border-left: 4px solid #c58a00;
  background: #fff8e5;
  color: #4a3a00;
  padding: .75rem 1rem;
  border-radius: 0 var(--primarie-raggio) var(--primarie-raggio) 0;
  margin-bottom: 1.25rem;
}

.com-primarie .primarie-ricerche {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.com-primarie .primarie-ricerche--singola { grid-template-columns: 1fr; max-width: 40rem; }

.com-primarie .primarie-box {
  border: 1px solid var(--primarie-bordo);
  border-radius: var(--primarie-raggio);
  padding: 1.25rem;
  background: var(--primarie-sfondo);
  display: flex;
  flex-direction: column;
}
.com-primarie .primarie-box__titolo { font-size: 1.15rem; margin: 0 0 .25rem; }
.com-primarie .primarie-box__aiuto { font-size: .9rem; opacity: .8; margin: 0 0 1rem; }
.com-primarie .primarie-box .btn { align-self: flex-start; margin-top: auto; }

.com-primarie .primarie-campi { display: flex; gap: .75rem; margin-bottom: 1rem; }
.com-primarie .primarie-campo { flex: 1; min-width: 0; }
.com-primarie .primarie-campo--civico { flex: 0 0 7rem; }
.com-primarie .primarie-campo label { display: block; font-weight: 600; font-size: .9rem; margin-bottom: .25rem; }
.com-primarie .primarie-campo .form-control { width: 100%; }

.com-primarie .primarie-risultati { scroll-margin-top: 1rem; }
.com-primarie .primarie-risultati__titolo { font-size: 1.35rem; margin: 0 0 .5rem; }
.com-primarie .primarie-risultati__intro { margin-bottom: 1rem; }

.com-primarie .primarie-messaggio {
  padding: 1rem 1.25rem;
  border-radius: var(--primarie-raggio);
  border: 1px solid var(--primarie-bordo);
}
.com-primarie .primarie-messaggio p { margin: .25rem 0 0; }
.com-primarie .primarie-messaggio--errore { border-color: #d63939; background: #fdeeee; color: #6b1010; }

.com-primarie .primarie-seggio {
  border: 1px solid var(--primarie-bordo);
  border-top: 4px solid var(--primarie-accento);
  border-radius: var(--primarie-raggio);
  padding: 1.25rem;
  margin-bottom: 1rem;
  background: var(--bs-body-bg, #fff);
  scroll-margin-top: 1rem;
}
.com-primarie .primarie-seggio:target { box-shadow: 0 0 0 3px var(--primarie-accento); }
.com-primarie .primarie-seggio__testa {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem;
  margin-bottom: .75rem;
}
.com-primarie .primarie-seggio__nome { font-size: 1.25rem; margin: 0; }
.com-primarie .primarie-seggio__sezione {
  background: var(--primarie-accento); color: #fff;
  font-weight: 600; font-size: .85rem;
  padding: .2rem .65rem; border-radius: 999px; white-space: nowrap;
}
.com-primarie .primarie-seggio__dati { margin: 0 0 1rem; display: grid; gap: .5rem; }
.com-primarie .primarie-seggio__dati dt { font-size: .8rem; text-transform: uppercase; letter-spacing: .03em; opacity: .7; }
.com-primarie .primarie-seggio__dati dd { margin: 0; font-size: 1.05rem; }
.com-primarie .primarie-seggio__note { margin-bottom: 1rem; }
.com-primarie .primarie-seggio__note > :last-child { margin-bottom: 0; }

.com-primarie .primarie-tabella-wrap { overflow-x: auto; margin-bottom: 1.5rem; }
.com-primarie .primarie-tabella { width: 100%; }

.com-primarie .primarie-seggi {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
  gap: 1rem;
}
.com-primarie .primarie-seggi .primarie-seggio { margin-bottom: 0; }

@media (max-width: 767.98px) {
  .com-primarie .primarie-ricerche { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .com-primarie .primarie-campi { flex-direction: column; }
  .com-primarie .primarie-campo--civico { flex-basis: auto; }
}