/* OrderBite UI Repair v1 · Landing pricing + QR live preview
   Scoped overrides only. No print/download QR styling is changed. */

/* ---------- Landing pricing: make the actual price the visual anchor ---------- */
.landing-revamp-page .ob-single-region-price{
  margin:22px 0 14px;
  border:2px solid rgba(23,18,14,.2);
  border-radius:16px;
  background:rgba(255,255,255,.62);
  overflow:hidden;
}
.landing-revamp-page .ob-price-grid .price-featured .ob-single-region-price{
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.07);
}
.landing-revamp-page .ob-world-prices.ob-single-region-price .primary-region{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:14px!important;
  min-height:112px;
  padding:17px 18px 18px!important;
  border:0!important;
  background:transparent!important;
}
.landing-revamp-page .ob-world-prices.ob-single-region-price .primary-region>span{
  align-self:start;
  color:inherit;
  opacity:.72;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.2;
}
.landing-revamp-page .ob-world-prices.ob-single-region-price .primary-region>b{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end;
  gap:5px;
  min-width:0;
  white-space:nowrap;
  font-size:inherit!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:0!important;
  color:inherit!important;
}
/* app.css has a global .world-price-list span rule. Target the real amount
   directly so it cannot shrink or recolor $15 -> tiny/overlapped text. */
.landing-revamp-page .ob-world-prices.ob-single-region-price .primary-region [data-geo-amount]{
  display:inline-block!important;
  min-width:max-content;
  color:inherit!important;
  font-family:"DM Sans",sans-serif!important;
  font-size:clamp(38px,3.35vw,50px)!important;
  font-weight:950!important;
  line-height:.9!important;
  letter-spacing:-.035em!important;
  font-variant-numeric:tabular-nums;
  text-rendering:geometricPrecision;
}
.landing-revamp-page .ob-world-prices.ob-single-region-price .primary-region small{
  margin-left:2px;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  opacity:.8;
}

/* ---------- QR live preview: one square QR only ---------- */
.dashboard-page .qr-preview-shell{
  width:min(100%,430px);
}
.dashboard-page .qr-preview{
  width:min(100%,360px)!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  line-height:0;
}
.dashboard-page .qr-preview>canvas{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:360px!important;
  max-height:360px!important;
  object-fit:contain!important;
  image-rendering:pixelated;
}
/* QRCode.js adds an image fallback immediately after its canvas. Never show both. */
.dashboard-page .qr-preview>canvas+img{
  display:none!important;
}
.dashboard-page .qr-preview>img:only-child{
  display:block;
  width:100%!important;
  height:auto!important;
  max-width:360px!important;
  object-fit:contain!important;
  image-rendering:pixelated;
}

@media(max-width:620px){
  .landing-revamp-page .ob-world-prices.ob-single-region-price .primary-region{
    min-height:98px;
    padding:15px 16px!important;
  }
  .landing-revamp-page .ob-world-prices.ob-single-region-price .primary-region>b{
    font-size:inherit!important;
  }
  .landing-revamp-page .ob-world-prices.ob-single-region-price .primary-region [data-geo-amount]{
    font-size:clamp(34px,10vw,43px)!important;
  }
  .dashboard-page .qr-preview-shell{width:100%}
  .dashboard-page .qr-preview{width:min(100%,320px)!important}
}