- posizione attuale GPS

- salvataggio ultima posizione in mappa
- visualizzazione prima icona con fas

src/css/app.scss

@@ -324,8 +324,9 @@ h3 {
   }
 }
 
-.dialog_annunci{
+.dialog_annunci {
   max-width: 700px !important;
+
   @media (max-width: 700px) {
     /* Versione Mobile */
     max-width: 100% !important;
@@ -1838,6 +1839,7 @@ h3 {
   min-height: 100% !important;
   max-width: 700px !important;
   min-width: 700px !important;
+
   @media (max-width: 700px) {
     /* Versione Mobile */
     max-width: 400px !important;
@@ -1933,7 +1935,8 @@ h3 {
 .aspect-ratio-box {
   position: relative;
   width: 100%;
-  padding-top: 56.25%; /* 16:9 Aspect Ratio */
+  padding-top: 56.25%;
+  /* 16:9 Aspect Ratio */
 }
 
 .aspect-ratio-box iframe {
@@ -1942,4 +1945,95 @@ h3 {
   left: 0;
   width: 100%;
   height: 100%;
+}
+
+.fake-link {
+  @media (max-width: 600px) {
+    color: #1976D2;
+    text-decoration: underline !important;
+    cursor: pointer;
+  }
+
+  font-weight: bold;
+}
+
+.fake-link:hover {
+  color: #0D47A1;
+}
+
+.fixed-toggle {
+  position: absolute;
+  /* Posizionamento fisso */
+  top: 60px;
+  /* Distanza dal bordo superiore */
+  left: 20px;
+  /* Distanza dal bordo sinistro */
+  z-index: 1000;
+  /* Assicurati che sia sopra gli altri elementi */
+}
+
+.marker-mini-icon {
+  position: absolute;
+  top: 5px;
+  left: 9px;
+  font-size: 20px;
+}
+
+.marker-circle {
+  position: absolute;
+  /* Posizionamento assoluto */
+  top: 15px;
+  /* Centra verticalmente */
+  left: 50%;
+  /* Centra orizzontalmente */
+  width: 24px;
+  /* Dimensione del cerchio */
+  height: 24px;
+  /* Dimensione del cerchio */
+  background-color: white;
+  /* Colore bianco del cerchio */
+  border-radius: 50%;
+  /* Rende il cerchio rotondo */
+  transform: translate(-50%, -50%);
+  /* Centra esattamente il cerchio */
+  z-index: 0;
+  /* Assicurati che sia sotto l'icona principale */
+}
+
+.marker-shadow {
+  width: 40px; /* Dimensione dell'ombra, dovrebbe corrispondere all'icona principale */
+  height: 40px; /* Dimensione dell'ombra */
+  position: absolute; /* Posizionamento assoluto per posizionarla correttamente */
+  top: 3px; /* Allineata sopra */
+  left: 8px; /* Allineata a sinistra */
+  z-index: -10; /* Assicurati che l'ombra sia sotto */
+  opacity: 1; /* L'opacità dell'ombra per un effetto realistico */
+}
+
+.custom-icon .material-icons {
+  position: absolute; /* Posizionamento assoluto per centrare */
+  top: 50%; /* Posizionamento verticale */
+  left: 50%; /* Posizionamento orizzontale */
+  transform: translate(-50%, -50%); /* Centra l'icona */
+  font-size: 40px; /* Dimensione dell'icona 20x20 */
+  color: blue; /* Colore dell'icona (puoi cambiarlo) */
+}
+
+.current-location-icon {
+  background-color: #4A89F3;
+  border: 3px solid #FFFFFF;
+  border-radius: 50%;
+  box-shadow: 0 0 0 4px #4A89F3;
+}
+.current-location-icon::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 50%;
+  height: 50%;
+  background-color: #FFFFFF;
+  border-radius: 50%;
+  opacity: 0.4;
 }