/* Native order pages use the public light theme, including legacy summary rules. */
.fm-order-page .order-item{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 0}
.fm-order-page .order-item.with-image{grid-template-columns:54px minmax(0,1fr) auto}
.fm-order-page .order-item>div{min-width:0;gap:4px;overflow-wrap:anywhere}
.fm-order-page .order-item strong{font-size:15px}
.fm-order-page .order-item>b{white-space:nowrap}
.fm-order-page .order-summary b{color:inherit;font-variant-numeric:tabular-nums}
.fm-order-page .order-summary{gap:12px}
.fm-order-page form{display:grid;gap:12px}
.fm-order-page .field{margin:0}
.fm-order-page form>.btn{justify-self:start}
.fm-order-page .order-actions{display:flex;gap:10px;flex-wrap:wrap}
.fm-order-page .shadow-flash.ok,.fm-commerce-dashboard .shadow-flash.ok{background:#ecfdf5;color:#166534!important;border-color:#a7f3d0;box-shadow:0 4px 16px rgba(18,33,63,.08)}
.fm-order-page .shadow-flash.bad,.fm-commerce-dashboard .shadow-flash.bad{background:#fff1f2;color:#9f1239!important;border-color:#fecdd3;box-shadow:0 4px 16px rgba(18,33,63,.08)}
.fm-order-page .shadow-flash ul{margin:0;padding-left:20px}
.fm-commerce-dashboard nav[aria-label="หน้าคำสั่งซื้อ"]{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:600px){
 .fm-order-page .order-item,.fm-order-page .order-item.with-image{grid-template-columns:minmax(0,1fr)}
 .fm-order-page .order-item>b{justify-self:end}
 .fm-order-page .hero{align-items:flex-start;flex-direction:column}
 .fm-order-page .order-actions .btn{flex:1 1 150px}
 .fm-order-page .card{padding:16px}
}
