/* ==========================================================================
   profilo.css - pagina utente, gradi, onorificenze, chat (mockup settembre 2026)
   Viene DOPO forum.css e ne eredita le regole: carta piena #fbf6ea sotto ogni
   testo, zebra #f5eedc, testate #e9dfc7, bordi #c9b18c/#e6dcc5. Qui ci sono
   solo le parti che il forum non ha. Prefisso pr- per non pestare nulla della
   matrice 2010. Solo desktop (regola del museo): colonna fissa di 481px.
   ========================================================================== */

.nascosta {
	display: none;
}

/* ---- barra di scelta della variante: solo nel mockup, fuori dalla cornice ---- */
.pr-scelta {
	background: #2a1a08;
	border-top: 2px solid #7b1300;
	color: #dfbf8b;
	font: 11px Arial, Helvetica, sans-serif;
	left: 0;
	padding: 7px 12px;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 50;
}
.pr-scelta a {
	background: #3d2710;
	border: 1px solid #6b4f10;
	color: #dfbf8b;
	font-weight: bold;
	margin: 0 4px 0 0;
	padding: 3px 9px;
	text-decoration: none;
}
.pr-scelta a.acceso {
	background: #7b1300;
	border-color: #dfbf8b;
	color: #fbf6ea;
}
.pr-scelta-tit {
	font-weight: bold;
	margin: 0 14px 0 0;
}
.pr-scelta-nota {
	color: #b09a74;
	margin: 0 0 0 10px;
}

/* ---- chip del ruolo: stessa famiglia di .fr-bollo ----
   Admin = rosso casa (lo stesso di "Staff" nel forum), Mod = bruno con filo
   d'oro. Il giocatore semplice non ha chip: il chip deve voler dire qualcosa. */
.fr-bollo.pr-admin {
	background: #7b1300;
	border-color: #5a0e00;
	color: #f3ead6;
}
.fr-bollo.pr-mod {
	background: #533a00;
	border-color: #dfbf8b;
	color: #dfbf8b;
}

/* ---- grado: targhetta con il numero romano in una tessera ---- */
.pr-grado {
	background: #f3ead6;
	border: 1px solid #c9b18c;
	color: #533a00;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	padding: 0 5px 0 0;
	white-space: nowrap;
}
.pr-grado .num {
	background: #8a6a2a;
	color: #fbf6ea;
	display: inline-block;
	font-family: Georgia, "Times New Roman", serif;
	margin: 0 5px 0 0;
	min-width: 18px;
	padding: 0 3px;
	text-align: center;
}
.pr-tacche {
	display: inline-block;
	margin: 0 0 0 6px;
	vertical-align: middle;
}
.pr-tacche i {
	background: #e6dcc5;
	border: 1px solid #c9b18c;
	display: inline-block;
	height: 6px;
	margin: 0 1px 0 0;
	width: 9px;
}
.pr-tacche i.piena {
	background: #8a6a2a;
	border-color: #6b4f10;
}

/* ---- medaglie: tondi di metallo con il simbolo dello sprite ----
   Tre metalli e basta: chi guarda deve capire il valore a colpo d'occhio.
   "chiusa" = non ancora presa: tratteggiata e sbiadita, ma si vede cosa manca. */
.pr-med {
	border: 1px solid;
	border-radius: 50%;
	display: inline-block;
	height: 18px;
	line-height: 16px;
	margin: 0 2px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 18px;
}
.pr-med .fr-svg {
	height: 10px;
	width: 10px;
}
.pr-med.oro {
	background: #f1dc9a;
	border-color: #b08a2a;
	color: #6b4f10;
}
.pr-med.argento {
	background: #e4e4e0;
	border-color: #9a9a94;
	color: #4f4f4a;
}
.pr-med.bronzo {
	background: #ecc9a4;
	border-color: #a0673a;
	color: #5e3717;
}
.pr-med.chiusa {
	background: #f5eedc;
	border-color: #c9b18c;
	border-style: dashed;
	color: #b09a74;
}
.pr-med.grande {
	border-width: 2px;
	height: 34px;
	line-height: 32px;
	width: 34px;
}
.pr-med.grande .fr-svg {
	height: 18px;
	width: 18px;
}
.pr-altre {
	color: #7a6a50;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 2px;
	vertical-align: middle;
}

