/* ============================= */
/* ОБЩИЕ НАСТРОЙКИ ВИДЖЕТА */
/* ============================= */

#WidgetHorizontalBlockId,
#WidgetVerticalBlockId {
  font-family: 'druktextwidett', sans-serif !important;
  font-size: 14px !important;
}

/* ============================= */
/* ОСНОВНАЯ ФОРМА */
/* ============================= */

#WidgetHorizontalBlockId .hotel-widget,
#WidgetVerticalBlockId .hotel-widget,
#WidgetHorizontalBlockId .booking-form,
#WidgetVerticalBlockId .booking-form {

  /* размер строго по форме */
  padding: 5px !important;

  /* стеклянный эффект */
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  /* рамка */
  border: 2px solid #ffffff !important;

  /* капсула */
  border-radius: 9999px !important;

  /* ничего лишнего */
  box-shadow: none !important;
}

/* ============================= */
/* ВНУТРЕННЯЯ СЕТКА */
/* ============================= */

#WidgetHorizontalBlockId .form-inner,
#WidgetVerticalBlockId .form-inner {
  padding: 0 !important;
  background: transparent !important;
}

/* ============================= */
/* ПОЛЯ: ЗАЕЗД / ВЫЕЗД / ГОСТИ */
/* ============================= */

#WidgetHorizontalBlockId input,
#WidgetVerticalBlockId input,
#WidgetHorizontalBlockId select,
#WidgetVerticalBlockId select {

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  color: #3E3E3E !important;
  font-family: 'druktextwidett', sans-serif !important;
  font-size: 14px !important;
}

/* плейсхолдер */
#WidgetHorizontalBlockId input::placeholder,
#WidgetVerticalBlockId input::placeholder {
  color: rgba(255, 255, 255, 0.9);
}

/* ============================= */
/* ИКОНКИ */
/* ============================= */

#WidgetHorizontalBlockId svg,
#WidgetVerticalBlockId svg {
  stroke: #3E3E3E !important;
  fill: none !important;
}

/* ============================= */
/* КНОПКА */
/* ============================= */

#WidgetHorizontalBlockId button,
#WidgetRoomsListId button,
#WidgetVerticalBlockId button {

  background: #b8ce5b !important;
  border: none !important;
  border-radius: 9999px !important;

  /* центрируем текст */
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: 'druktextwidett', sans-serif !important;
  font-size: 14px !important;
  color: ##3e3e3e !important;

  height: 100%;
  padding: 5 10px !important;

  box-shadow: none !important;
  white-space: nowrap;
}

/* убираем стандартные span если есть */
#WidgetHorizontalBlockId button span,
#WidgetVerticalBlockId button span {
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================= */
/* МОБИЛЬНАЯ ВЕРСИЯ */
/* ============================= */

@media (max-width: 639px) {

  #WidgetVerticalBlockId .hotel-widget,
  #WidgetVerticalBlockId .booking-form {
    border-radius: 28px !important;
    padding: 5px !important;
  }

  #WidgetVerticalBlockId button {
    width: 100%;
    height: 48px;
  }
}



#WidgetRoomsListId {
    padding: 50px; /* Добавьте отступы для самого виджета */
}