/* Site-owned wrapper only. The provider form inside the iframe stays untouched. */
.xm-taxi-booking{border:1px solid #b48a4566;border-radius:16px;background:#151410;padding:clamp(18px,4vw,32px);margin:32px 0;scroll-margin-top:24px}
.xm-taxi-booking h2{margin-top:0}
.xm-taxi-actions{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center}
.xm-taxi-actions .button,.xm-taxi-booking button.button{font:inherit;font-weight:600;cursor:pointer;border:1px solid #dfbf81;text-align:center}
.xm-taxi-notice,.xm-taxi-status,.xm-taxi-return{font-size:15px;line-height:1.6}
.xm-taxi-notice{color:#cec7b9}
.xm-taxi-status:empty{display:none}
.xm-taxi-status{color:#e1bf7b}
.xm-taxi-booking [hidden]{display:none!important}
#taxicaller-booking-form{width:100%;min-width:0;min-height:700px;margin-top:20px}
@media(max-width:992px){#taxicaller-booking-form{min-height:200px}}
@media(max-width:520px){.xm-taxi-actions{display:grid;grid-template-columns:minmax(0,1fr)}.xm-taxi-actions .button{margin:2px 0;font-size:16px}.xm-taxi-booking{padding:18px 14px}}

/* The vendor hides scrollbars but does not lock the mobile background. */
@media(max-width:992px){
  html.xm-taxi-scroll-locked{overflow:hidden;overscroll-behavior:none}
  html.xm-taxi-scroll-locked body{position:fixed;top:var(--xm-taxi-scroll-top);left:0;right:0;width:100%;overflow:hidden;overscroll-behavior:none;padding-bottom:0!important}
  html.xm-taxi-scroll-locked #taxicaller-booking-form.taxicaller-passenger-app--fullscreen .taxicaller-passenger-app--wrapper{top:var(--xm-taxi-viewport-top,0px);height:var(--xm-taxi-viewport-height,100dvh);box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)}
}