/* Il menu a tendina in testata (templates/includes/menu.html), nelle pagine
   dell'app e nel Dream-Up: per questo ha i suoi colori, quelli del manuale di
   stile, invece delle variabili dei due fogli di stile. */

.wv-menu {
  position: relative;
  z-index: 60;
  font-family: "Montserrat", -apple-system, sans-serif;
  text-align: left;
}

/* nelle pagine dell'app: a destra nella testata, col logo al centro */
.wv-testata { position: relative; }
.wv-testata > .wv-menu { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); }

.wv-menu-pulsante {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  cursor: pointer;
  padding: 8px 10px;
  border: 1px solid #e8e2d5;
  border-radius: 2px;
  background: #ffffff;
  color: #223e5f;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  user-select: none;
}
.wv-menu-pulsante::-webkit-details-marker { display: none; }
.wv-menu-pulsante:hover, .wv-menu[open] .wv-menu-pulsante { border-color: #ae9962; }
.wv-menu-pulsante svg { width: 18px; height: 18px; }
/* sul telefono stretto resta l'icona */
@media (max-width: 340px) { .wv-menu-pulsante span { display: none; } }

.wv-menu-elenco {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 260px;
  padding: 6px 0;
  background: #ffffff;
  border: 1px solid #e8e2d5;
  border-top: 2px solid #ae9962;
  box-shadow: 0 10px 30px rgba(28, 26, 23, 0.12);
}

.wv-menu-voce {
  display: block;
  width: 100%;
  padding: 11px 18px;
  border: 0;
  background: none;
  color: #223e5f;
  font: inherit;
  font-size: 14px;
  line-height: 1.35;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.wv-menu-voce small { display: block; margin-top: 2px; font-size: 11.5px; color: #77726a; }
.wv-menu-voce:hover, .wv-menu-voce:focus-visible { background: rgba(174, 153, 98, 0.12); outline: none; }
.wv-menu-voce--qui { box-shadow: inset 3px 0 0 #ae9962; }
.wv-menu form { margin: 6px 0 0; padding-top: 6px; border-top: 1px solid #e8e2d5; }
.wv-menu-esci { color: #77726a; }
/* la versione dell'app, piccola a destra di «Esci» (Roberto, 15/10/2026) */
.wv-menu-fondo { display: flex; align-items: center; }
.wv-menu-fondo .wv-menu-esci { flex: 1; }
.wv-menu-versione { padding: 0 18px 0 8px; font-size: 10.5px; letter-spacing: 0.06em; color: #a6a199; white-space: nowrap; }