/* ===== Theme Tokens (אפשר לשנות לצבעי מיתוג) ===== */
:root{
  --moa-bg:#ffffff;
  --moa-surface:#ffffff;
  --moa-border:#e5e7eb;
  --moa-text:#0f172a;
  --moa-muted:#6b7280;
  --moa-primary:#215387;
  --moa-primary-weak:#eef5fd;
  --moa-success:#0a7a00;
  --moa-danger:#b10000;
  --moa-radius:14px;
  --moa-gap:16px;
}

/* בסיס כללי */
.moa-wrap{font-family:inherit;max-width:1100px;margin:0 auto;color:var(--moa-text);}
.moa-title{margin:0 0 14px;font-size:28px;line-height:1.25}
.moa-hint{color:var(--moa-muted);font-size:14px}

/* שורות וטפסים */
.moa-row{display:flex;align-items:center;gap:12px;margin:10px 0}
.moa-label{min-width:160px}
.moa-select,.moa-field,.moa-input{
  padding:10px 12px;font-size:16px;border:1px solid var(--moa-border);
  border-radius:10px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s
}
.moa-select:focus,.moa-field:focus,.moa-input:focus{
  border-color:var(--moa-primary); box-shadow:0 0 0 3px var(--moa-primary-weak)
}

/* קטגוריות */
.moa-category{margin:22px 0}
.moa-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.moa-cat-title{margin:0 0 8px;font-size:22px}
.moa-remaining{font-size:14px;color:var(--moa-muted)}
.moa-empty{color:var(--moa-danger)}

/* גריד קלפים */
.moa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--moa-gap)}
.moa-card{
  border:1px solid var(--moa-border);border-radius:var(--moa-radius);overflow:hidden;
  display:flex;flex-direction:column;background:var(--moa-surface);
  box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .12s,box-shadow .12s
}
.moa-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.moa-card-media{aspect-ratio:4/3;background:#f6f7f9;display:flex;align-items:center;justify-content:center}
.moa-card-media img{width:100%;height:100%;object-fit:cover}
.moa-placeholder{color:#777;font-size:14px}
.moa-card-body{padding:12px;display:flex;flex-direction:column;gap:8px}
.moa-item-name{margin:0;font-size:18px}
.moa-item-desc{margin:0;color:#555;font-size:14px;min-height:36px}
.moa-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.moa-price{font-weight:700}

/* כמות וכפתורים */
.moa-qty{display:flex;align-items:center;gap:6px}
.moa-btn{
  width:36px;height:36px;border:1px solid var(--moa-border);background:#fafafa;border-radius:10px;
  cursor:pointer;font-size:18px;line-height:32px;transition:background .15s,border-color .15s
}
.moa-btn:hover{background:#f0f2f4}
.moa-btn.moa-disabled{opacity:.5;pointer-events:none}
.moa-input.qty{width:62px;text-align:center}

/* סיכום והגשה */
.moa-sep{margin:22px 0;border:none;height:1px;background:var(--moa-border)}
.moa-summary-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.moa-total{font-size:18px;font-weight:800}
.moa-actions{display:flex;align-items:center;gap:10px;margin-top:10px}
.moa-submit{
  background:var(--moa-primary);color:#fff;border:0;padding:12px 18px;border-radius:12px;
  cursor:pointer;font-weight:600;transition:filter .15s,transform .06s
}
.moa-submit:hover{filter:brightness(1.05)}
.moa-submit:active{transform:translateY(1px)}
.moa-msg{font-size:14px}
.moa-msg.ok{color:var(--moa-success)}
.moa-msg.err{color:var(--moa-danger)}

/* רספונסיביות קלה */
@media (max-width:640px){
  .moa-label{min-width:120px}
  .moa-title{font-size:24px}
}