/* ============================================================================
   BAKITOUR — BOOKING FIELD ICONS  (additive, home-only, pure CSS)
   ----------------------------------------------------------------------------
   Adds a small wayfinding icon to each booking-field label. Pure CSS — no JS,
   no behaviour changes, and it does NOT touch the field/card design, width, or
   layout. Icons are mapped by the field-group's :nth-of-type so the leading
   hidden inputs (CSRF + Alpine x-model) don't shift the count — the four
   field-groups are the only <div>s in the form.
   ========================================================================== */

.bk-booking__field-group .bk-booking__label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.bk-booking__field-group .bk-booking__label::before {
  content: "";
  width: 14px; height: 14px;
  flex: 0 0 auto;
  background: center / contain no-repeat;
  opacity: 0.62;
}

/* Pickup — location pin */
.bk-booking__form > .bk-booking__field-group:nth-of-type(1) .bk-booking__label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 7-8 12-8 12s-8-5-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
/* Drop-off (one-way) — flag */
.bk-booking__form > .bk-booking__field-group:nth-of-type(2) .bk-booking__field:has(input[type="text"]) .bk-booking__label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V4s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E");
}
/* Hours (hourly) — hourglass */
.bk-booking__form > .bk-booking__field-group:nth-of-type(2) .bk-booking__field:not(:has(input[type="text"])) .bk-booking__label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h12M6 22h12M6 2c0 5 4 6 6 10 2-4 6-5 6-10M6 22c0-5 4-6 6-10'/%3E%3C/svg%3E");
}
/* Date — calendar */
.bk-booking__form > .bk-booking__field-group:nth-of-type(3) .bk-booking__label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}
/* Time — clock */
.bk-booking__form > .bk-booking__field-group:nth-of-type(4) .bk-booking__label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 14'/%3E%3C/svg%3E");
}

@media (max-width: 540px) {
  /* On the stacked mobile card the icons add clutter next to the bold labels. */
  .bk-booking__field-group .bk-booking__label::before { display: none; }
}