/* =====================================================================
   SELETTORE DEI DELEGATI - stile grafico
   =====================================================================
   Stesso aspetto grafico della versione precedente (scritta a mano),
   per non cambiare nulla di cio' che gia' vedi online: cambia solo
   come i dati arrivano nella pagina (ora dal pannello di WordPress,
   non piu' scritti nel codice). */

.sgs-territory-selector{--sgs-blue:#002E5D;--sgs-blue-2:#0057b8;max-width:600px;margin:30px auto;font-family:inherit}

/* Titolo principale del modulo: testo bianco. "!important" serve
   perche' il tema Brooklyn ha regole proprie sui titoli h3. */
.sgs-territory-selector .sgs-title{color:#fff!important;margin:0 0 16px}
.sgs-territory-selector .sgs-label{color:#fff!important}

.sgs-selector-header{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.sgs-selector-header[hidden]{display:none}
.sgs-selector-header label{font-weight:600;color:#fff!important}

.sgs-dropdown{appearance:none;-webkit-appearance:none;padding:12px 44px 12px 16px;border:1px solid #ccd1d9;border-radius:30px!important;font-size:1rem;color:#002d62;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23002d62' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center}
.sgs-dropdown:focus-visible{outline:3px solid var(--sgs-blue-2);outline-offset:2px}

.sgs-card{background:#f4f8fc;border:1px solid #e1e4e8;border-radius:30px!important;padding:20px;margin-bottom:16px}
.sgs-card[hidden]{display:none}
.sgs-card h3{margin:0 0 4px;font-size:1.25rem;color:var(--sgs-blue)}
.sgs-card p{margin:6px 0;color:#4f5660;font-size:.95rem;margin-bottom:0!important}
.sgs-card .sgs-role{margin-top:0;font-size:.85rem}
.sgs-card .sgs-name{font-weight:600;font-size:1.05rem;color:#0057b8}
.sgs-card .fa-envelope-o{color:#0057b8;margin-right:6px}
.sgs-card a{color:var(--sgs-blue-2);text-decoration:underline;word-break:break-word}

.sgs-card.is-shown{animation:sgsFade .3s ease}
@keyframes sgsFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sgs-card.is-shown{animation:none}}