/* Start custom CSS *//* Landing DocLocator medici: scorrimento morbido verso le ancore del menu */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Spazio per l'header fisso: vale per le ancore e per il campo che il browser segnala vuoto all'invio */
html { scroll-padding-top: 96px; }
@media (max-width: 767px) { html { scroll-padding-top: 104px; } }
/* Font dei titoli, quello del logo DocLocator (PP Gatwick Jumbo Semibold, licenza web di Brandstorm).
   Caricato nella Libreria font di WordPress: lo richiama solo questa pagina */
@font-face { font-family: 'PP Gatwick'; src: url('/wp-content/uploads/fonts/PPGatwick-JumboSemibold.otf') format('opentype'); font-weight: 500 900; font-style: normal; font-display: swap; }
.elementor-7586 :is(h1, h2, h3) { font-family: 'PP Gatwick', 'Manrope', sans-serif; font-weight: 600; letter-spacing: -0.01em; text-wrap: balance; }
/* Sotto i 360 px "DimmidipiùSalute:" non entra nella riga e i due punti andrebbero a capo da soli */
@media (max-width: 360px) { .elementor.elementor-7586 [data-id="5f0a9169"] { font-size: 23px; } }
/* Link dentro l'etichetta privacy e nel footer: il tema li colorerebbe con il suo accento */
.elementor-7586 label a { color: #1F627B; text-decoration: underline; text-underline-offset: 2px; transition: color .15s ease; }
.elementor-7586 label a:hover { color: #007665; }
.elementor-7586 footer a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.elementor-7586 footer a:hover { text-decoration-thickness: 2px; }
/* Focus da tastiera visibile su menu, bottoni e link */
.elementor-7586 a:focus-visible { outline: 2px solid #00A18B; outline-offset: 4px; border-radius: 4px; }
.elementor-7586 footer a:focus-visible { outline-color: #FFFFFF; }
/* Casella privacy: stesso focus dei campi, spunta verde acqua invece del grigio predefinito */
.elementor-7586 #lp-privacy { transition: border-color .15s ease, box-shadow .15s ease, background-color .2s ease; }
.elementor-7586 #lp-privacy:focus { border-color: #00A18B; box-shadow: 0 0 0 3px rgba(0, 161, 139, .18); }
.elementor-7586 #lp-privacy:checked { background-color: #00A18B; border-color: #00A18B; }
/* Tendine grigie finche' non si sceglie: si attiva quando lo script svuota il valore di "Seleziona..." */
.elementor-7586 #lp-sei:invalid, .elementor-7586 #lp-specializzazione:invalid { color: #9DA5AE; }
/* ...ma le voci dell'elenco aperto restano leggibili (su Windows ereditano il colore della tendina) */
.elementor-7586 form select option { color: #1F627B; }
.elementor-7586 form select option[value=""] { color: #9DA5AE; }
/* Telefoni stretti (360 px e meno): header piu' compatto, bottone senza freccia */
@media (max-width: 400px) {
  .elementor-7586 header [data-id="433cbaa8"] { width: 116px; }
  .elementor-7586 header [data-id="43a254b9"] { gap: 12px; }
  .elementor-7586 header [data-id="7c674464"] { padding-left: 12px; padding-right: 12px; }
  .elementor-7586 header [data-id="7c674464"] span { display: none; }
}
@media (max-width: 340px) {
  .elementor-7586 header[data-id="374c58ff"] { padding-left: 12px; padding-right: 12px; }
  .elementor-7586 header [data-id="7c674464"] { font-size: 11px; }
}/* End custom CSS */