/* ---- barra di avanzamento: SVG, la larghezza e' un attributo del disegno ---- */
.pr-avanz {
	border: 1px solid #c9b18c;
	display: block;
	height: 8px;
	margin: 6px 0 4px 0;
	width: 100%;
}
.pr-avanz .fondo {
	fill: #e6dcc5;
}
.pr-avanz .pieno {
	fill: #8a6a2a;
}

/* ---- il biglietto d'identita': uguale in tutte e quattro le varianti ---- */
.pr-biglietto {
	background: #fbf6ea;
	border: 1px solid #c9b18c;
	border-left: 3px solid #7b1300;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 8px;
}
.pr-ritratto {
	background: #f3ead6;
	border: 1px solid #c9b18c;
	float: left;
	padding: 2px;
}
.pr-ritratto img {
	display: block;
}
.pr-biglietto .pr-chi {
	margin: 0 0 0 82px;
}
.pr-login {
	color: #7b1300;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 17px;
	font-weight: bold;
	margin: 0 4px 0 0;
	vertical-align: middle;
}
.pr-riga {
	margin: 4px 0 0 0;
}
.pr-meta {
	color: #533a00;
	font-size: 10px;
}
.pr-meta img {
	vertical-align: middle;
}

/* ---- linguette della casa (tabs4 di all.css) sopra una scheda di carta ---- */
.content .tabs-nav.pr-schede {
	margin: 0;
}
.pr-scheda {
	margin: 0 0 12px 0;
}
.pr-nota {
	color: #7a6a50;
	font-size: 10px;
}
.fr-inner p.pr-nota {
	margin: 4px 0 10px 0;
}

/* ---- tabella dei personaggi ---- */
.pr-tab-pg col.c-ico { width: 38px; }
.pr-tab-pg col.c-n { width: 44px; }
.pr-tab-pg col.c-regno { width: 70px; }
.pr-tab-pg col.c-dove { width: 104px; }
.fr-tab th.pr-server {
	letter-spacing: 1px;
	text-transform: uppercase;
}
.fr-tab td.pr-regno {
	color: #533a00;
	font-size: 10px;
	white-space: nowrap;
}
.pr-tab-pg td.pr-regno img {
	vertical-align: middle;
}
.pr-mini-ritratto {
	background: #f3ead6;
	border: 1px solid #c9b18c;
	display: inline-block;
	padding: 1px;
	vertical-align: middle;
}
.pr-mini-ritratto img {
	display: block;
}
.pr-online {
	color: #2f6a12;
	font-weight: bold;
}
.pr-online:before {
	background: #3d8a1a;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 6px;
	margin: 0 4px 1px 0;
	width: 6px;
}

