/* Restaurant menu QR code. The preview stage and the paper controls come from css/_print-kit.css. Borders: 1px hairline. */
#visu-tools.vt-menu-qr .vt-mq-top { margin-bottom: 10px !important; }
#visu-tools.vt-menu-qr #vt-mq-warn { margin-top: 12px !important; }
#visu-tools.vt-menu-qr .vt-mq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; align-items: start; }
#visu-tools.vt-menu-qr .vt-mq-grid .vt-field { align-content: start; }
#visu-tools.vt-menu-qr .vt-mq-per .vt-check { min-height: 0; align-items: flex-start; }
#visu-tools.vt-menu-qr .vt-mq-per .vt-hint { margin-top: 6px !important; }
#visu-tools.vt-menu-qr :is(.vt-mq-texts, .vt-mq-wifi, .vt-mq-format, .vt-mq-look) { margin-top: 20px !important; padding-top: 16px !important; border-top: 1px solid var(--vt-line) !important; }
#visu-tools.vt-menu-qr .vt-mq-wifi .vt-mq-grid { margin-top: 0; }
#visu-tools.vt-menu-qr .vt-mq-format .vt-hint { margin-top: 10px !important; }
#visu-tools.vt-menu-qr .vt-mq-look { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; align-items: start; }
#visu-tools.vt-menu-qr .vt-mq-privacy { margin-top: 16px !important; }
#visu-tools.vt-menu-qr .vt-mq-host { margin-bottom: 16px; }
#visu-tools.vt-menu-qr .vt-mq-host h3 { font-size: 17px !important; font-weight: 700 !important; }
#visu-tools.vt-menu-qr :is(.vt-mq-host, .vt-mq-dyn) :is(p, ol) { max-width: 78ch; }
#visu-tools.vt-menu-qr .vt-mq-steps { padding-left: 22px !important; display: grid; gap: 6px; }
@media (max-width: 600px) {
  #visu-tools.vt-menu-qr :is(.vt-mq-grid, .vt-mq-look) { grid-template-columns: minmax(0, 1fr); }
  #visu-tools.vt-menu-qr .vt-seg-items:has(input[name="vt-mq-format"]) { flex-wrap: wrap; overflow-x: visible; margin: 0; padding: 0; }
}