/* Support-request disclosure: a compact action button (the <summary>) that
   opens a small ticket form, so support requests carry the traveler's own
   words. Used on the receipt, My bookings, and the checkout summary. */

.bido-support-request {
  position: relative;
  display: inline-block;
}

.bido-support-request > summary {
  list-style: none;
}

.bido-support-request > summary::-webkit-details-marker {
  display: none;
}

.bido-support-request[open] > summary {
  background: var(--bx-paper-2);
}

.bido-support-request-form {
  position: absolute;
  z-index: 30;
  inset-block-start: calc(100% + 0.5rem);
  inset-inline-start: 0;
  inline-size: min(22rem, 82vw);
  display: grid;
  gap: 0.5rem;
  padding: 0.75rem;
  background: var(--bx-paper);
  border: 1px solid var(--bx-line);
  border-radius: var(--bx-r-lg);
  box-shadow: var(--bx-shadow-soft);
  text-align: start;
}

.bido-support-request-message {
  resize: vertical;
  min-block-size: 4.5rem;
}

@media (max-width: 40rem) {
  /* On narrow screens the popover hugs the screen edge instead of the button,
     so it never overflows the viewport. */
  .bido-support-request-form {
    position: fixed;
    inset-inline: 0.75rem;
    inset-block-start: auto;
    inset-block-end: calc(0.75rem + env(safe-area-inset-bottom));
    inline-size: auto;
  }
}