.tamara-booking-fields {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #cad7e0;
  border-radius: 18px;
  color: #2d2d2d;
  background: #fbf9f4;
}

.tamara-booking-fields legend {
  padding-inline: 8px;
  color: #2d2d2d;
  font-size: 18px;
  font-weight: 800;
}

.tamara-booking-fields__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.tamara-booking-fields label {
  display: grid;
  gap: 7px;
  color: #2d2d2d;
  font-size: 13px;
  font-weight: 700;
}

.tamara-booking-fields input {
  width: 100%;
  min-height: 48px;
  border: 1px solid #cad7e0;
  border-radius: 11px;
  padding: 9px 12px;
  color: #2d2d2d;
  background: #fff;
}

.tamara-booking-fields input:focus {
  border-color: #408078;
  outline: 3px solid rgb(64 128 120 / 0.17);
  outline-offset: 1px;
}

.tamara-booking-fields__price-note {
  margin: 11px 0 0;
  font-size: 12px;
  line-height: 1.7;
}

.tamara-booking-fields__price-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 18px;
  color: #408078;
  font-weight: 800;
}

.tamara-booking-fields__price-note[hidden] { display: none; }

.tamara-booking-fields__price-note bdi {
  display: inline-block;
  direction: ltr;
  unicode-bidi: isolate;
}

.tamara-booking-fields__price-note strong {
  color: #2d2d2d;
  font-size: 1.08em;
}

.tamara-booking-order-status {
  margin: 22px 0;
  padding: 16px 18px;
  border-inline-start: 4px solid #b4975a;
  border-radius: 12px;
  color: #2d2d2d;
  background: #fbf9f4;
}

.tamara-booking-order-status[data-status="confirmed"] { border-color: #408078; }
.tamara-booking-order-status[data-status="cancelled"],
.tamara-booking-order-status[data-status="availability_conflict"] { border-color: #b4975a; }
.tamara-booking-order-status p { margin: 4px 0 0; }

@media (max-width: 600px) {
  .tamara-booking-fields { padding: 16px; }
  .tamara-booking-fields__grid { grid-template-columns: 1fr; }
  .tamara-booking-fields__price-note { align-items: flex-start; flex-direction: column; gap: 4px; }
}