/* La fascia «Bando aperto» sotto l'intestazione. Colori del sito: verde
   scuro #1B3B2D, oro #E9C46A. */

.uh-bando {
  background: #1B3B2D;
  color: #fff;
  border-bottom: 3px solid #E9C46A;
}

.uh-bando-dentro {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 24px;
  text-align: center;
}

.uh-bando-testo {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  color: #fff;
}

.uh-bando-titolo {
  color: #E9C46A;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-right: 8px;
}

.uh-bando-bottone {
  display: inline-block;
  background: #E9C46A;
  color: #1B3B2D !important;
  font-weight: 700;
  font-size: 14px;
  padding: 9px 18px;
  border-radius: 999px;
  text-decoration: none !important;
  white-space: nowrap;
}

.uh-bando-bottone:hover,
.uh-bando-bottone:focus-visible {
  background: #fff;
}

@media (max-width: 640px) {
  .uh-bando-titolo { display: block; margin: 0 0 2px; }
}

/* Il blocco a cui porta «Scopri di più»: non finisce sotto la testata fissa. */
html { scroll-behavior: smooth; }
#bando { scroll-margin-top: 90px; }

/* Il contatore nella scheda dei 21 posti del blocco #bando (dalla 1.4.0):
   un'etichetta accanto al titolo, in alto a destra. Visibile, ma più piccola
   del bottone «Iscriviti alla graduatoria». */
.uh-bando-titolo-riga {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.uh-bando-contatore {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.uh-bc-badge {
  padding: 4px 12px;
  border-radius: 999px;
  background: #1B3B2D;
  color: rgba(255, 255, 255, .8);
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}
.uh-bc-badge b {
  color: #E9C46A;
  font-size: 22px;
}
.uh-bc-testo {
  font-size: 14px;
  font-weight: 700;
  color: #2D6A4F;
  line-height: 1.25;
}

/* I due bottoni della scheda: dal 2026-10-07 «Iscriviti alla graduatoria»
   è oro (prima bianco su bianco, non si capiva che fosse un bottone) e
   «Compila la domanda» resta verde. Qui e non nel builder: così vale anche
   per la home inglese, che è generata. */
#bando a[href^="/candidature/candidatura.php"] {
  background: #E9C46A !important;
  border-color: #E9C46A !important;
  color: #1B3B2D !important;
  font-weight: 700;
}
#bando a[href^="/candidature/candidatura.php"]:hover,
#bando a[href^="/candidature/candidatura.php"]:focus-visible {
  background: #1B3B2D !important;
  border-color: #1B3B2D !important;
  color: #fff !important;
}

/* I due bottoni della sezione Posizione, dal 2026-10-07: «Apri Google Map»
   verde, «Cosa c'è intorno» oro. Erano bianchi su crema: il CSS messo sugli
   elementi del builder YOOtheme lo compila solo quando si salva dal builder,
   e la home si scrive con gli script. Qui vale anche per la home inglese. */
#tm-main a.el-content[href^="https://www.google.com/maps/"] {
  background: #2D6A4F !important;
  border-color: #2D6A4F !important;
  color: #fff !important;
}
#tm-main a.el-content[href="/punti-di-interesse/"],
#tm-main a.el-content[href="/points-of-interest/"] {
  background: #E9C46A !important;
  border-color: #E9C46A !important;
  color: #1B3B2D !important;
}
#tm-main a.el-content[href^="https://www.google.com/maps/"]:hover,
#tm-main a.el-content[href="/punti-di-interesse/"]:hover,
#tm-main a.el-content[href="/points-of-interest/"]:hover {
  background: #1B3B2D !important;
  border-color: #1B3B2D !important;
  color: #fff !important;
}