/* 
 * Homepage CSS
 * Stili dedicati per la pagina homepage
 */

/* Animazione per evidenziare la provincia auto-selezionata */
#scelta_provincia.auto-selected {
  background-color: #e8f5e8 !important;
  border-color: #28a745 !important;
  animation: pulseGreen 2s ease-in-out;
}

@keyframes pulseGreen {
  0% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(40, 167, 69, 0); }
  100% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
}

/* Tooltip per provincia richiesta */
.tooltip-provincia-required {
  background-color: #dc3545;
  color: white !important;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(220, 53, 69, 0.4);
  z-index: 9999 !important;
  position: absolute !important;
  white-space: nowrap;
  border: 2px solid #fff;
  max-width: 300px;
  text-align: center;
}

.tooltip-provincia-required::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px 8px 0;
  border-style: solid;
  border-color: #dc3545 transparent transparent transparent;
}

.tooltip-provincia-required::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  z-index: -1;
}

/* Versione del tooltip che appare sotto il pulsante */
.tooltip-provincia-required.tooltip-below::after {
  top: -8px;
  border-width: 0 8px 8px;
  border-color: transparent transparent #dc3545 transparent;
}

.tooltip-provincia-required.tooltip-below::before {
  top: -10px;
  border-width: 0 10px 10px;
  border-color: transparent transparent #fff transparent;
}

/* Stile per pulsante disabilitato */
#btn-clicca-qui-provincia.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  /* Manteniamo pointer-events per permettere il tooltip */
  pointer-events: auto;
}

.tooltip-provincia-required {
      background-color: #dc3545 !important;
      color: white !important;
      padding: 12px 16px !important;
      border-radius: 8px !important;
      font-size: 0.9rem !important;
      font-weight: 500 !important;
      box-shadow: 0 8px 20px rgba(220, 53, 69, 0.4) !important;
      z-index: 9999 !important;
      position: absolute !important;
      white-space: nowrap !important;
      border: 2px solid #fff !important;
      max-width: 300px !important;
      text-align: center !important;
    }
    
    /* Stile per pulsante disabilitato */
    #btn-clicca-qui-provincia.disabled {
      opacity: 0.5 !important;
      cursor: not-allowed !important;
      /* Manteniamo pointer-events per permettere il tooltip */
      pointer-events: auto !important;
    }