/* barra di accesso e ricerca storiche: le riporto dentro il design nuovo */
#barraadmin, #barraricerca {
  background: #fff !important;
  background-image: none !important;
  color: var(--muted, #66768b) !important;
  border-bottom: 1px solid var(--line, #e6e1d8) !important;
  border-top: 0 !important;
  padding: 10px 28px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-family: var(--sans, system-ui) !important;
  line-height: 1.5 !important;
  text-align: left !important;
  clear: both !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  position: static !important;
  float: none !important;
  box-shadow: none !important;
}
#barraadmin a, #barraricerca a {
  color: var(--blue, #1e56d6) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  font-weight: 600 !important;
  background: transparent !important;
  padding: 0 2px !important;
}
#barraadmin a:hover, #barraricerca a:hover { text-decoration: underline !important; }
#barraadmin table, #barraricerca table, #barraadmin td, #barraricerca td {
  background: transparent !important; border: 0 !important; padding: 0 !important; font-size: 13px !important;
}
#barrabriciola { background: transparent !important; }
#content.vs-content { clear: both; }

/* il corpo storico della home (blocchi della DLL) dentro una griglia moderna */
#content .tabnav { margin-top: 22px; }
#content .tabdiv { padding: 18px 0 6px; }
#boxworld { float: right !important; width: auto !important; max-width: 100%; margin: 0 0 22px 26px; }
#boxworld img { border-radius: 4px; box-shadow: 0 1px 2px rgba(15,22,32,.06), 0 14px 34px -18px rgba(15,22,32,.35); max-width: 100%; height: auto; }
#slider2 { list-style: none; margin: 0 0 26px; padding: 0; }
#slider2 li { position: relative; }
#slider2 img { border-radius: 4px; width: 100%; height: auto; display: block; }
#slider2 a { border-bottom: 0 !important; }
.olSlider, .olBtn { list-style: none; margin: 10px 0 0; padding: 0; display: flex; gap: 8px; }
.olSlider li a, .olBtn li a {
  display: block; width: 9px; height: 9px; border-radius: 50%; background: var(--line-2, #d7d1c6);
  text-indent: -9999px; overflow: hidden;
}
.olSlider li a.active, .olBtn li a.active { background: var(--blue, #1e56d6); }
.widget, .imgButtonhome { border: 0 !important; background: transparent !important; padding: 0 !important; }
.capitalize { text-transform: none !important; }
.nomargin { margin: 0 !important; }

/* testata: niente a capo, spazi misurati, CTA dentro il bordo */
.top nav{white-space:nowrap;gap:18px}
.top nav a{font-size:13px}
.topsearch input{width:150px}
.top .wrap{gap:16px}
.topsearch{flex:0 1 auto}
.top .cta{white-space:nowrap}
@media (max-width:1240px){ .topsearch{display:none} .top nav{gap:14px} .top nav a{font-size:12.5px} }
/* la vecchia barra di ricerca duplicava il menu: la tolgo (i link sono nel menu nuovo e nel piè di pagina) */
#barraricerca{display:none !important}

/* ==== rifiniture home ==== */
/* sulla foto dell'apertura i pulsanti restano leggibili */
#slide .acts .btn{background:#fff;color:#0b1524;border-color:#fff}
#slide .acts .btn.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.6)}
#slide .acts .btn.ghost:hover{background:rgba(255,255,255,.24)}
/* il campo di ricerca del 2011 duplica quello della testata */
#content .ricerca, #content .imgButtonhome, #content #ctl00_key{display:none !important}
/* i tab storici (Top Giramondo / Recent / Utenti piu attivi) diventano una classifica */
#tabvanilla{float:none !important;width:auto !important;clear:both;margin:30px 0 8px !important;
  background:var(--card,#fff) !important;border:1px solid var(--line,#e6e1d8) !important;border-radius:4px !important;
  padding:22px 24px !important;box-shadow:0 1px 2px rgba(15,22,32,.04) !important}
#tabvanilla .tabnav{margin:0 0 16px !important}
#tabvanilla .tabnav li{list-style:none}
#tabvanilla ul{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px}
#tabvanilla li{height:auto !important;display:flex !important;align-items:center;gap:12px;padding:9px 0 !important;
  border-bottom:1px solid var(--line,#e6e1d8);font-size:14.5px;list-style:none;float:none !important}
#tabvanilla li img{width:36px !important;height:36px !important;border-radius:50% !important;object-fit:cover;
  float:none !important;padding:0 !important;border:0 !important}
#tabvanilla li a{color:var(--ink,#0f1620);text-decoration:none;border-bottom:0 !important;font-weight:500}
#tabvanilla li a:hover{color:var(--blue,#1e56d6)}
#tabvanilla li b{color:var(--muted-2,#8b99ab);font-weight:600;font-size:12.5px}
/* la mappa dei continenti dentro una card */
#boxworld{background:var(--card,#fff);border:1px solid var(--line,#e6e1d8);border-radius:4px;padding:16px !important;
  float:right !important;width:auto !important;margin:0 0 24px 26px !important}
#boxworld img{max-width:100%;height:auto}
@media (max-width:1080px){ #tabvanilla ul{grid-template-columns:1fr} #boxworld{float:none !important;margin:0 0 24px 0 !important} }

/* barra di accesso: allineata al contenitore e leggibile */
#barraadmin{max-width:1240px !important;margin:0 auto !important;padding:11px 28px !important;
  border-bottom:1px solid var(--line,#e6e1d8) !important;font-size:13px !important;color:var(--muted,#66768b) !important;
  letter-spacing:.01em !important}
#barraadmin a{color:var(--blue,#1e56d6) !important;font-weight:600 !important;text-decoration:none !important}
#barraadmin a:hover{text-decoration:underline !important}
@media (max-width:680px){ #barraadmin{padding:10px 18px !important} }

/* il breadcrumb del 2011 duplica quello nuovo: lo tolgo (il nuovo è in .crumb) */
#barrabriciola{display:none !important}
.crumb{max-width:1240px;margin:16px auto 0;padding:0 28px;font-size:12.5px;color:var(--muted,#66768b)}
.crumb a{color:var(--muted,#66768b);text-decoration:none;border-bottom:1px solid var(--line-2,#d7d1c6)}
.crumb a:hover{color:var(--blue,#1e56d6)}
.crumb span{margin:0 7px;opacity:.55}

/* pagine di accesso: fascia con il logo storico sopra il modulo */
.auth-top{background:var(--navy,#0b1524);padding:14px 28px;display:flex;align-items:center;justify-content:center}
.auth-top img{height:30px;background:#fff;padding:5px 12px;border-radius:6px;display:block}
.boxcentrale{max-width:760px;margin:34px auto;padding:30px 32px}
.boxcentrale h2{font-family:var(--display,'Georgia');font-weight:600;letter-spacing:-.01em}

/* pagine di accesso: modulo più arioso e leggibile */
.boxcentrale{max-width:680px !important;margin:30px auto !important;padding:28px 30px !important}
.boxcentrale h1,.boxcentrale h2,.boxcentrale h3{text-align:center}
.boxcentrale form{display:block}
#content input[type=text],#content input[type=password],.boxcentrale input[type=text],.boxcentrale input[type=password]{
  padding:12px 14px !important;font-size:15px !important;max-width:100% !important}
.boxcentrale table{width:100%}
.boxcentrale td{padding:8px 6px;font-size:14.5px}
.boxcentrale img[src*="lock"],.boxcentrale img[src*="lucchetto"]{display:none}
.bottoneBig{margin-top:12px}
@media (max-width:680px){ .boxcentrale{margin:16px 12px !important;padding:20px !important} }

/* registrazione: rifiniture alla struttura a tabella del 2011 */
.boxcentrale .obbligatorio{color:var(--ink,#0f1620) !important;font-weight:600 !important}
.boxcentrale .obbligatorio::after{content:" *";color:#c0392b;font-weight:700}
.boxcentrale textarea{width:100% !important;max-width:100% !important;font-size:12.5px !important;line-height:1.5 !important;
  color:var(--muted,#66768b) !important;border:1px solid var(--line,#e6e1d8) !important;border-radius:4px !important;
  padding:12px !important;background:#fbfaf7 !important;resize:vertical}
.boxcentrale table{border-collapse:separate;border-spacing:0 6px}
.boxcentrale table td{border-bottom:0 !important}
.boxcentrale br+br{display:none}
.boxcentrale .bottoneBig{margin:16px auto 0;display:block}

/* i marcatori asterisco del 2011 erano in celle separate e finivano disallineati: li tolgo */
.boxcentrale td{vertical-align:middle}

/* ===== moduli di registrazione e accesso: leggibili e moderni ===== */
#content .boxcentrale table{width:100%;border-collapse:separate;border-spacing:0}
#content .boxcentrale table tr{display:block;margin-bottom:14px}
#content .boxcentrale table td{display:block;width:100%;padding:0 !important;border:0 !important}
#content .boxcentrale table td:first-child:not(:only-child){
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6B7889;font-weight:700;margin-bottom:6px}
#content .boxcentrale table td:empty{display:none}
#content .boxcentrale input[type=text],#content .boxcentrale input[type=password]{
  width:100% !important;max-width:100% !important;padding:13px 15px !important;font-size:16px !important;
  border:1px solid #D9D3C7 !important;border-radius:11px !important;background:#FDFCFA !important;color:#06152B !important;
  box-sizing:border-box;font-family:var(--sans,system-ui) !important;height:auto !important;line-height:1.3 !important}
#content .boxcentrale input:focus{outline:none !important;border-color:#2F6BFF !important;background:#fff !important;
  box-shadow:0 0 0 3px rgba(47,107,255,.14)}
#content .boxcentrale select{width:100% !important;padding:12px 14px !important;font-size:15.5px !important;border-radius:11px !important;
  border:1px solid #D9D3C7 !important;background:#FDFCFA !important;color:#06152B !important}
#content .boxcentrale textarea{width:100% !important;min-height:110px;font-size:13.5px !important;line-height:1.6 !important;
  color:#4A5A6E !important;border:1px solid #E5E0D6 !important;border-radius:11px !important;background:#FBFAF7 !important;padding:14px !important}
#content .boxcentrale .obbligatorio{color:#C0392B !important;font-size:12px;font-weight:600}
#content .boxcentrale .bottone,#content .boxcentrale .bottoneBig{
  width:100% !important;padding:15px 24px !important;font-size:16px !important;border:0 !important;border-radius:99px !important;
  background:#2F6BFF !important;color:#fff !important;font-weight:600 !important;cursor:pointer;
  box-shadow:0 10px 24px -14px rgba(47,107,255,.8)}
#content .boxcentrale .bottone:hover,#content .boxcentrale .bottoneBig:hover{background:#1E4FD8 !important}
#content .boxcentrale label{font-size:14px;color:#2A3648}
#content .boxcentrale h1{font-size:22px !important;margin:0 0 16px !important}
#content .boxcentrale hr{border:0;border-top:1px solid #F1EEE7;margin:22px 0}
#content .boxcentrale .identity,#content .boxcentrale .password{width:100% !important}
@media(max-width:680px){ #content .boxcentrale input,#content .boxcentrale select{font-size:16px !important} }

/* ===== registrazione/accesso: ritocchi 2026 ===== */
#content .boxcentrale{max-width:760px !important;padding:30px 34px !important}
#content .boxcentrale table td:first-child:not(:only-child){color:#2A3648 !important;text-transform:none !important;
  letter-spacing:0 !important;font-size:14px !important;font-weight:600 !important}
#content .boxcentrale .bottoneBig,#content .boxcentrale .bottone{
  width:100% !important;max-width:420px !important;margin:20px auto 0 !important;display:block !important;
  padding:16px 28px !important;font-size:16.5px !important;background:#2F6BFF !important;color:#fff !important;
  border:0 !important;border-radius:99px !important;font-weight:600 !important;cursor:pointer}
#content .boxcentrale .bottoneBig:hover{background:#1E4FD8 !important}
#content .boxcentrale h3{font-size:16px !important;color:#06152B !important;margin:22px 0 10px !important;
  padding-bottom:6px;border-bottom:1px solid #F1EEE7}
#content .boxcentrale p{font-size:14.5px !important;color:#4A5A6E !important;line-height:1.6 !important}
#content .boxcentrale table{margin:0}

/* ===== i marcatori asterisco del 2011 finivano sparsi e doppi: via ===== */
/* il marcatore del 2011 resta ma piccolo: MAI nascondere la cella (contiene il campo) */
/* la cella-marcatore del 2011 e' larga 32px e CONTIENE il campo: la faccio diventare a tutta larghezza */
#content .boxcentrale td.obbligatorio{display:block !important;width:auto !important;max-width:100% !important;color:#C0392B !important;font-size:11px !important;height:auto !important;visibility:visible !important}
#content .boxcentrale td.obbligatorio input[type=text],#content .boxcentrale td.obbligatorio input[type=password]{
  width:100% !important;min-width:280px !important;max-width:100% !important;box-sizing:border-box !important}
/* e nessun campo deve restare stretto */
#content .boxcentrale input[type=text],#content .boxcentrale input[type=password]{min-width:280px !important;box-sizing:border-box !important}
/* etichetta + campo: un blocco per campo, con asterisco corretto accanto all'etichetta */
#content .boxcentrale table td:first-child:not(:only-child)::after{content:""}
#content .boxcentrale table tr:has(td:first-child:not(:empty)) td:first-child{
  border-left:0;position:relative}
#content .boxcentrale table td:first-child em{font-style:normal}
/* il pulsante non deve stare in mezzo ai campi */
#content .boxcentrale input[type=submit]{margin:18px 0 0 !important}

/* ===== 2026: modulo di iscrizione a DUE COLONNE, pochi campi ===== */
#content .boxcentrale .mod-titolo{font-family:var(--serif,Georgia);font-size:28px;color:#06152B;margin:0 0 6px;line-height:1.15}
#content .boxcentrale .mod-sub{font-size:15px;color:#5A6A7E;margin:0 0 22px;line-height:1.55}
#content .boxcentrale table{display:grid !important;grid-template-columns:1fr 1fr;gap:16px 22px;width:100%;border-spacing:0}
#content .boxcentrale table > tbody{display:contents !important}
#content .boxcentrale table tr{display:block !important;grid-column:span 2;min-width:0;margin:0 !important}
/* i sei campi che contano: due per riga, nell'ordine giusto */
#content .boxcentrale table tr:has(#txtNome),#content .boxcentrale table tr:has(#txtCognome),
#content .boxcentrale table tr:has(#txtUsername),#content .boxcentrale table tr:has(#txtEmail),
#content .boxcentrale table tr:has(#txtPassword),#content .boxcentrale table tr:has(#txtPassword2){grid-column:span 1}
#content .boxcentrale table tr:has(#txtNome){order:1}
#content .boxcentrale table tr:has(#txtCognome){order:2}
#content .boxcentrale table tr:has(#txtUsername){order:3}
#content .boxcentrale table tr:has(#txtEmail){order:4}
#content .boxcentrale table tr:has(#txtPassword){order:5}
#content .boxcentrale table tr:has(#txtPassword2){order:6}
#content .boxcentrale table tr:has(#txtResidenza){order:7}
#content .boxcentrale table tr:has(.privacy),#content .boxcentrale table tr:has(#chkPrivacy){order:8}
/* campi del 2004: restano nel profilo, fuori dall'iscrizione */
#content .boxcentrale table tr:has(#txtICQ),#content .boxcentrale table tr:has(#txtYahoo),
#content .boxcentrale table tr:has(#txtMSN),#content .boxcentrale table tr:has(#txtAIM),
#content .boxcentrale table tr:has(#txtSkype),#content .boxcentrale table tr:has(#txtGTalk),
#content .boxcentrale table tr:has(#txtInteressi),#content .boxcentrale table tr:has(#txtProfessione),
#content .boxcentrale table tr:has(#txtFrasePersonale),#content .boxcentrale table tr:has(#txtFirma),
#content .boxcentrale table tr:has(#ddlViaggiatore),#content .boxcentrale table tr:has(#ddlViaggiPreferiti),
#content .boxcentrale table tr:has(#ddlAvventure),#content .boxcentrale table tr:has(#lnkAltreInfo){display:none !important}
/* etichette: leggibili, con testo di aiuto dove serve */
#content .boxcentrale table td:first-child:not(:only-child){font-size:13.5px !important;font-weight:700 !important;color:#0F1620 !important;
  text-transform:none !important;letter-spacing:0 !important;margin:0 0 7px !important;line-height:1.3}
#content .boxcentrale table tr:has(#txtUsername) td:first-child::after{content:" (sarà il tuo nome pubblico)";font-weight:400;color:#6B7889;font-size:12.5px}
#content .boxcentrale table tr:has(#txtPassword) td:first-child::after{content:" (almeno 6 caratteri)";font-weight:400;color:#6B7889;font-size:12.5px}
#content .boxcentrale table tr:has(#txtEmail) td:first-child::after{content:" (per attivare l'account)";font-weight:400;color:#6B7889;font-size:12.5px}
#content .boxcentrale table tr:has(#txtCognome) td:first-child::after{content:" (facoltativo)";font-weight:400;color:#6B7889;font-size:12.5px}
#content .boxcentrale .bottoneBig{order:20;width:100% !important;max-width:none !important;margin:8px 0 0 !important}
@media(max-width:700px){ #content .boxcentrale table{grid-template-columns:1fr !important}
  #content .boxcentrale table tr{grid-column:span 1 !important} #content .boxcentrale .mod-titolo{font-size:23px} }

/* Sito web sta nella stessa riga di privacy e pulsante: si nasconde SOLO il campo, mai la riga */
#content .boxcentrale #txtSito,#content .boxcentrale #txtUrl{display:none !important}
#content .boxcentrale table tr:has(#btnRegistra){display:block !important;grid-column:span 2 !important;order:20 !important;margin-top:14px !important}
#content .boxcentrale table tr:has(#chkPrivacy){display:block !important;grid-column:span 2 !important;order:19 !important}
#content .boxcentrale table tr:has(#chkPrivacy) td{display:block !important;width:100% !important}