/* ==========================================================================
   Booking form (dynamic widget) — Lambeth Cabs
   ========================================================================== */
:root { --webThemeColor: #D97757; --formBtnColor: #fff; }

.modal-backdrop {
    height: 0 !important;
}
.modal-backdrop { z-index: 0; }

/* Placeholder skeleton shown until the booking widget loads */
.formPlaceHolder { width: 100%; max-width: 100%; height: 531px; border-radius: 14px; background: #F6F0E8; padding: 15px; }
.skeleton { position: relative; background: #EADFD5; border-radius: 8px; overflow: hidden; z-index: 1 }
.skeleton:after { content: ""; position: absolute; background: #F6F0E8; width: 1%; height: 100%; z-index: 2; box-shadow: 0 0 40px 40px #F6F0E8; animation: shimmer 1s ease infinite; -webkit-animation: shimmer 1s ease infinite }
@keyframes shimmer { 0% { left: 0; opacity: 0 } 50% { opacity: 1 } 100% { left: 100%; opacity: 0 } }
@-webkit-keyframes shimmer { 0% { left: 0; opacity: 0 } 50% { opacity: 1 } 100% { left: 100%; opacity: 0 } }
.skeleton-wrapper { display: flex; justify-content: center; flex-wrap: wrap }
.skeletonBoxWrap { padding: 0 5px; margin-bottom: 10px }
.skeletonBoxWrap.w-half { width: 50% }
.skeletonBoxWrap.w-full { width: 100% }
.skeletonBoxWrap .skeleton.h35 { height: 35px }
.skeletonBoxWrap .skeleton.h45 { height: 45px }
.skeletonBoxWrap .skeleton.h40 { height: 40px }
.skeletonBoxWrap .skeleton.h50 { height: 50px; margin-top: 10px }
.skeleton.smallSk { height: 14px !important; width: 85px; margin-bottom: 5px }
.skeletonBoxWrap:nth-child(6) .skeleton.smallSk { margin-top: 13px; margin-bottom: 0 }
.appsicowrap .skeleton { width: 136px }
.appsicowrap:first-child .skeleton { margin-left: auto }
@media (max-width: 768px) { .formPlaceHolder { height: 546.89px } }
@media (max-width: 576px) { .formPlaceHolder { height: 536.89px; padding: 12px 6px } }

/* Gentle theming of the injected widget — visual only, no selectors renamed */
#dynamic-widget { font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #25232A; }
#dynamic-widget input:focus,
#dynamic-widget select:focus,
#dynamic-widget textarea:focus { border-color: #D97757 !important; box-shadow: 0 0 0 3px rgba(217, 119, 87, .18) !important; outline: 0; }