/* DineQube Direct Delivery V5.57.3 — mobile app location + live landing metrics */

/* Keep the live ETA / fee / distance trio stable on mobile. */
.dq-landing-v5558 .dqp-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
.dq-landing-v5558 .dqp-metrics>span{
  min-width:0!important;
  min-height:56px!important;
  padding:9px 8px!important;
  border:1px solid rgba(15,123,90,.09)!important;
  background:rgba(255,255,255,.88)!important;
}
.dq-landing-v5558 .dqp-metrics small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  color:#64766f!important;
}
.dq-landing-v5558 .dqp-metrics b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.15!important;
  color:#102d26!important;
}

/* Manual search uses the exact centered app-dialog language of the permission popup. */
dialog.dd-location-app-dialog-v5573[open]{
  position:fixed!important;
  inset:0!important;
  width:min(430px,calc(100vw - 26px))!important;
  max-width:430px!important;
  max-height:min(88dvh,720px)!important;
  margin:auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:24px!important;
}
dialog.dd-location-app-dialog-v5573[open]::backdrop{
  background:rgba(5,25,20,.58)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
dialog.dd-location-app-dialog-v5573[open] .dd-modal-shell{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-height:inherit!important;
  overflow:hidden!important;
  border:1px solid #dceae4!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 30px 80px rgba(6,48,37,.28)!important;
}
dialog.dd-location-app-dialog-v5573[open] .dd-modal-head{
  position:absolute!important;
  z-index:20!important;
  top:10px!important;
  right:10px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
dialog.dd-location-app-dialog-v5573[open] .dd-modal-head>div{display:none!important}
dialog.dd-location-app-dialog-v5573[open] .dd-close{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
  border:1px solid #d6e7df!important;
  border-radius:50%!important;
  background:#f3faf6!important;
  color:#164437!important;
  font-size:27px!important;
  line-height:1!important;
  box-shadow:0 5px 14px rgba(7,84,63,.08)!important;
}
dialog.dd-location-app-dialog-v5573[open] .dd-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.dd-location-app-v5573{
  display:grid!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  padding-top:4px!important;
}
.dd-location-app-v5573 .dd-location-pin-orb{
  width:58px!important;
  height:58px!important;
  margin:0 auto 1px!important;
  border-radius:18px!important;
  background:#e5f7ed!important;
  color:#0f7b5a!important;
  box-shadow:inset 0 0 0 1px rgba(15,123,90,.08)!important;
}
.dd-location-app-v5573 .dd-location-pin-orb svg{width:28px!important;height:28px!important}
.dd-location-app-v5573>h3{
  margin:0!important;
  padding:0 48px!important;
  text-align:center!important;
  color:#0b1f1a!important;
  font-size:22px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}
.dd-location-app-copy-v5573{
  margin:-2px auto 2px!important;
  max-width:340px!important;
  text-align:center!important;
  color:#667972!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.dd-location-search-v5573{position:relative!important;z-index:15!important;display:grid!important;gap:6px!important}
.dd-location-search-box-v5573{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:52px!important;
  padding:5px 6px 5px 13px!important;
  border:1.5px solid #cbded5!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(8,55,42,.06)!important;
}
.dd-location-search-box-v5573:focus-within{
  border-color:#0f8a61!important;
  box-shadow:0 0 0 3px rgba(15,123,90,.10),0 8px 22px rgba(8,55,42,.07)!important;
}
.dd-location-search-box-v5573>svg{width:20px!important;height:20px!important;stroke:#50756a!important;fill:none!important}
.dd-location-search-box-v5573 input{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#102720!important;
  font:700 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
}
.dd-location-search-box-v5573 input::placeholder{color:#8a9b95!important;font-weight:600!important}
.dd-location-search-box-v5573 button{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:#0f7b5a!important;
  color:#fff!important;
  box-shadow:none!important;
}
.dd-location-search-box-v5573 button svg{width:19px!important;height:19px!important;stroke:#fff!important}
.dd-location-search-box-v5573 button.is-loading{opacity:.68!important;pointer-events:none!important}
.dd-address-suggestions-v5573{
  position:absolute!important;
  z-index:30!important;
  top:58px!important;
  left:0!important;
  right:0!important;
  max-height:230px!important;
  overflow:auto!important;
  padding:6px!important;
  border:1px solid #d7e6df!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 18px 46px rgba(6,45,35,.18)!important;
}
.dd-address-suggestions-v5573 .dd-address-suggestion{
  width:100%!important;
  min-height:50px!important;
  padding:8px 9px!important;
  border:0!important;
  border-bottom:1px solid #edf2ef!important;
  border-radius:10px!important;
  background:#fff!important;
  text-align:left!important;
}
.dd-address-suggestions-v5573 .dd-address-suggestion:last-child{border-bottom:0!important}
.dd-address-suggestions-v5573 .dd-address-suggestion:active{background:#eef9f3!important}
.dd-address-suggestions-v5573 .dd-address-suggestion-copy b{font-size:12px!important;color:#142c25!important}
.dd-address-suggestions-v5573 .dd-address-suggestion-copy small{font-size:10px!important;color:#72817c!important}
.dd-current-location-card-v5573,
.dd-new-location-card-v5573,
.dd-use-current-v5573{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  padding:10px 11px!important;
  border:1px solid #dce9e3!important;
  border-radius:14px!important;
  background:#f9fcfa!important;
}
.dd-current-location-card-v5573>svg,
.dd-new-location-card-v5573>svg,
.dd-use-current-v5573>svg{
  width:22px!important;
  height:22px!important;
  padding:7px!important;
  box-sizing:content-box!important;
  border-radius:11px!important;
  background:#e7f7ef!important;
  stroke:#0f7b5a!important;
}
.dd-current-location-card-v5573 span,
.dd-new-location-card-v5573 span,
.dd-use-current-v5573 span{display:grid!important;gap:2px!important;min-width:0!important;text-align:left!important}
.dd-current-location-card-v5573 small,
.dd-new-location-card-v5573 small{font-size:8px!important;font-weight:900!important;letter-spacing:.09em!important;color:#678078!important}
.dd-current-location-card-v5573 b,
.dd-new-location-card-v5573 b,
.dd-use-current-v5573 b{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#153027!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.dd-current-location-card-v5573 em,
.dd-use-current-v5573 small{font-size:9.5px!important;font-style:normal!important;color:#71837d!important}
.dd-use-current-v5573{
  min-height:56px!important;
  border-color:#cfe6da!important;
  background:#fff!important;
  color:#153027!important;
  box-shadow:none!important;
}
.dd-use-current-v5573>strong{font-size:22px!important;color:#0f7b5a!important}
.dd-map-wrap-v5573{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #d8e5df!important;
  border-radius:17px!important;
  background:#eef4f1!important;
  box-shadow:0 8px 22px rgba(6,45,35,.06)!important;
}
.dd-map-v5573{
  width:100%!important;
  height:178px!important;
  min-height:178px!important;
  border-radius:17px!important;
}
.dd-map-center-label-v5573{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  bottom:9px!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:calc(100% - 20px)!important;
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:999px!important;
  background:rgba(9,39,31,.82)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:800!important;
  box-shadow:0 5px 14px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(8px)!important;
}
.dd-new-location-card-v5573{background:#eef9f3!important;border-color:#bee0cf!important}
.dd-new-location-card-v5573[hidden]{display:none!important}
.dd-location-inline-result-v5573{
  min-height:38px!important;
  padding:9px 11px!important;
  border:1px solid #e0e9e5!important;
  border-radius:12px!important;
  background:#f8faf9!important;
  color:#60736d!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}
.dd-location-inline-result-v5573.is-ready{border-color:#bfe3d1!important;background:#effaf4!important;color:#176247!important}
.dd-location-inline-result-v5573.is-error{border-color:#f1c7c3!important;background:#fff1ef!important;color:#a6352d!important}
.dd-location-inline-result-v5573.is-outside{
  display:grid!important;
  gap:3px!important;
  border-color:#efaaa4!important;
  background:#fff0ee!important;
  color:#a62822!important;
}
.dd-location-inline-result-v5573.is-outside b{font-size:12px!important;color:#a62822!important}
.dd-location-inline-result-v5573.is-outside span{font-size:10px!important;line-height:1.35!important;color:#b34139!important}
.dd-location-confirm-v5573{
  width:100%!important;
  min-height:52px!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(105deg,#0f8b61,#08734f)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  box-shadow:0 10px 22px rgba(8,119,79,.18)!important;
}
.dd-location-confirm-v5573:disabled{opacity:.45!important;box-shadow:none!important}
.dd-location-map-warning-v5573{display:grid!important;gap:3px!important;padding:12px!important;border-radius:13px!important;background:#fff8e8!important;border:1px solid #f0ddb0!important;color:#6a572a!important}
.dd-location-map-warning-v5573 b{font-size:12px!important}.dd-location-map-warning-v5573 span{font-size:10px!important}

@media(max-width:430px){
 dialog.dd-location-app-dialog-v5573[open]{width:calc(100vw - 20px)!important;max-height:88dvh!important;border-radius:22px!important}
 dialog.dd-location-app-dialog-v5573[open] .dd-modal-shell{border-radius:22px!important}
 dialog.dd-location-app-dialog-v5573[open] .dd-modal-body{padding:15px 13px calc(15px + env(safe-area-inset-bottom))!important}
 .dd-location-app-v5573{gap:9px!important}
 .dd-location-app-v5573 .dd-location-pin-orb{width:52px!important;height:52px!important;border-radius:16px!important}
 .dd-location-app-v5573>h3{font-size:20px!important}
 .dd-location-app-copy-v5573{font-size:11px!important;max-width:310px!important}
 .dd-location-search-box-v5573{min-height:50px!important;grid-template-columns:20px minmax(0,1fr) 40px!important;padding-left:11px!important}
 .dd-location-search-box-v5573 input{font-size:13px!important}
 .dd-map-v5573{height:164px!important;min-height:164px!important}
 .dd-current-location-card-v5573,.dd-new-location-card-v5573,.dd-use-current-v5573{grid-template-columns:35px minmax(0,1fr) auto!important;padding:8px 9px!important}
 .dd-current-location-card-v5573>svg,.dd-new-location-card-v5573>svg,.dd-use-current-v5573>svg{width:19px!important;height:19px!important;padding:7px!important}
 .dq-landing-v5558 .dqp-metrics{gap:5px!important}
 .dq-landing-v5558 .dqp-metrics>span{min-height:52px!important;padding:7px 6px!important}
 .dq-landing-v5558 .dqp-metrics small{font-size:7.8px!important}
 .dq-landing-v5558 .dqp-metrics b{font-size:10px!important}
}
@media(max-width:360px){
 dialog.dd-location-app-dialog-v5573[open]{width:calc(100vw - 14px)!important}
 dialog.dd-location-app-dialog-v5573[open] .dd-modal-body{padding-left:10px!important;padding-right:10px!important}
 .dd-location-app-v5573>h3{font-size:19px!important}
 .dd-location-search-box-v5573 input{font-size:12px!important}
 .dd-map-v5573{height:150px!important;min-height:150px!important}
 .dq-landing-v5558 .dqp-metrics small{font-size:7px!important}
 .dq-landing-v5558 .dqp-metrics b{font-size:9px!important}
}

/* V5.57.4 — manual location mobile viewport fit + sticky action */
dialog.dd-location-app-dialog-v5573[open]{
  max-height:min(82dvh,680px)!important;
}
dialog.dd-location-app-dialog-v5573[open] .dd-modal-head{
  left:auto!important;
  right:10px!important;
}
dialog.dd-location-app-dialog-v5573[open] .dd-modal-body{
  scrollbar-width:none!important;
  padding-bottom:10px!important;
}
dialog.dd-location-app-dialog-v5573[open] .dd-modal-body::-webkit-scrollbar{display:none!important}
.dd-location-app-v5573{
  gap:8px!important;
  padding-top:2px!important;
}
.dd-location-app-v5573 .dd-location-pin-orb{
  width:50px!important;
  height:50px!important;
  border-radius:15px!important;
}
.dd-location-app-v5573 .dd-location-pin-orb svg{width:24px!important;height:24px!important}
.dd-location-app-v5573>h3{font-size:20px!important;line-height:1!important}
.dd-location-app-copy-v5573{font-size:11px!important;line-height:1.32!important;margin:-1px auto 1px!important}
.dd-location-search-box-v5573{
  min-height:48px!important;
  grid-template-columns:20px minmax(0,1fr) 38px!important;
  gap:7px!important;
  padding:4px 5px 4px 11px!important;
  border-radius:14px!important;
}
.dd-location-search-box-v5573 input{height:38px!important;font-size:13px!important}
.dd-location-search-box-v5573 button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:11px!important}
.dd-address-suggestions-v5573{top:53px!important;max-height:190px!important}
.dd-current-location-card-v5573,.dd-new-location-card-v5573,.dd-use-current-v5573{
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:7px 9px!important;
  border-radius:13px!important;
}
.dd-current-location-card-v5573>svg,.dd-new-location-card-v5573>svg,.dd-use-current-v5573>svg{
  width:18px!important;height:18px!important;padding:6px!important;border-radius:10px!important;
}
.dd-current-location-card-v5573 b,.dd-new-location-card-v5573 b,.dd-use-current-v5573 b{font-size:11.5px!important}
.dd-current-location-card-v5573 em,.dd-use-current-v5573 small{font-size:9px!important}
.dd-use-current-v5573{min-height:50px!important}
.dd-map-v5573{height:140px!important;min-height:140px!important}
.dd-map-center-label-v5573{bottom:7px!important;padding:6px 9px!important;font-size:8.5px!important}
.dd-location-inline-result-v5573{min-height:34px!important;padding:8px 10px!important;font-size:10px!important}
.dd-location-confirm-v5573{
  position:sticky!important;
  z-index:18!important;
  bottom:0!important;
  min-height:50px!important;
  margin-top:0!important;
  box-shadow:0 -8px 18px rgba(255,255,255,.95),0 8px 20px rgba(8,119,79,.18)!important;
}
@media(max-width:430px){
  dialog.dd-location-app-dialog-v5573[open]{max-height:82dvh!important}
  dialog.dd-location-app-dialog-v5573[open] .dd-modal-body{padding:12px 12px 10px!important}
  .dd-location-app-v5573{gap:7px!important}
  .dd-location-app-v5573 .dd-location-pin-orb{width:46px!important;height:46px!important;border-radius:14px!important}
  .dd-location-app-v5573>h3{font-size:19px!important}
  .dd-location-app-copy-v5573{font-size:10.5px!important;max-width:320px!important}
  .dd-map-v5573{height:128px!important;min-height:128px!important}
  .dd-location-confirm-v5573{min-height:48px!important;font-size:12px!important}
}
@media(max-width:360px){
  dialog.dd-location-app-dialog-v5573[open]{max-height:80dvh!important}
  .dd-location-app-v5573 .dd-location-pin-orb{width:42px!important;height:42px!important}
  .dd-location-app-v5573>h3{font-size:18px!important}
  .dd-location-search-box-v5573 input{font-size:12px!important}
  .dd-map-v5573{height:112px!important;min-height:112px!important}
  .dd-current-location-card-v5573,.dd-new-location-card-v5573,.dd-use-current-v5573{padding:6px 8px!important}
}

/* V5.57.5 — stop iOS input zoom in manual-location popup + stronger search CTA */
.dd-location-search-box-v5573 input,
.dd-location-search-box-v5573 input:focus,
.dd-location-search-box-v5573 input::placeholder{
  font-size:16px!important;
}
.dd-location-confirm-v5573{
  background:linear-gradient(135deg,#11a36f 0%,#0b8f61 48%,#086d4b 100%)!important;
  border:1px solid rgba(6,94,64,.14)!important;
  color:#ffffff!important;
  box-shadow:0 14px 28px rgba(8,119,79,.24)!important;
}
.dd-location-confirm-v5573:not(:disabled):active{
  transform:translateY(1px)!important;
  box-shadow:0 8px 18px rgba(8,119,79,.22)!important;
}
.dd-location-confirm-v5573:disabled{
  opacity:.5!important;
  background:linear-gradient(135deg,#93d9bc 0%,#84cfb1 100%)!important;
  color:#f8fffb!important;
}
@media(max-width:430px){
  .dd-location-search-box-v5573 input,
  .dd-location-search-box-v5573 input:focus,
  .dd-location-search-box-v5573 input::placeholder{
    font-size:16px!important;
  }
}
@media(max-width:360px){
  .dd-location-search-box-v5573 input,
  .dd-location-search-box-v5573 input:focus,
  .dd-location-search-box-v5573 input::placeholder{
    font-size:16px!important;
  }
}