/* Twist Bookings – inline hláška pri submit tlačidle */

/* správny obal podľa šablóny */
.twist-bookings-submit{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;            /* dovolí, aby sa hláška zalomila na nový riadok */
}

/* bublina s hláškou */
.vs-inline-message{
  font-size:.95rem;
  line-height:1.35;
  padding:8px 10px;
  border-radius:8px;
  border:1px solid transparent;
  opacity:0;
  transform:translateY(-2px);
  transition:opacity .18s ease, transform .18s ease, border-color .18s ease, background-color .18s ease;
  max-width:520px;

  /* priestor od tlačidla */
  margin-top:10px;

  /* zaistí, že hláška bude pod tlačidlom aj na desktope */
  display:block;
  flex-basis:100%;
}

.vs-inline-message.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* success (zelený) */
.vs-inline-message.is-success{
  background:#ecfdf5;
  color:#065f46;
  border-color:rgba(16,185,129,0.25);
}

/* error (červený) */
.vs-inline-message.is-error{
  background:#fef2f2;
  color:#b91c1c;
  border-color:rgba(239,68,68,0.25);
}

/* mobil – ak chceš mať hlášku nad tlačidlom */
@media (max-width:640px){
  .twist-bookings-submit{
    flex-direction:column;
    align-items:stretch;
  }
  /* medzera medzi tlačidlom a hláškou */
  .twist-bookings-submit .vs-inline-message{
    margin-top: 10px;
    display: inline-block; /* nech sa dá pekne odsadit pod/vedľa buttonu */
  }
}