/* ---- scheda onorificenze (A) ---- */
.fr-inner ul.pr-onori-lista {
	border: 1px solid #c9b18c;
	margin: 0;
	padding: 0;
}
.pr-onori-lista li {
	background: #fbf6ea;
	border-bottom: 1px solid #e6dcc5;
	list-style: none;
	min-height: 36px;
	padding: 6px 8px 6px 52px;
	position: relative;
}
.pr-onori-lista li.zebra {
	background: #f5eedc;
}
.pr-onori-lista li:last-child {
	border-bottom: 0;
}
.pr-onori-lista .pr-med {
	left: 8px;
	position: absolute;
	top: 6px;
}
.pr-onori-lista li.chiusa strong {
	color: #7a6a50;
}
.pr-onori-lista .quando, .pr-medagliere .quando {
	color: #7a6a50;
	font-size: 10px;
}
.pr-onori-lista .regola, .pr-medagliere .regola {
	color: #533a00;
	display: block;
	font-size: 10px;
	margin: 2px 0 0 0;
}
.pr-metallo {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
.pr-metallo.oro { color: #8a6a10; }
.pr-metallo.argento { color: #5f5f5a; }
.pr-metallo.bronzo { color: #8a4f22; }

/* ---- impostazioni (A) ---- */
.pr-impostazioni col.c-etichetta { width: 120px; }
.pr-impostazioni col.c-azione { width: 76px; }
.fr-tab td.etichetta {
	color: #533a00;
	font-weight: bold;
}
.pr-impostazioni td {
	vertical-align: middle;
}
.pr-impostazioni thead + tbody + thead th {
	border-top: 1px solid #c9b18c;
}
.pr-spiega {
	color: #7a6a50;
	display: block;
	font-size: 10px;
	margin: 2px 0 0 0;
}
.pr-scegli, .pr-firma, .pr-chat-scrivi input[type=text] {
	background: #fff;
	border: 1px solid #c9b18c;
	color: #533a00;
	font: 11px Arial, Helvetica, sans-serif;
}
.pr-firma {
	width: 230px;
}
.pr-impostazioni .fr-mini-btn {
	display: inline-block;
	line-height: 18px;
}
.fr-inner .pr-impostazioni a.fr-mini-btn {
	color: #dfbf8b;
	width: 53px;
}

/* ---- due riquadri affiancati (B, C, D): 236 + 9 + 236 = 481 ---- */
.pr-due {
	overflow: hidden;
}
.pr-due .fr-riquadro {
	width: 234px;
}
.pr-meta-sx {
	float: left;
}
.pr-meta-dx {
	float: right;
}
.fr-inner ul.pr-dati {
	margin: 0;
	padding: 4px 7px;
}
.pr-dati li {
	border-bottom: 1px dotted #e6dcc5;
	list-style: none;
	overflow: hidden;
	padding: 3px 0;
}
.pr-dati li:last-child {
	border-bottom: 0;
}
.pr-dati li span {
	color: #533a00;
	float: left;
	width: 100px;
}
.pr-dati li em {
	color: #7a6a50;
	display: block;
	clear: left;
	font-size: 10px;
	font-style: normal;
}
.pr-dati-riga li {
	border-bottom: 0;
	float: left;
	margin: 0 14px 0 0;
}
.pr-dati-riga li span {
	float: none;
	margin: 0 4px 0 0;
	width: auto;
}
.pr-dati-riga {
	overflow: hidden;
}
.pr-riquadro-piede {
	background: #f5eedc;
	border-top: 1px solid #e6dcc5;
	font-size: 10px;
	padding: 4px 7px;
}
.pr-testa-nota {
	color: #7a6a50;
	float: right;
	font-size: 10px;
	font-weight: normal;
}
.pr-piccolo {
	color: #533a00;
	font-size: 10px;
}
.pr-grigio {
	color: #7a6a50;
	font-size: 10px;
}

/* ---- righe dei personaggi dentro un riquadro (B, C, D) ---- */
.fr-inner ul.pr-pg-righe {
	margin: 0;
	padding: 0;
}
.pr-pg-righe li {
	border-bottom: 1px solid #e6dcc5;
	line-height: 28px;
	list-style: none;
	overflow: hidden;
	padding: 3px 7px;
}
.pr-pg-righe li.zebra {
	background: #f5eedc;
}
.pr-pg-righe li:last-child {
	border-bottom: 0;
}
.pr-pg-righe .pr-mini-ritratto {
	margin: 0 7px 0 0;
}
.pr-pg-righe.stretto li {
	line-height: 16px;
}
.pr-pg-righe.stretto .pr-grigio {
	display: block;
}
.pr-srv {
	background: #e9dfc7;
	border: 1px solid #c9b18c;
	color: #533a00;
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	margin: 0 6px 0 0;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	width: 48px;
}
.pr-srv.sito {
	background: #fbf6ea;
	border-style: dashed;
	color: #7b1300;
}
.pr-stato {
	color: #7a6a50;
	float: right;
	font-size: 10px;
}

/* ---- avvisi (B): cosa e' successo mentre non c'eri ---- */
.fr-inner ul.pr-avvisi {
	margin: 0;
	padding: 3px 7px;
}
.pr-avvisi li {
	border-bottom: 1px dotted #e6dcc5;
	list-style: none;
	padding: 5px 0;
}
.pr-avvisi li:last-child {
	border-bottom: 0;
}
.pr-avvisi .fr-ico.mini {
	margin-right: 6px;
}
.pr-avvisi .quando {
	color: #7a6a50;
	float: right;
	font-size: 10px;
}

/* ---- albo d'onore (C) ---- */
.pr-albo-testa {
	background: #fbf6ea;
	border: 1px solid #c9b18c;
	border-left: 3px solid #7b1300;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 10px;
}
.pr-grado-grande {
	background: #8a6a2a;
	border: 3px double #f1dc9a;
	color: #fbf6ea;
	float: left;
	font: bold 30px/66px Georgia, "Times New Roman", serif;
	height: 66px;
	text-align: center;
	width: 72px;
}
.pr-albo-testa .pr-chi {
	margin: 0 0 0 90px;
}
.pr-grado-nome {
	color: #533a00;
	display: block;
	font: bold 16px Georgia, "Times New Roman", serif;
	margin: 0 0 3px 0;
}
.pr-albo-testa .pr-login {
	font-size: 12px;
}
.pr-albo-testa .pr-tacche {
	margin-left: 0;
}
.fr-inner ol.pr-scala {
	margin: 0;
	padding: 4px 7px;
}
.pr-scala li {
	color: #b09a74;
	list-style: none;
	padding: 2px 0;
}
.pr-scala li .num {
	border: 1px solid #e6dcc5;
	display: inline-block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	margin: 0 6px 0 0;
	text-align: center;
	width: 30px;
}
.pr-scala li .soglia {
	float: right;
	font-size: 10px;
}
.pr-scala li.fatto {
	color: #533a00;
}
.pr-scala li.fatto .num {
	background: #e9dfc7;
	border-color: #c9b18c;
}
.pr-scala li.ora {
	background: #f3ead6;
	color: #7b1300;
	font-weight: bold;
}
.pr-scala li.ora .num {
	background: #8a6a2a;
	border-color: #6b4f10;
	color: #fbf6ea;
}
.fr-inner ul.pr-medagliere {
	margin: 0;
	overflow: hidden;
	padding: 6px 0 0 3px;
}
.pr-medagliere li {
	float: left;
	height: 118px;
	list-style: none;
	margin: 0 0 6px 4px;
	overflow: hidden;
	padding: 0 3px;
	text-align: center;
	width: 106px;
}
.pr-medagliere .pr-med.grande {
	display: block;
	margin: 2px auto 4px auto;
}
.pr-medagliere strong {
	display: block;
	font-size: 11px;
}
.pr-medagliere li.chiusa strong {
	color: #7a6a50;
}

/* ---- carta pubblica (D) ---- */
.pr-interruttore {
	float: right;
}
.fr-inner .pr-interruttore a {
	background: #fbf6ea;
	border: 1px solid #c9b18c;
	color: #533a00;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	padding: 1px 7px;
}
.fr-inner .pr-interruttore a.acceso {
	background: #533a00;
	border-color: #3a2800;
	color: #f3ead6;
	text-decoration: none;
}
.fr-riquadro.pr-privato {
	border-color: #533a00;
	border-style: dashed;
}
.pr-link-barra {
	float: right;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 4px 0 0;
}
.fr-inner ul.pr-onori-riga {
	margin: 0;
	overflow: hidden;
	padding: 6px 7px 2px 7px;
}
.pr-onori-riga li {
	color: #533a00;
	float: left;
	list-style: none;
	padding: 0 0 5px 0;
	width: 155px;
}
.pr-onori-riga .pr-med {
	margin-right: 5px;
}
.fr-inner ul.pr-filo {
	margin: 0;
	padding: 4px 7px 4px 7px;
}
.pr-filo li {
	border-left: 2px solid #e6dcc5;
	list-style: none;
	margin: 0 0 0 7px;
	padding: 4px 0 6px 14px;
	position: relative;
}
.pr-filo li .fr-ico.mini {
	left: -10px;
	margin: 0;
	position: absolute;
	top: 4px;
}
.pr-filo li.onore .fr-ico.mini {
	background: #f1dc9a;
	border-color: #b08a2a;
	color: #6b4f10;
}
.pr-filo li.chat .fr-ico.mini {
	background: #e9dfc7;
}
.pr-tipo {
	color: #7a6a50;
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	width: 40px;
}
.pr-filo .quando {
	color: #7a6a50;
	float: right;
	font-size: 10px;
}

/* ---- striscia "un'identita' sola": forum e chat con la stessa persona ---- */
.pr-identita {
	border-top: 3px double #c9b18c;
	margin: 18px 0 0 0;
	padding: 10px 0 0 0;
}
.pr-identita-testa {
	color: #7b1300;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 8px 0;
}
.pr-post-prova .fr-autore .pr-grado {
	margin: 2px 0;
}
.pr-post-prova .fr-autore .pr-med {
	height: 14px;
	line-height: 12px;
	margin: 0 1px;
	width: 14px;
}
.pr-post-prova .fr-autore .pr-med .fr-svg {
	height: 8px;
	width: 8px;
}

/* La chat vera (chat_live.html) oggi e' una scatola nera con CSS in linea:
   qui la si riveste come il forum. Righe su carta, colori di regno uguali a
   .fr-nome, un avviso fisso che ricorda che le parole arrivano IN GIOCO. */
.pr-chat {
	background: #fbf6ea;
	border: 1px solid #c9b18c;
	margin: 0 0 10px 0;
}
.pr-chat-testa {
	background: #e9dfc7;
	border-bottom: 1px solid #c9b18c;
	color: #7b1300;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 7px;
}
.pr-chat-testa .fr-svg {
	color: #8a6a2a;
	margin: -2px 6px 0 0;
}
.pr-chat-avviso {
	background: #7b1300;
	color: #f3ead6;
	float: right;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	margin: 1px 0 0 0;
	padding: 1px 5px;
	text-transform: uppercase;
}
.fr-inner ul.pr-chat-righe {
	margin: 0;
	padding: 0;
}
.pr-chat-righe li {
	border-bottom: 1px solid #e6dcc5;
	line-height: 1.5;
	list-style: none;
	padding: 4px 7px;
}
.pr-chat-righe li.zebra {
	background: #f5eedc;
}
.pr-chat-righe .ora {
	color: #7a6a50;
	font-size: 10px;
	margin: 0 6px 0 0;
}
.pr-chat-righe .pr-srv {
	width: 44px;
}
.fr-inner .fr-nome.pr-dal-sito {
	color: #533a00;
	border-bottom: 1px dashed #533a00;
}
.pr-chat-scrivi {
	background: #f5eedc;
	margin: 0;
	padding: 6px 7px;
}
.pr-chat-scrivi input[type=text] {
	height: 16px;
	margin: 0 6px 0 0;
	padding: 2px 4px;
	vertical-align: middle;
	width: 300px;
}
.pr-chat-scrivi .fr-pulsante {
	vertical-align: middle;
}

/* all.css mette le immagini del contenuto a blocco: le bandierine dei regni
   andavano a capo da sole. Nel testo restano in riga. */
.fr-inner .pr-meta img, .fr-inner td.pr-regno img {
	display: inline;
	float: none;
	margin: 0 2px 0 0;
}
/* la nota sotto la tabella stava sulla pergamena: carta piena anche qui */
.fr-inner p.pr-nota {
	background: #fbf6ea;
	border: 1px solid #e6dcc5;
	border-top: 0;
	margin: 0 0 10px 0;
	padding: 4px 7px;
}
/* nella colonna autore (84px) cinque medaglie ci stanno solo senza gli spazi
   che l'include lascia fra un tondo e l'altro */
.pr-post-prova .fr-autore .pr-medaglie {
	font-size: 0;
}

/* ---------------------------------------------------------------------------
   Pagine vere (settembre 2026): /utente/<login>/ e /profilo.
   Pezzi che il mockup non aveva perche' i suoi dati erano sempre pieni:
   ritratto vuoto (account senza PG), righe "niente da mostrare", conferma ed
   errore del form impostazioni, le medaglie da spuntare.
   --------------------------------------------------------------------------- */
.pr-ritratto.vuoto {
	height: 64px;
	width: 64px;
}
.pr-vuoto,
.fr-tab td.pr-vuoto {
	color: #7a6a50;
	font-style: italic;
}
.fr-inner ul.pr-onori-riga li.pr-vuoto,
.fr-inner ul.pr-pg-righe li.pr-vuoto {
	float: none;
	width: auto;
}
.pr-conferma,
.pr-errore {
	border: 1px solid #c9b18c;
	margin: 0 0 8px 0;
	padding: 6px 8px 6px 26px;
}
.pr-conferma {
	background: #f3ead6 url(../img/bullet.gif) no-repeat 9px 10px;
	color: #3d5a1e;
}
.pr-errore {
	background: #f7e3d8 url(../img/error-mini.gif) no-repeat 6px 6px;
	border-color: #b0482a;
	color: #8c1d05;
}
.pr-vetrina-voce {
	cursor: pointer;
	display: block;
	padding: 1px 0;
}
.pr-vetrina-voce input {
	vertical-align: middle;
}
.pr-form-piede {
	margin: 6px 0 10px 0;
	text-align: right;
}
.pr-firma-vista {
	color: #533a00;
	font-style: italic;
	padding-bottom: 7px;
	word-wrap: break-word;
}
.pr-codice strong {
	letter-spacing: 1px;
}