/* Wrapper griglia per i campi */
.booking-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-bottom: 20px;
}

/* Campi input */
.personalizza-input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
}

/* Pulsante */
.personalizza-input-button {
  display: block;
  width: 100%;
  padding: 14px;
  background-color: #FCEA10; /* Cambia se hai un colore brand */
  color: #222d59;
  font-size: 18px;
  font-weight: 900;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.personalizza-input-button:hover {
  background-color: #222d59; /* Hover */
  color: #FCEA10;
}

/* Responsive: da 768px in giù, 1 colonna sola */
@media (max-width: 768px) {
  .booking-grid {
    grid-template-columns: 1fr;
  }
}

.personalizza-input:focus {
  border-color: #FCEA10;
  outline: none;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.febiam-group-quote-message {
  display: none;
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 2px solid #FCEA10;
  border-radius: 6px;
  background: #fff;
  color: #222d59;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  animation: febiam-yellow-border-blink 1.2s ease-in-out infinite;
}

.febiam-group-quote-message.is-visible {
  display: block;
}

.febiam-group-quote-message a {
  color: #222d59;
  font-weight: 900;
  text-decoration-line: underline !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

@keyframes febiam-yellow-border-blink {
  0%,
  100% {
    border-color: #FCEA10;
    box-shadow: 0 0 0 rgba(252, 234, 16, 0);
  }

  50% {
    border-color: #ffd900;
    box-shadow: 0 0 0 5px rgba(252, 234, 16, 0.28);
  }
}

@media (prefers-reduced-motion: reduce) {
  .febiam-group-quote-message {
    animation: none;
  }
}