/* Menu item editor. Kept separate so the editor cannot affect other admin pages. */
.yatoon-wrap.yatoon-item-editor { max-width: 1200px; }
.yatoon-item-editor .yatoon-editor-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:20px 0; }
.yatoon-item-editor .yatoon-editor-heading h1 { margin:0 0 6px; padding:0; }
.yatoon-item-editor .yatoon-editor-heading p { margin:0; color:#646970; }
.yatoon-item-editor .yatoon-editor-currency { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; padding:12px 16px; border:1px solid #dcdcde; border-radius:10px; background:#fff; font-size:13px; }
.yatoon-item-editor .yatoon-editor-currency span { color:#646970; }
.yatoon-item-editor .yatoon-editor-currency strong { color:#1d2327; }
.yatoon-item-editor .yatoon-card { padding:24px; container-type:inline-size; }
.yatoon-item-editor .form-table, .yatoon-item-editor .form-table tbody { display:block; width:100%; }
.yatoon-item-editor .form-table tr { grid-template-columns:160px minmax(0,1fr); gap:24px; }
.yatoon-item-editor .form-table td { min-width:0; }
.yatoon-item-editor .form-table input.regular-text, .yatoon-item-editor .form-table input.large-text, .yatoon-item-editor .form-table textarea { width:100%; max-width:100%; box-sizing:border-box; }
.yatoon-item-editor .yatoon-editor-actions { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 0; padding-top:20px; border-top:1px solid #f0f0f1; }
.yatoon-item-editor .yatoon-money-input { align-items:center; padding:0 0 0 12px; border:1px solid #8c8f94; border-radius:6px; background:#fff; gap:8px; }
.yatoon-item-editor .yatoon-money-input input { border:0 !important; box-shadow:none !important; margin:0; min-height:40px; }
.yatoon-item-editor .yatoon-money-input:focus-within { outline:2px solid #2271b1; outline-offset:1px; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder { background:transparent !important; border:0; overflow:visible; margin:0 0 12px; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder * { box-sizing:border-box; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-group { padding:18px; margin:0 0 14px; border:1px solid #dcdcde; border-radius:10px; background:#f9fafb; min-width:0; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-head { display:block; margin:0 0 16px; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-group-label { display:block; font-size:12px; font-weight:600; color:#50575e; margin:0 0 6px; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-group-name { width:100% !important; margin:0; font-size:14px; font-weight:600; min-width:0; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; width:100%; margin-top:12px; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-controls label { display:inline-flex; align-items:center; gap:6px; margin:0; min-width:0; font-size:13px; white-space:normal; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-controls input[type=checkbox] { flex:0 0 auto; margin:0; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-maxwrap input { width:64px !important; min-height:36px; margin:0; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-labels,
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-row { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(100px,132px) 88px !important; gap:10px !important; align-items:center !important; min-width:0; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-labels { font-size:12px; font-weight:600; color:#50575e; margin:0 0 6px; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-row { margin:0 0 10px; padding:0; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-name { width:100% !important; min-width:0 !important; margin:0 !important; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-money { display:grid !important; grid-template-columns:auto minmax(0,1fr) !important; gap:6px !important; min-width:0; width:100%; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-money i { font-size:13px; font-style:normal; white-space:nowrap; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-money input { width:100% !important; min-width:0 !important; margin:0 !important; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .button.yatoon-mod-del-opt,
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .button.yatoon-mod-del-group { display:inline-flex; align-items:center; justify-content:center; gap:4px; width:auto; height:auto; min-height:40px; padding:6px 10px; margin:0; border:1px solid #dba6a6 !important; border-radius:6px; background:#fff; color:#a32020 !important; font-size:13px; font-weight:500; line-height:1.4; text-decoration:none; white-space:nowrap; cursor:pointer; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .button.yatoon-mod-del-group { margin-left:auto; min-height:36px; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .button.yatoon-mod-del-opt:hover,
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .button.yatoon-mod-del-group:hover { background:#fff1f1; border-color:#b32d2e !important; }
.yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder button:focus-visible { outline:2px solid #2271b1; outline-offset:2px; }
.yatoon-item-editor .yatoon-mod-message { color:#2271b1; font-size:13px; margin:8px 0 0; }
.yatoon-item-editor .yatoon-mod-message:empty { display:none; }
.yatoon-item-editor #yatoon-pref-quickinsert { margin-top:20px !important; padding-top:16px; border-top:1px solid #e2e8f0; }
.yatoon-item-editor #yatoon-pref-quickinsert .button { min-height:36px; }
@container (max-width:520px) {
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-labels { display:none !important; }
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-row { grid-template-columns:minmax(0,1fr) 88px !important; padding:12px; margin-bottom:10px; background:#fff; border:1px solid #e2e8f0; border-radius:8px; }
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-name { grid-column:1 / -1; }
}
@media (max-width:782px) {
  .yatoon-item-editor .yatoon-editor-heading { align-items:stretch; }
  .yatoon-item-editor .yatoon-editor-currency { width:100%; box-sizing:border-box; }
  .yatoon-item-editor .yatoon-card { padding:16px; }
  .yatoon-item-editor .form-table tr { display:block; }
  .yatoon-item-editor .form-table th { padding:0 0 8px; }
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-group { padding:12px; }
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-labels { display:none !important; }
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-row { grid-template-columns:minmax(0,1fr) 88px !important; padding:12px; background:#fff; border:1px solid #e2e8f0; border-radius:8px; }
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-opt-name { grid-column:1 / -1; }
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder input[type=text],
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder input[type=number],
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .button.yatoon-mod-del-opt { min-height:44px; font-size:16px; }
  .yatoon-wrap.yatoon-item-editor #yatoon-modifier-builder .yatoon-mod-controls { gap:12px; }
}

.yatoon-translation-locale{border:1px solid #dcdcde;border-radius:6px;margin:8px 0;padding:10px 12px;background:#fff}.yatoon-translation-locale summary{font-weight:600;cursor:pointer}.yatoon-translation-fields{display:grid;gap:8px;margin-top:12px}.yatoon-translation-fields label{display:grid;gap:4px;max-width:640px}.yatoon-translation-fields input[type=text],.yatoon-translation-fields textarea{width:100%}.yatoon-translation-status{margin-left:8px}